update tabs

dashboard-ui/about.html

@@ -1,4 +1,4 @@
-<div id="aboutPage" data-role="page" class="page type-interior">
+<div id="aboutPage" data-role="page" class="page type-interior withTabs">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/devicesupload.html

@@ -1,4 +1,4 @@
-<div id="devicesUploadPage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Camera%20upload" data-require="scripts/devicesupload,paper-input,jqmcheckbox">
+<div id="devicesUploadPage" data-role="page" class="page type-interior devicesPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Camera%20upload" data-require="scripts/devicesupload,paper-input,jqmcheckbox">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/dlnaprofile.html

@@ -1,4 +1,4 @@
-<div id="dlnaProfilePage" data-role="page" class="page type-interior dlnaPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="jqmcollapsible,jqmpopup,scripts/dlnaprofile,jqmcheckbox">
+<div id="dlnaProfilePage" data-role="page" class="page type-interior dlnaPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="jqmcollapsible,jqmpopup,scripts/dlnaprofile,jqmcheckbox">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/dlnaprofiles.html

@@ -1,4 +1,4 @@
-<div id="dlnaProfilesPage" data-role="page" class="page type-interior dlnaPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="scripts/dlnaprofiles">
+<div id="dlnaProfilesPage" data-role="page" class="page type-interior dlnaPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="scripts/dlnaprofiles">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/dlnasettings.html

@@ -1,4 +1,4 @@
-<div id="dlnaSettingsPage" data-role="page" class="page type-interior" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Play%20to" data-require="scripts/dlnasettings,paper-input,paper-checkbox">
+<div id="dlnaSettingsPage" data-role="page" class="page type-interior withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Play%20to" data-require="scripts/dlnasettings,paper-input,paper-checkbox">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/livetvsettings.html

@@ -1,4 +1,4 @@
-<div id="liveTvSettingsPage" data-role="page" class="page type-interior liveTvPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvsettings,paper-checkbox,paper-input,emby-collapsible">
+<div id="liveTvSettingsPage" data-role="page" class="page type-interior liveTvPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvsettings,paper-checkbox,paper-input,emby-collapsible">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/livetvstatus.html

@@ -1,4 +1,4 @@
-<div id="liveTvStatusPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvstatus,scripts/taskbutton,paper-fab,paper-item-body,paper-icon-item,paper-checkbox">
+<div id="liveTvStatusPage" data-role="page" class="page type-interior liveTvSettingsPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvstatus,scripts/taskbutton,paper-fab,paper-item-body,paper-icon-item,paper-checkbox">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/livetvtunerprovider-hdhomerun.html

@@ -1,4 +1,4 @@
-<div id="liveTvTunerProviderHdHomerunPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-hdhomerun,paper-input,paper-checkbox">
+<div id="liveTvTunerProviderHdHomerunPage" data-role="page" class="page type-interior liveTvSettingsPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-hdhomerun,paper-input,paper-checkbox">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/livetvtunerprovider-m3u.html

@@ -1,4 +1,4 @@
-<div id="liveTvTunerProviderM3UPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-m3u,paper-input">
+<div id="liveTvTunerProviderM3UPage" data-role="page" class="page type-interior liveTvSettingsPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-m3u,paper-input">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/livetvtunerprovider-satip.html

@@ -1,4 +1,4 @@
-<div id="liveTvTunerProviderSatPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV">
+<div id="liveTvTunerProviderSatPage" data-role="page" class="page type-interior liveTvSettingsPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/log.html

@@ -1,14 +1,14 @@
-<div id="logPage" data-role="page" class="page type-interior">
+<div id="logPage" data-role="page" class="page type-interior withTabs">
 
     <div data-role="content">
         <div class="content-primary">
-            <div class="readOnlyContent" style="margin:0 auto;">
+            <div class="readOnlyContent">
                 <div style="text-align: right; display: flex; justify-content: flex-end;">
                     <paper-toggle-button id="chkDebugLog">${LabelEnableDebugLogging}</paper-toggle-button>
                 </div>
                 <br/>
             </div>
-            <div class="serverLogs readOnlyContent" style="margin:0 auto;">
+            <div class="serverLogs readOnlyContent">
 
             </div>
         </div>

dashboard-ui/metadata.html

@@ -1,4 +1,4 @@
-<div id="metadataConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="scripts/metadataconfigurationpage,paper-checkbox">
+<div id="metadataConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="scripts/metadataconfigurationpage,paper-checkbox">
 
     <div data-role="content">
 

dashboard-ui/metadataimages.html

@@ -1,4 +1,4 @@
-<div id="metadataImagesConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="emby-collapsible,scripts/metadataimagespage,jqmcheckbox,paper-checkbox,paper-input">
+<div id="metadataImagesConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="emby-collapsible,scripts/metadataimagespage,jqmcheckbox,paper-checkbox,paper-input">
 
     <div data-role="content">
 

dashboard-ui/metadatanfo.html

@@ -1,4 +1,4 @@
-<div id="metadataNfoPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="scripts/metadatanfo,paper-checkbox">
+<div id="metadataNfoPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="scripts/metadatanfo,paper-checkbox">
 
     <div data-role="content">
 

dashboard-ui/plugincatalog.html

@@ -1,4 +1,4 @@
-<div id="pluginCatalogPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="scripts/ratingdialog,scripts/plugincatalogpage,paper-toggle-button">
+<div id="pluginCatalogPage" data-role="page" class="page type-interior pluginConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="scripts/ratingdialog,scripts/plugincatalogpage,paper-toggle-button">
     <div data-role="content">
         <div class="content-primary">
             <div style="display: flex;align-items:center;">

dashboard-ui/plugins.html

@@ -1,4 +1,4 @@
-<div id="pluginsPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="scripts/pluginspage">
+<div id="pluginsPage" data-role="page" class="page type-interior pluginConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="scripts/pluginspage">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/scripts/aboutpage.js

@@ -1,10 +1,27 @@
 define([], function () {
 
+    function getTabs() {
+        return [
+        {
+            href: 'about.html',
+            name: Globalize.translate('TabAbout')
+        },
+         {
+             href: 'log.html',
+             name: Globalize.translate('TabLogs')
+         },
+         {
+             href: 'supporterkey.html',
+             name: Globalize.translate('TabEmbyPremiere')
+         }];
+    }
+
     return function (view, params) {
 
         var self = this;
 
         view.addEventListener('viewbeforeshow', function (e) {
+            LibraryMenu.setTabs('helpadmin', 0, getTabs);
             var elem = view.querySelector('#appVersionNumber');
 
             elem.innerHTML = elem.innerHTML.replace('{0}', ConnectionManager.appVersion());

dashboard-ui/scripts/devicesupload.js

@@ -111,6 +111,22 @@
         return false;
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'syncactivity.html',
+            name: Globalize.translate('TabSyncJobs')
+        },
+         {
+             href: 'devicesupload.html',
+             name: Globalize.translate('TabCameraUpload')
+         },
+         {
+             href: 'syncsettings.html',
+             name: Globalize.translate('TabSettings')
+         }];
+    }
+
     $(document).on('pageinit', "#devicesUploadPage", function () {
 
         var page = this;
@@ -141,6 +157,7 @@
 
     }).on('pageshow', "#devicesUploadPage", function () {
 
+        LibraryMenu.setTabs('syncadmin', 1, getTabs);
         var page = this;
 
         loadData(page);

dashboard-ui/scripts/dlnaprofiles.js

@@ -100,8 +100,21 @@
         });
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'dlnasettings.html',
+            name: Globalize.translate('TabSettings')
+        },
+         {
+             href: 'dlnaprofiles.html',
+             name: Globalize.translate('TabProfiles')
+         }];
+    }
+
     $(document).on('pageshow', "#dlnaProfilesPage", function () {
 
+        LibraryMenu.setTabs('dlna', 1, getTabs);
         var page = this;
 
         loadProfiles(page);

dashboard-ui/scripts/dlnasettings.js

@@ -49,12 +49,25 @@
         return false;
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'dlnasettings.html',
+            name: Globalize.translate('TabSettings')
+        },
+         {
+             href: 'dlnaprofiles.html',
+             name: Globalize.translate('TabProfiles')
+         }];
+    }
+
     $(document).on('pageinit', "#dlnaSettingsPage", function () {
 
         $('.dlnaSettingsForm').off('submit', onSubmit).on('submit', onSubmit);
 
     }).on('pageshow', "#dlnaSettingsPage", function () {
 
+        LibraryMenu.setTabs('dlna', 0, getTabs);
         Dashboard.showLoadingMsg();
 
         var page = this;

dashboard-ui/scripts/livetvsettings.js

@@ -43,6 +43,22 @@
         return false;
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'livetvstatus.html',
+            name: Globalize.translate('TabDevices')
+        },
+         {
+             href: 'livetvsettings.html',
+             name: Globalize.translate('TabSettings')
+         },
+         {
+             href: 'appservices.html?context=livetv',
+             name: Globalize.translate('TabServices')
+         }];
+    }
+
     $(document).on('pageinit', "#liveTvSettingsPage", function () {
 
         var page = this;
@@ -70,6 +86,7 @@
 
     }).on('pageshow', "#liveTvSettingsPage", function () {
 
+        LibraryMenu.setTabs('livetvadmin', 1, getTabs);
         Dashboard.showLoadingMsg();
 
         var page = this;

dashboard-ui/scripts/livetvstatus.js

@@ -491,6 +491,22 @@
         });
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'livetvstatus.html',
+            name: Globalize.translate('TabDevices')
+        },
+         {
+             href: 'livetvsettings.html',
+             name: Globalize.translate('TabSettings')
+         },
+         {
+             href: 'appservices.html?context=livetv',
+             name: Globalize.translate('TabServices')
+         }];
+    }
+
     $(document).on('pageinit', "#liveTvStatusPage", function () {
 
         var page = this;
@@ -510,6 +526,7 @@
 
     }).on('pageshow', "#liveTvStatusPage", function () {
 
+        LibraryMenu.setTabs('livetvadmin', 0, getTabs);
         var page = this;
 
         reload(page);

dashboard-ui/scripts/logpage.js

@@ -1,5 +1,21 @@
 define(['jQuery', 'paper-fab', 'paper-item-body', 'paper-icon-item'], function ($) {
 
+    function getTabs() {
+        return [
+        {
+            href: 'about.html',
+            name: Globalize.translate('TabAbout')
+        },
+         {
+             href: 'log.html',
+             name: Globalize.translate('TabLogs')
+         },
+         {
+             href: 'supporterkey.html',
+             name: Globalize.translate('TabEmbyPremiere')
+         }];
+    }
+
     return function (view, params) {
 
         view.querySelector('#chkDebugLog').addEventListener('change', function () {
@@ -14,6 +30,7 @@
 
         view.addEventListener('viewbeforeshow', function () {
 
+            LibraryMenu.setTabs('helpadmin', 1, getTabs);
             Dashboard.showLoadingMsg();
 
             var apiClient = ApiClient;

dashboard-ui/scripts/metadataconfigurationpage.js

@@ -32,6 +32,22 @@
         return false;
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'metadata.html',
+            name: Globalize.translate('TabSettings')
+        },
+         {
+             href: 'metadataimages.html',
+             name: Globalize.translate('TabServices')
+         },
+         {
+             href: 'metadatanfo.html',
+             name: Globalize.translate('TabNfoSettings')
+         }];
+    }
+
     $(document).on('pageinit', "#metadataConfigurationPage", function () {
 
         Dashboard.showLoadingMsg();
@@ -40,6 +56,7 @@
 
     }).on('pageshow', "#metadataConfigurationPage", function () {
 
+        LibraryMenu.setTabs('metadata', 0, getTabs);
         Dashboard.showLoadingMsg();
 
         var page = this;

dashboard-ui/scripts/metadataimagespage.js

@@ -513,6 +513,22 @@
         return false;
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'metadata.html',
+            name: Globalize.translate('TabSettings')
+        },
+         {
+             href: 'metadataimages.html',
+             name: Globalize.translate('TabServices')
+         },
+         {
+             href: 'metadatanfo.html',
+             name: Globalize.translate('TabNfoSettings')
+         }];
+    }
+
     $(document).on('pageinit', "#metadataImagesConfigurationPage", function () {
 
         var page = this;
@@ -555,6 +571,7 @@
 
     }).on('pageshow', "#metadataImagesConfigurationPage", function () {
 
+        LibraryMenu.setTabs('metadata', 1, getTabs);
         Dashboard.showLoadingMsg();
 
         var page = this;

dashboard-ui/scripts/metadatanfo.js

@@ -41,12 +41,29 @@
         return false;
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'metadata.html',
+            name: Globalize.translate('TabSettings')
+        },
+         {
+             href: 'metadataimages.html',
+             name: Globalize.translate('TabServices')
+         },
+         {
+             href: 'metadatanfo.html',
+             name: Globalize.translate('TabNfoSettings')
+         }];
+    }
+
     $(document).on('pageinit', "#metadataNfoPage", function () {
 
         $('.metadataNfoForm').off('submit', onSubmit).on('submit', onSubmit);
 
     }).on('pageshow', "#metadataNfoPage", function () {
 
+        LibraryMenu.setTabs('metadata', 2, getTabs);
         Dashboard.showLoadingMsg();
 
         var page = this;

dashboard-ui/scripts/plugincatalogpage.js

@@ -243,6 +243,18 @@
         return html;
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'plugins.html',
+            name: Globalize.translate('TabMyPlugins')
+        },
+         {
+             href: 'plugincatalog.html',
+             name: Globalize.translate('TabCatalog')
+         }];
+    }
+
     $(document).on('pageinit', "#pluginCatalogPage", function () {
 
         var page = this;
@@ -261,6 +273,7 @@
 
     }).on('pageshow', "#pluginCatalogPage", function () {
 
+        LibraryMenu.setTabs('plugins', 1, getTabs);
         var page = this;
 
         reloadList(page);

dashboard-ui/scripts/pluginspage.js

@@ -224,8 +224,21 @@
         });
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'plugins.html',
+            name: Globalize.translate('TabMyPlugins')
+        },
+         {
+             href: 'plugincatalog.html',
+             name: Globalize.translate('TabCatalog')
+         }];
+    }
+
     $(document).on('pageshow', "#pluginsPage", function () {
 
+        LibraryMenu.setTabs('plugins', 0, getTabs);
         reloadList(this);
     });
 

dashboard-ui/scripts/site.js

@@ -747,23 +747,13 @@ var Dashboard = {
             href: "library.html",
             pageIds: ['mediaLibraryPage'],
             icon: 'folder',
-            color: '#E5342E'
+            color: '#009688'
         }, {
             name: Globalize.translate('TabMetadata'),
             href: "metadata.html",
-            pageIds: ['metadataConfigurationPage'],
+            pageIds: ['metadataConfigurationPage', 'metadataImagesConfigurationPage', 'metadataNfoPage'],
             icon: 'insert-drive-file',
-            color: '#293AAE'
+            color: '#FF9800'
-        }, {
-            name: Globalize.translate('TabServices'),
-            href: "metadataimages.html",
-            pageIds: ['metadataImagesConfigurationPage'],
-            icon: 'insert-drive-file'
-        }, {
-            name: Globalize.translate('TabNfoSettings'),
-            href: "metadatanfo.html",
-            pageIds: ['metadataNfoPage'],
-            icon: 'insert-drive-file'
         }, {
             name: Globalize.translate('TabPathSubstitution'),
             href: "librarypathmapping.html",
@@ -807,7 +797,7 @@ var Dashboard = {
         }, {
             name: Globalize.translate('TabLiveTV'),
             href: "livetvstatus.html",
-            pageIds: ['liveTvStatusPage', 'liveTvSettingsPage'],
+            pageIds: ['liveTvStatusPage', 'liveTvSettingsPage', 'liveTvTunerProviderHdHomerunPage', 'liveTvTunerProviderM3UPage', 'liveTvTunerProviderSatPage'],
             icon: 'dvr'
         }, {
             name: Globalize.translate('TabNotifications'),

dashboard-ui/scripts/supporterkeypage.js

@@ -146,6 +146,22 @@
         }
     };
 
+    function getTabs() {
+        return [
+        {
+            href: 'about.html',
+            name: Globalize.translate('TabAbout')
+        },
+         {
+             href: 'log.html',
+             name: Globalize.translate('TabLogs')
+         },
+         {
+             href: 'supporterkey.html',
+             name: Globalize.translate('TabEmbyPremiere')
+         }];
+    }
+
     $(document).on('pageinit', "#supporterKeyPage", function () {
 
         var page = this;
@@ -156,6 +172,9 @@
         $('.benefits', page).html(Globalize.translate('HeaderSupporterBenefit', '<a href="http://emby.media/premiere" target="_blank">', '</a>'));
 
     }).on('pageshow', "#supporterKeyPage", function () {
+
+        LibraryMenu.setTabs('helpadmin', 2, getTabs);
+
         var page = this;
         loadUserInfo(page);
         load(page);

dashboard-ui/scripts/syncactivity.js

@@ -382,6 +382,22 @@
 
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'syncactivity.html',
+            name: Globalize.translate('TabSyncJobs')
+        },
+         {
+             href: 'devicesupload.html',
+             name: Globalize.translate('TabCameraUpload')
+         },
+         {
+             href: 'syncsettings.html',
+             name: Globalize.translate('TabSettings')
+         }];
+    }
+
     $(document).on('pageinit', ".syncActivityPage", function () {
 
         var page = this;
@@ -396,6 +412,7 @@
 
     }).on('pageshow', ".syncActivityPage", function () {
 
+        LibraryMenu.setTabs('syncadmin', 0, getTabs);
         var page = this;
 
         Dashboard.getPluginSecurityInfo().then(function (pluginSecurityInfo) {

dashboard-ui/scripts/syncsettings.js

@@ -29,6 +29,22 @@
         return false;
     }
 
+    function getTabs() {
+        return [
+        {
+            href: 'syncactivity.html',
+            name: Globalize.translate('TabSyncJobs')
+        },
+         {
+             href: 'devicesupload.html',
+             name: Globalize.translate('TabCameraUpload')
+         },
+         {
+             href: 'syncsettings.html',
+             name: Globalize.translate('TabSettings')
+         }];
+    }
+
     $(document).on('pageinit', "#syncSettingsPage", function () {
 
         var page = this;
@@ -58,6 +74,7 @@
 
         Dashboard.showLoadingMsg();
 
+        LibraryMenu.setTabs('syncadmin', 2, getTabs);
         var page = this;
 
         ApiClient.getNamedConfiguration("sync").then(function (config) {

dashboard-ui/supporterkey.html

@@ -1,4 +1,4 @@
-<div id="supporterKeyPage" data-role="page" class="page type-interior" data-require="jqmcollapsible,scripts/supporterkeypage,paper-input">
+<div id="supporterKeyPage" data-role="page" class="page type-interior withTabs" data-require="jqmcollapsible,scripts/supporterkeypage,paper-input">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/syncactivity.html

@@ -1,4 +1,4 @@
-<div id="syncActivityPage" data-role="page" class="page type-interior syncConfigurationPage syncActivityPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncactivity,scripts/taskbutton">
+<div id="syncActivityPage" data-role="page" class="page type-interior syncConfigurationPage syncActivityPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncactivity,scripts/taskbutton">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/syncjob.html

@@ -1,4 +1,4 @@
-<div id="syncJobPage" data-role="page" class="page type-interior syncConfigurationPage syncJobPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncjob,paper-fab,paper-item-body,paper-icon-item">
+<div id="syncJobPage" data-role="page" class="page type-interior syncConfigurationPage syncJobPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncjob,paper-fab,paper-item-body,paper-icon-item">
 
     <div data-role="content">
         <div class="content-primary">

dashboard-ui/syncsettings.html

@@ -1,4 +1,4 @@
-<div id="syncSettingsPage" data-role="page" class="page type-interior" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncsettings,paper-checkbox,paper-input">
+<div id="syncSettingsPage" data-role="page" class="page type-interior withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncsettings,paper-checkbox,paper-input">
 
     <div data-role="content">
         <div class="content-primary">