update m3u tuners

dashboard-ui/livetv.html

@@ -7,7 +7,7 @@
     <div id="liveTvSuggestedPage" data-role="page" class="page libraryPage liveTvPage pageWithAbsoluteTabs" data-contextname="${HeaderLiveTv}" data-backdroptype="series,movie" data-require="scripts/livetvsuggested,livetvcss,scripts/livetvcomponents">
 
         <div class="libraryViewNav libraryViewNavWithMinHeight">
-            <paper-tabs style="min-width:660px;margin:auto;">
+            <paper-tabs class="papertabs-800 scrollingPaperTabs">
                 <paper-tab><iron-icon icon="info"></iron-icon>${TabSuggestions}</paper-tab>
                 <paper-tab><iron-icon icon="grid-on"></iron-icon>${TabGuide}</paper-tab>
                 <paper-tab><iron-icon icon="live-tv"></iron-icon>${TabChannels}</paper-tab>

dashboard-ui/movies.html

@@ -7,7 +7,7 @@
     <div id="moviesPage" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs collectionEditorPage" data-backdroptype="movie" data-require="scripts/moviesrecommended">
 
         <div class="libraryViewNav libraryViewNavWithMinHeight">
-            <paper-tabs style="min-width:770px;margin:auto;">
+            <paper-tabs class="papertabs-800 scrollingPaperTabs">
                 <paper-tab><iron-icon icon="info"></iron-icon>${TabSuggestions}</paper-tab>
                 <paper-tab><iron-icon icon="local-movies"></iron-icon>${TabMovies}</paper-tab>
                 <paper-tab class="movieTrailersTab"><iron-icon icon="movie"></iron-icon>${TabTrailers}</paper-tab>
@@ -144,11 +144,6 @@
         <div data-role="panel" class="viewPanel movieViewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
             <form>
 
-                <div data-role="controlgroup" data-type="horizontal" data-mini="true" class="viewPanelTabs">
-                    <a href="#" data-role="button" class="viewTabButton" data-tab="tabFilter">${TabFilter}</a>
-                </div>
-
-                <div class="tabFilter viewTab">
                 <fieldset data-role="controlgroup">
                     <legend>
                         ${HeaderFilters}
@@ -225,8 +220,6 @@
                     <div class="filterOptions">
                     </div>
                 </div>
-
-                </div>
             </form>
         </div>
 

dashboard-ui/scripts/movies.js

@@ -270,9 +270,9 @@
 
         }).checkboxradio('refresh');
 
-        $('.chk3D', viewPanel).checked(query.Is3D == true).checkboxradio('refresh');
+        $('.chk3DFilter', viewPanel).checked(query.Is3D == true).checkboxradio('refresh');
-        $('.chkHD', viewPanel).checked(query.IsHD == true).checkboxradio('refresh');
+        $('.chkHDFilter', viewPanel).checked(query.IsHD == true).checkboxradio('refresh');
-        $('.chkSD', viewPanel).checked(query.IsHD == false).checkboxradio('refresh');
+        $('.chkSDFilter', viewPanel).checked(query.IsHD == false).checkboxradio('refresh');
 
         $('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater);
     }
@@ -335,7 +335,7 @@
             reloadItems(tabContent, viewPanel);
         });
 
-        $('.chk3D', viewPanel).on('change', function () {
+        $('.chk3DFilter', viewPanel).on('change', function () {
 
             var query = getQuery();
             query.StartIndex = 0;
@@ -344,16 +344,15 @@
             reloadItems(tabContent, viewPanel);
         });
 
-        $('.chkHD', viewPanel).on('change', function () {
+        $('.chkHDFilter', viewPanel).on('change', function () {
 
             var query = getQuery();
             query.StartIndex = 0;
             query.IsHD = this.checked ? true : null;
-
             reloadItems(tabContent, viewPanel);
         });
 
-        $('.chkSD', viewPanel).on('change', function () {
+        $('.chkSDFilter', viewPanel).on('change', function () {
 
             var query = getQuery();
             query.StartIndex = 0;

dashboard-ui/scripts/site.js

@@ -1887,7 +1887,7 @@ var AppInfo = {};
             var apiClient = window.ApiClient;
 
             // Close the connection gracefully when possible
-            if (apiClient && apiClient.isWebSocketOpen()) {
+            if (apiCblient && apiClient.isWebSocketOpen()) {
 
                 var localActivePlayers = MediaController.getPlayers().filter(function (p) {
 

dashboard-ui/themes/ios.css

@@ -50,6 +50,10 @@ html, body, .ui-btn, .pageTitle {
     margin: 0 auto 6px;
 }
 
+.libraryViewNav paper-tabs iron-icon {
+    margin: 6px auto 6px;
+}
+
 .libraryViewNav #selectionBar {
     background-color: transparent !important;
 }

dashboard-ui/thirdparty/paper-button-style.css

@@ -329,6 +329,46 @@ paper-menu-item {
     display: none !important;
 }
 
+.libraryViewNav #tabsContainer {
+    margin: auto;
+    -ms-flex: auto;
+    -webkit-flex: auto;
+    flex: auto;
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+    flex-shrink: 0;
+}
+
+.libraryViewNav paper-tabs {
+    /*display: block !important;*/
+    flex: none;
+    flex-shrink: 0;
+    flex-grow: 0;
+}
+
+.libraryViewNav paper-tab {
+    display: inline-block !important;
+    flex: none;
+    flex-shrink: 0;
+    flex-grow: 0;
+}
+
+.papertabs-800 {
+    min-width: 800px;
+}
+
+.scrollingPaperTabs #tabsContainer {
+    margin: 0;
+}
+
+@media all and (min-width: 800px) {
+
+    .papertabs-800 #tabsContainer {
+        margin: auto;
+    }
+}
+
 /*.scrollablePaperTabs #tabsContainer {
     text-align: center;
     overflow-x: scroll;