use shared headroom

dashboard-ui/scripts/site.js

@@ -1185,6 +1185,25 @@ var AppInfo = {};
         }
     }
 
+    function createWindowHeadroom() {
+        // construct an instance of Headroom, passing the element
+        var headroom = new Headroom([], {
+            // or scroll tolerance per direction
+            tolerance: {
+                down: 20,
+                up: 0
+            },
+            classes: {
+                //pinned: 'appfooter--pinned',
+                //unpinned: 'appfooter--unpinned',
+                //initial: 'appfooter-headroom'
+            }
+        });
+        // initialise
+        headroom.init();
+        return headroom;
+    }
+
     function initRequire() {
 
         var urlArgs = "v=" + (window.dashboardVersion || new Date().getDate());
@@ -1491,6 +1510,8 @@ var AppInfo = {};
             return Emby.Page;
         });
 
+        define("headroom-window", ['headroom'], createWindowHeadroom);
+
         // mock this for now. not used in this app
         define("playbackManager", [], function () {
             return {
@@ -1892,7 +1913,8 @@ var AppInfo = {};
             path: '/channels.html',
             dependencies: [],
             autoFocus: false,
-            transition: 'fade'
+            transition: 'fade',
+            controller: 'scripts/channels'
         });
 
         defineRoute({