From ceeb569571f23236d1a149e8d437a1a6893eb614 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Tue, 18 Aug 2015 11:35:51 -0400
Subject: [PATCH] split up home page scripts

---
 dashboard-ui/index.html              | 10 ++++----
 dashboard-ui/scripts/favorites.js    | 20 ++++------------
 dashboard-ui/scripts/homenextup.js   | 20 ++++------------
 dashboard-ui/scripts/homeupcoming.js | 20 ++++------------
 dashboard-ui/scripts/indexpage.js    | 34 ++++++++++++++++++++++++----
 5 files changed, 50 insertions(+), 54 deletions(-)
diff --git a/dashboard-ui/index.html b/dashboard-ui/index.html
index 350f6bf85a..25361cc70d 100644
--- a/dashboard-ui/index.html
+++ b/dashboard-ui/index.html
@@ -5,7 +5,7 @@
 </head>
 <body>
 
-    <div id="indexPage" data-role="page" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book" data-require="scripts/sections,scripts/indexpage,scripts/homenextup,scripts/favorites,scripts/homeupcoming,paperbuttonstyle">
+    <div id="indexPage" data-role="page" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book" data-require="scripts/indexpage">
 
         <div class="libraryViewNav libraryViewNavWithMinHeight">
             <paper-tabs style="display:none;">
@@ -26,7 +26,7 @@
         <div class="ehsContent fullWidth">
             <neon-animated-pages>
                 <neon-animatable>
-                    <div class="pageTabContent homeTabContent">
+                    <div class="pageTabContent homeTabContent" data-index="0">
                         <div class="ui-bar-b readOnlyContent welcomeMessage" style="display: none; padding: 2em; border-radius: 10px; margin: 2em auto; font-weight: normal;">
                             <h1 style="margin-top: 0;" class="tourHeader"></h1>
                             <p>
@@ -38,7 +38,7 @@
                     </div>
                 </neon-animatable>
                 <neon-animatable>
-                    <div class="pageTabContent homeNextUpTabContent">
+                    <div class="pageTabContent homeNextUpTabContent" data-index="1">
                         <div class="homePageSection">
                             <div>
                                 <h1 class="listHeader nextUpHeader" style="display:inline-block;vertical-align:middle;">${HeaderNextUp}</h1>
@@ -51,12 +51,12 @@
                     </div>
                 </neon-animatable>
                 <neon-animatable>
-                    <div class="pageTabContent homeFavoritesTabContent">
+                    <div class="pageTabContent homeFavoritesTabContent" data-index="2">
                         <div class="sections"></div>
                     </div>
                 </neon-animatable>
                 <neon-animatable>
-                    <div class="pageTabContent homeUpcomingTabContent">
+                    <div class="pageTabContent homeUpcomingTabContent" data-index="3">
                         <div id="upcomingItems">
                         </div>
                         <div class="noItemsMessage" style="display: none;">
diff --git a/dashboard-ui/scripts/favorites.js b/dashboard-ui/scripts/favorites.js
index 0b37dc05da..3f63f7566a 100644
--- a/dashboard-ui/scripts/favorites.js
+++ b/dashboard-ui/scripts/favorites.js
@@ -141,20 +141,10 @@
         });
     }
 
-    $(document).on('pageinitdepends', "#indexPage", function () {
-
-        var page = this;
-        var tabContent = page.querySelector('.homeFavoritesTabContent');
-
-        $(page.querySelector('neon-animated-pages')).on('tabchange', function () {
-
-            if (parseInt(this.selected) == 2) {
-                if (LibraryBrowser.needsRefresh(tabContent)) {
-                    loadSections(tabContent, Dashboard.getCurrentUserId());
-                }
-            }
-        });
-
-    });
+    window.HomePage.renderFavorites = function (page, tabContent) {
+        if (LibraryBrowser.needsRefresh(tabContent)) {
+            loadSections(tabContent, Dashboard.getCurrentUserId());
+        }
+    };
 
 })(jQuery, document);
\ No newline at end of file
diff --git a/dashboard-ui/scripts/homenextup.js b/dashboard-ui/scripts/homenextup.js
index 7fa7b2da55..1d3115e2a8 100644
--- a/dashboard-ui/scripts/homenextup.js
+++ b/dashboard-ui/scripts/homenextup.js
@@ -78,20 +78,10 @@
         });
     }
 
-    $(document).on('pageinitdepends', "#indexPage", function () {
-
-        var page = this;
-        var tabContent = page.querySelector('.homeNextUpTabContent');
-
-        $(page.querySelector('neon-animated-pages')).on('tabchange', function () {
-            
-            if (parseInt(this.selected) == 1) {
-                if (LibraryBrowser.needsRefresh(tabContent)) {
-
-                    reload(tabContent);
-                }
-            }
-        });
-    });
+    window.HomePage.renderNextUp = function (page, tabContent) {
+        if (LibraryBrowser.needsRefresh(tabContent)) {
+            reload(tabContent);
+        }
+    };
 
 })(jQuery, document);
\ No newline at end of file
diff --git a/dashboard-ui/scripts/homeupcoming.js b/dashboard-ui/scripts/homeupcoming.js
index d62425e496..d0114b28bf 100644
--- a/dashboard-ui/scripts/homeupcoming.js
+++ b/dashboard-ui/scripts/homeupcoming.js
@@ -120,20 +120,10 @@
         ImageLoader.lazyChildren(elem);
     }
 
-    $(document).on('pageinitdepends', "#indexPage", function () {
-
-        var page = this;
-
-        $(page.querySelector('neon-animated-pages')).on('tabchange', function () {
-
-            if (parseInt(this.selected) == 3) {
-                var tabContent = page.querySelector('.homeUpcomingTabContent');
-
-                if (LibraryBrowser.needsRefresh(tabContent)) {
-                    loadUpcoming(tabContent);
-                }
-            }
-        });
-    });
+    window.HomePage.renderUpcoming = function (page, tabContent) {
+        if (LibraryBrowser.needsRefresh(tabContent)) {
+            loadUpcoming(tabContent);
+        }
+    };
 
 })(jQuery, document);
\ No newline at end of file
diff --git a/dashboard-ui/scripts/indexpage.js b/dashboard-ui/scripts/indexpage.js
index a3baa9a75d..1cdb2a90eb 100644
--- a/dashboard-ui/scripts/indexpage.js
+++ b/dashboard-ui/scripts/indexpage.js
@@ -164,9 +164,7 @@
         });
     }
 
-    function loadHomeTab(page) {
-
-        var tabContent = page.querySelector('.homeTabContent');
+    function loadHomeTab(page, tabContent) {
 
         if (LibraryBrowser.needsRefresh(tabContent)) {
             if (window.ApiClient) {
@@ -196,14 +194,38 @@
 
     function loadTab(page, index) {
 
+        var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
+        var depends = [];
+        var scope = 'HomePage';
+        var method = '';
+
         switch (index) {
 
             case 0:
-                loadHomeTab(page);
+                depends.push('scripts/sections');
+                method = 'renderHomeTab';
+                break;
+            case 1:
+                depends.push('scripts/homenextup');
+                method = 'renderNextUp';
+                break;
+            case 2:
+                depends.push('scripts/favorites');
+                method = 'renderFavorites';
+                break;
+            case 3:
+                depends.push('scripts/homeupcoming');
+                method = 'renderUpcoming';
                 break;
             default:
                 break;
         }
+
+        require(depends, function () {
+
+            window[scope][method](page, tabContent);
+
+        });
     }
 
     $(document).on('pageinitdepends', "#indexPage", function () {
@@ -248,4 +270,8 @@
         });
     }
 
+    window.HomePage = {
+        renderHomeTab: loadHomeTab
+    };
+
 })(jQuery, document);
