stop guide refresh when needed

dashboard-ui/css/librarybrowser.css

@@ -777,7 +777,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     }
 }
 
-@media all and (max-width: 800px), (max-height: 800px) {
+@media all and (max-width: 800px) {
 
     .detailsHiddenOnMobile {
         display: none;

dashboard-ui/scripts/livetvguide.js

@@ -12,5 +12,15 @@
                 });
             }
         };
+        self.onShow = function () {
+            if (guideInstance) {
+                guideInstance.resume();
+            }
+        };
+        self.onHide = function () {
+            if (guideInstance) {
+                guideInstance.pause();
+            }
+        };
     };
 });

dashboard-ui/scripts/livetvsuggested.js

@@ -266,6 +266,7 @@
 
         var tabControllers = [];
         var renderedTabs = [];
+        var currentTabController;
 
         function getTabController(page, index, callback) {
 
@@ -343,7 +344,12 @@
                         renderedTabs.push(index);
                     }
                     controller.renderTab();
+                } else {
+                    if (controller.onShow) {
+                        controller.onShow();
                     }
+                }
+                currentTabController = controller;
             });
         }
 
@@ -356,11 +362,20 @@
         });
 
         viewTabs.addEventListener('tabchange', function (e) {
+
+            var previousTabController = tabControllers[parseInt(e.detail.previousIndex)];
+            if (previousTabController && previousTabController.onHide) {
+                previousTabController.onHide();
+            }
+
             loadTab(view, parseInt(e.detail.selectedTabIndex));
         });
 
         view.addEventListener('viewbeforehide', function (e) {
 
+            if (currentTabController && currentTabController.onHide) {
+                currentTabController.onHide();
+            }
             document.body.classList.remove('autoScrollY');
         });
 

dashboard-ui/scripts/moviecollections.js

@@ -41,7 +41,7 @@
         function getSavedQueryKey(context) {
 
             if (!context.savedQueryKey) {
-                context.savedQueryKey = libraryBrowser.getSavedQueryKey('movies');
+                context.savedQueryKey = libraryBrowser.getSavedQueryKey('moviecollections');
             }
             return context.savedQueryKey;
         }

dashboard-ui/scripts/secondaryitems.js

@@ -146,7 +146,13 @@
                     showLimit: false
                 });
 
-                view.querySelector('.listTopPaging').innerHTML = pagingHtml;
+                var i, length;
+                var elems;
+
+                elems = view.querySelectorAll('.paging');
+                for (i = 0, length = elems.length; i < length; i++) {
+                    elems[i].innerHTML = pagingHtml;
+                }
 
                 var itemsContainer = view.querySelector('#items');
 
@@ -189,12 +195,9 @@
                     html = cardBuilder.getCardsHtml(posterOptions);
                 }
 
-                itemsContainer.innerHTML = html + pagingHtml;
+                itemsContainer.innerHTML = html;
                 imageLoader.lazyChildren(itemsContainer);
 
-                var i, length;
-                var elems;
-
                 function onNextPageClick() {
                     query.StartIndex += query.Limit;
                     reloadItems(view);

dashboard-ui/secondaryitems.html

@@ -2,10 +2,14 @@
 
     <div data-role="content">
         <div class="viewSettings">
-            <div class="listTopPaging">
+            <div class="paging">
             </div>
         </div>
         <div is="emby-itemscontainer" id="items" class="itemsContainer paddedItemsContainer vertical-wrap" style="text-align:center;"></div>
+
+        <div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
+            <div class="paging"></div>
+        </div>
     </div>
 
 </div>