Custom Javascript code to integrate with Fully Kiosk Browser

Apps & Services HABPanel
1

Here is an example dashboard. The Music, CCTV and Internet buttons all open android apps when clicked on if you are running from Fully Kiosk Browser:

home-dashboard
home-dashboard.png1314×762 99.7 KB

The custom widget code:

<div class="btnnav" oc-lazy-load="['/static/habpanel-fully-app.js']">
  <div class="flex">
      <button fully-app app="{{config.app_id}}" class="btn2" style="flex: 1 1 auto">
        <img class="icon-tile ng-scope inline" src={{config.icon}} style="flex: 1 1 auto; width: 50%" />
        <div style="clear: both"></div>
        <div style="font-size: 4.5vw"><a>{{config.text}}</a></div>
      </button>
  </div>
</div>

habpanel-fully-app.js:

angular.module("fullyApp", [])
.directive("fullyApp", function () {
    return {
        restrict: "A",
        link: function (scope, elem, attrs) {
            elem.bind("click", function () {
                fully.startApplication(attrs.app);
            });
        }
    };
});

The json widget which you can import directly:
Button- Launch Fully App.widget.json (1.2 KB)

1 Like
2

A challenge for someone:
Use boolean fully.isInForeground() and void fully.bringToForeground() to automatically bring HABPanel back into focus after some idle time in the external app!

3

@mattwire Sorry off topic question : how do you manage the theme in fully ? it said “Themes are not compatible with this browser.”

4

Awesome! I can now open Tunein and start my media…

I try to start also Google play music, but for some reason I cannot i use as Application id ‘com.google.android.music’

But nothing happens :\ I am puzzled a bit