Merge pull request #634 from dkanada/controllers

Move more controllers to a sane directory structure

src/addplugin.html

@@ -1,10 +1,7 @@
 <div id="addPluginPage" data-role="page" class="page type-interior pluginConfigurationPage" data-backbutton="true">
-
     <div>
         <div class="content-primary">
-
             <div class="readOnlyContent">
-
                 <div class="verticalSection">
                     <div class="sectionTitleContainer flex align-items-center">
                         <h1 class="sectionTitle pluginName"></h1>
@@ -13,9 +10,7 @@
 
                     <p id="tagline" style="font-style: italic;"></p>
                     <p id="pPreviewImage"></p>
-
                     <p id="overview"></p>
-
                 </div>
 
                 <div class="verticalSection">
@@ -27,12 +22,12 @@
                             <select id="selectVersion" name="selectVersion" is="emby-select" label="${LabelSelectVersionToInstall}"></select>
                         </div>
 
-                        <p id="btnInstallDiv" class="hide">
+                        <div id="btnInstallDiv" class="hide">
                             <button is="emby-button" type="submit" id="btnInstall" class="raised button-submit block">
                                 <span>${Install}</span>
                             </button>
                             <div class="fieldDescription">${ServerRestartNeededAfterPluginInstall}</div>
-                        </p>
+                        </div>
                         <p id="nonServerMsg"></p>
                     </form>
                 </div>

src/apikeys.html

@@ -2,9 +2,7 @@
     <div>
         <div class="content-primary">
             <div class="detailSectionHeader">
-                <h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
+                <h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">${HeaderApiKeys}</h2>
-                    ${HeaderApiKeys}
-                </h2>
                 <button is="emby-button" type="button" class="fab btnNewKey submit" style="margin-left:1em;" title="${ButtonAdd}">
                     <i class="md-icon">add</i>
                 </button>
@@ -24,4 +22,4 @@
             </table>
         </div>
     </div>
-</div>
+</div>

src/dashboard.html

@@ -105,10 +105,8 @@
                             </div>
                         </div>
                     </div>
-
                 </div>
             </div>
-
         </div>
 
         <div class="dashboardFooter">
@@ -118,5 +116,4 @@
             </div>
         </div>
     </div>
-
 </div>

src/dashboardgeneral.html

@@ -1,10 +1,7 @@
 <div id="dashboardGeneralPage" data-role="page" class="page type-interior dashboardHomePage">
-
     <div>
         <div class="content-primary">
-
             <form class="dashboardGeneralForm">
-
                 <div class="verticalSection">
                     <div class="sectionTitleContainer flex align-items-center">
                         <h2 class="sectionTitle">${TabSettings}</h2>
@@ -31,9 +28,7 @@
                             <input is="emby-checkbox" type="checkbox" id="chkAutoRunWebApp" />
                             <span>${LaunchWebAppOnStartup}</span>
                         </label>
-                        <div class="fieldDescription checkboxFieldDescription">
+                        <div class="fieldDescription checkboxFieldDescription">${LaunchWebAppOnStartupHelp}</div>
-                            ${LaunchWebAppOnStartupHelp}
-                        </div>
                     </div>
                 </div>
 
@@ -94,7 +89,6 @@
                     </button>
                 </div>
             </form>
-
         </div>
     </div>
 </div>

src/device.html

@@ -1,11 +1,7 @@
 <div id="devicePage" data-role="page" class="page type-interior devicesPage noSecondaryNavPage">
-
     <div>
         <div class="content-primary">
-
-
             <form class="deviceForm">
-
                 <div class="verticalSection verticalSection-extrabottompadding">
                     <div class="sectionTitleContainer flex align-items-center">
                         <h2 class="sectionTitle reportedName"></h2>
@@ -18,10 +14,11 @@
                     </div>
                 </div>
                 <div>
-                    <button is="emby-button" type="submit" class="raised button-submit block"><span>${ButtonSave}</span></button>
+                    <button is="emby-button" type="submit" class="raised button-submit block">
+                        <span>${ButtonSave}</span>
+                    </button>
                 </div>
             </form>
-
         </div>
     </div>
-</div>
+</div>

src/devices.html

@@ -7,9 +7,7 @@
                     <a is="emby-linkbutton" class="raised button-alt headerHelpButton" target="_blank" href="https://docs.jellyfin.org/general/server/devices.html">${Help}</a>
                 </div>
             </div>
-
+            <div is="emby-itemscontainer" class="devicesList vertical-wrap" data-multiselect="false"></div>
-            <div is="emby-itemscontainer" class="devicesList vertical-wrap" data-multiselect="false">
-            </div>
         </div>
     </div>
-</div>
+</div>

src/encodingsettings.html

@@ -22,6 +22,7 @@
                     </select>
                     <div class="fieldDescription">${LabelHardwareAccelerationTypeHelp}</div>
                 </div>
+
                 <div class="inputContainer hide fldVaapiDevice">
                     <input is="emby-input" type="text" id="txtVaapiDevice" label="${LabelVaapiDevice}" />
                     <div class="fieldDescription">${LabelVaapiDeviceHelp}</div>
@@ -142,9 +143,11 @@
                 </div>
 
                 <div>
-                    <button is="emby-button" type="submit" class="raised button-submit block"><span>${ButtonSave}</span></button>
+                    <button is="emby-button" type="submit" class="raised button-submit block">
+                        <span>${ButtonSave}</span>
+                    </button>
                 </div>
             </form>
         </div>
     </div>
-</div>
+</div>

src/forgotpassword.html

@@ -1,9 +1,6 @@
 <div data-role="page" id="forgotPasswordPage" class="page standalonePage forgotPasswordPage">
-
     <div>
-
         <form class="forgotPasswordForm" style="text-align: center; margin: 0 auto;">
-
             <div style="text-align: left;">
                 <h1>${HeaderForgotPassword}</h1>
 
@@ -23,6 +20,5 @@
                 </div>
             </div>
         </form>
-
     </div>
-</div>
+</div>

src/forgotpasswordpin.html

@@ -1,9 +1,6 @@
 <div data-role="page" class="page standalonePage forgotPasswordPinPage">
-
     <div>
-
         <form class="forgotPasswordPinForm" style="text-align: center; margin: 0 auto;">
-
             <div style="text-align: left;">
                 <h2>${HeaderPasswordReset}</h2>
 
@@ -22,6 +19,5 @@
                 </div>
             </div>
         </form>
-
     </div>
-</div>
+</div>

src/librarydisplay.html

@@ -47,11 +47,11 @@
                     <div class="fieldDescription checkboxFieldDescription">${OptionSaveMetadataAsHiddenHelp}</div>
                 </div>
 
-                <br />
+                <br/>
                 <button is="emby-button" type="submit" class="raised button-submit block">
                     <span>${ButtonSave}</span>
                 </button>
             </form>
         </div>
     </div>
-</div>
+</div>

src/login.html

@@ -1,11 +1,7 @@
 <div id="loginPage" data-role="page" class="page standalonePage" data-backbutton="false">
-
     <div class="padded-left padded-right padded-bottom-page">
-
         <form class="manualLoginForm hide" style="margin: 0 auto;">
-
             <h1 style="margin-top:1em;text-align: left;">${HeaderPleaseSignIn}</h1>
-
             <div style="height:0; overflow: hidden;">
                 <input type="text" name="fakeusernameremembered" tabindex="-1" />
                 <input type="password" name="fakepasswordremembered" tabindex="-1" />
@@ -27,13 +23,14 @@
             <button is="emby-button" type="submit" class="raised button-submit block">
                 <span>${ButtonSignIn}</span>
             </button>
+
             <div style="margin-top:.5em;">
                 <button is="emby-button" type="button" class="raised cancel block btnCancel">
                     <span>${ButtonCancel}</span>
                 </button>
             </div>
-            <br />
+            <br/>
-            <br />
+            <br/>
         </form>
 
         <div class="visualLoginForm" style="text-align: center;">
@@ -56,6 +53,5 @@
 
             <p class="disclaimer" style="text-align: center; margin-top: 2em;"></p>
         </div>
-
     </div>
-</div>
+</div>

src/manifest.json

@@ -1,5 +1,4 @@
 {
-
     "name": "Jellyfin",
     "description": "Jellyfin: the Free Software Media System.",
     "lang": "en-US",
@@ -8,7 +7,8 @@
     "theme_color": "#101010",
     "background_color": "#101010",
     "display": "standalone",
-    "icons": [{
+    "icons": [
+        {
             "sizes": "72x72",
             "src": "touchicon72.png",
             "type": "image/png"

src/scheduledtask.html

@@ -1,7 +1,6 @@
 <div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage">
     <div>
         <div class="content-primary">
-
             <div class="verticalSection">
                 <div class="sectionTitleContainer flex align-items-center">
                     <h2 class="sectionTitle taskName"></h2>
@@ -12,9 +11,7 @@
 
             <div class="readOnlyContent">
                 <div>
-                    <h2 style="vertical-align: middle; display: inline-block;">
+                    <h2 style="vertical-align: middle; display: inline-block;">${HeaderTaskTriggers}</h2>
-                        ${HeaderTaskTriggers}
-                    </h2>
                     <button is="emby-button" type="button" class="fab fab-mini btnAddTrigger submit" style="margin-left: 1em;" title="${ButtonAddScheduledTaskTrigger}">
                         <i class="md-icon">add</i>
                     </button>

src/scheduledtasks.html

@@ -1,5 +1,4 @@
 <div id="scheduledTasksPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage">
-
     <style>
         .taskProgressOuter {
             height: 6px;
@@ -15,8 +14,7 @@
     </style>
     <div>
         <div class="content-primary">
-
             <div class="divScheduledTasks readOnlyContent"></div>
         </div>
     </div>
-</div>
+</div>

src/scripts/routes.js

@@ -16,44 +16,72 @@ define([
 
     function defineRoute(newRoute) {
         var path = newRoute.path;
-        console.log("Defining route: " + path);
+        console.log("defining route: " + path);
         newRoute.dictionary = "core";
         Emby.Page.addRoute(path, newRoute);
     }
 
-    console.log("Defining core routes");
+    console.log("defining core routes");
 
     defineRoute({
         path: "/addplugin.html",
         autoFocus: false,
         roles: "admin",
-        controller: "addpluginpage"
+        controller: "dashboard/plugins/add"
     });
     defineRoute({
-        path: "/autoorganizelog.html",
+        path: "/mypreferencesmenu.html",
-        roles: "admin"
-    });
-    defineRoute({
-        path: "/channelsettings.html",
         autoFocus: false,
-        roles: "admin"
+        transition: "fade",
+        controller: "user/menu"
+    });
+    defineRoute({
+        path: "/myprofile.html",
+        autoFocus: false,
+        transition: "fade",
+        controller: "user/profile"
     });
     defineRoute({
         path: "/addserver.html",
         autoFocus: false,
         anonymous: true,
         startup: true,
-        controller: "addserver"
+        controller: "auth/addserver"
     });
+    defineRoute({
+        path: "/mypreferencesdisplay.html",
+        autoFocus: false,
+        transition: "fade",
+        controller: "user/display"
+    });
+    defineRoute({
+        path: "/mypreferenceshome.html",
+        autoFocus: false,
+        transition: "fade",
+        controller: "user/home"
+    });
+    defineRoute({
+        path: "/mypreferencesplayback.html",
+        autoFocus: false,
+        transition: "fade",
+        controller: "user/playback"
+    });
+    defineRoute({
+        path: "/mypreferencessubtitles.html",
+        autoFocus: false,
+        transition: "fade",
+        controller: "user/subtitles"
+    });
+
     defineRoute({
         path: "/dashboard.html",
         autoFocus: false,
         roles: "admin",
-        controller: "dashboardpage"
+        controller: "dashboard/dashboard"
     });
     defineRoute({
         path: "/dashboardgeneral.html",
-        controller: "dashboardgeneral",
+        controller: "dashboard/general",
         autoFocus: false,
         roles: "admin"
     });
@@ -61,7 +89,7 @@ define([
         path: "/networking.html",
         autoFocus: false,
         roles: "admin",
-        controller: "networking"
+        controller: "dashboard/networking"
     });
     defineRoute({
         path: "/devices.html",
@@ -108,14 +136,14 @@ define([
         path: "/forgotpassword.html",
         anonymous: true,
         startup: true,
-        controller: "forgotpassword"
+        controller: "auth/forgotpassword"
     });
     defineRoute({
         path: "/forgotpasswordpin.html",
         autoFocus: false,
         anonymous: true,
         startup: true,
-        controller: "forgotpasswordpin"
+        controller: "auth/forgotpasswordpin"
     });
     defineRoute({
         path: "/home.html",
@@ -191,19 +219,14 @@ define([
     defineRoute({
         path: "/log.html",
         roles: "admin",
-        controller: "logpage"
+        controller: "dashboard/logs"
     });
     defineRoute({
         path: "/login.html",
         autoFocus: false,
         anonymous: true,
         startup: true,
-        controller: "loginpage"
+        controller: "auth/login"
-    });
-    defineRoute({
-        path: "/metadataadvanced.html",
-        autoFocus: false,
-        roles: "admin"
     });
     defineRoute({
         path: "/metadataimages.html",
@@ -229,57 +252,21 @@ define([
         autoFocus: false,
         transition: "fade"
     });
-    defineRoute({
-        path: "/mypreferencesmenu.html",
-        autoFocus: false,
-        transition: "fade",
-        controller: "user/menu"
-    });
-    defineRoute({
-        path: "/myprofile.html",
-        autoFocus: false,
-        transition: "fade",
-        controller: "user/profile"
-    });
-    defineRoute({
-        path: "/mypreferencesdisplay.html",
-        autoFocus: false,
-        transition: "fade",
-        controller: "user/display"
-    });
-    defineRoute({
-        path: "/mypreferenceshome.html",
-        autoFocus: false,
-        transition: "fade",
-        controller: "user/home"
-    });
-    defineRoute({
-        path: "/mypreferencesplayback.html",
-        autoFocus: false,
-        transition: "fade",
-        controller: "user/playback"
-    });
-    defineRoute({
-        path: "/mypreferencessubtitles.html",
-        autoFocus: false,
-        transition: "fade",
-        controller: "user/subtitles"
-    });
     defineRoute({
         path: "/notificationsetting.html",
         autoFocus: false,
         roles: "admin",
-        controller: "notificationsetting"
+        controller: "dashboard/notifications/notification"
     });
     defineRoute({
         path: "/notificationsettings.html",
-        controller: "notificationsettings",
+        controller: "dashboard/notifications/notifications",
         autoFocus: false,
         roles: "admin"
     });
     defineRoute({
         path: "/nowplaying.html",
-        controller: "nowplayingpage",
+        controller: "playback/nowplaying",
         autoFocus: false,
         transition: "fade",
         fullscreen: true,
@@ -296,25 +283,25 @@ define([
         path: "/availableplugins.html",
         autoFocus: false,
         roles: "admin",
-        controller: "availableplugins"
+        controller: "dashboard/plugins/available"
     });
     defineRoute({
         path: "/installedplugins.html",
         autoFocus: false,
         roles: "admin",
-        controller: "installedplugins"
+        controller: "dashboard/plugins/installed"
     });
     defineRoute({
         path: "/scheduledtask.html",
         autoFocus: false,
         roles: "admin",
-        controller: "scheduledtaskpage"
+        controller: "dashboard/scheduledtasks/scheduledtask"
     });
     defineRoute({
         path: "/scheduledtasks.html",
         autoFocus: false,
         roles: "admin",
-        controller: "scheduledtaskspage"
+        controller: "dashboard/scheduledtasks/scheduledtasks"
     });
     defineRoute({
         path: "/search.html",
@@ -325,7 +312,7 @@ define([
         autoFocus: false,
         anonymous: true,
         startup: true,
-        controller: "selectserver"
+        controller: "auth/selectserver"
     });
     defineRoute({
         path: "/serveractivity.html",
@@ -345,11 +332,6 @@ define([
         roles: "admin",
         controller: "streamingsettings"
     });
-    defineRoute({
-        path: "/support.html",
-        autoFocus: false,
-        roles: "admin"
-    });
     defineRoute({
         path: "/tv.html",
         autoFocus: false,
@@ -391,17 +373,18 @@ define([
         roles: "admin",
         controller: "userprofilespage"
     });
+
     defineRoute({
         path: "/wizardremoteaccess.html",
         autoFocus: false,
         anonymous: true,
-        controller: "wizardremoteaccess"
+        controller: "wizard/remoteaccess"
     });
     defineRoute({
         path: "/wizardfinish.html",
         autoFocus: false,
         anonymous: true,
-        controller: "wizardfinishpage"
+        controller: "wizard/finish"
     });
     defineRoute({
         path: "/wizardlibrary.html",
@@ -413,24 +396,25 @@ define([
         path: "/wizardsettings.html",
         autoFocus: false,
         anonymous: true,
-        controller: "wizardsettings"
+        controller: "wizard/settings"
     });
     defineRoute({
         path: "/wizardstart.html",
         autoFocus: false,
         anonymous: true,
-        controller: "wizardstart"
+        controller: "wizard/start"
     });
     defineRoute({
         path: "/wizarduser.html",
-        controller: "wizarduserpage",
+        controller: "wizard/user",
         autoFocus: false,
         anonymous: true
     });
+
     defineRoute({
         path: "/videoosd.html",
         transition: "fade",
-        controller: "videoosd",
+        controller: "playback/videoosd",
         autoFocus: false,
         type: "video-osd",
         supportsThemeMedia: true,
@@ -444,6 +428,7 @@ define([
         enableContentQueryString: true,
         roles: "admin"
     });
+
     defineRoute({
         path: "/",
         isDefaultRoute: true,

src/serveractivity.html

@@ -2,13 +2,11 @@
     <div>
         <div class="content-primary">
             <div class="verticalSection">
-                <h2 class="sectionTitle">
+                <h2 class="sectionTitle"></h2>
-                </h2>
             </div>
             <div class="readOnlyContent">
-                <div class="paperList activityItems" data-activitylimit="100">
+                <div class="paperList activityItems" data-activitylimit="100"></div>
-                </div>
             </div>
         </div>
     </div>
-</div>
+</div>

src/videoosd.html

@@ -1,27 +1,19 @@
 <div id="videoOsdPage" data-role="page" class="page libraryPage" data-backbutton="true">
-    <div class="pageContainer flex">
+    <div class="pageContainer flex"></div>
-
+    <div class="upNextContainer hide"></div>
-    </div>
-    <div class="upNextContainer hide">
-    </div>
-
     <div class="videoOsdBottom videoOsdBottom-maincontrols">
-
+        <div class="osdPoster"></div>
-        <div class="osdPoster">
-
-        </div>
         <div class="osdControls">
-
             <div class="osdTextContainer osdMainTextContainer">
                 <h3 class="osdTitle"></h3>
                 <div class="osdMediaInfo"></div>
                 <div class="osdMediaStatus hide">
-                    <i class="md-icon animate">autorenew</i> <span>${FetchingData}</span>
+                    <i class="md-icon animate">autorenew</i>
+                    <span>${FetchingData}</span>
                 </div>
             </div>
 
-            <div class="osdTextContainer osdSecondaryMediaInfo">
+            <div class="osdTextContainer osdSecondaryMediaInfo"></div>
-            </div>
 
             <div class="flex flex-direction-row align-items-center">
                 <div class="osdTextContainer startTimeText" style="margin: 0 .25em 0 0;"></div>
@@ -76,7 +68,11 @@
                     <i class="xlargePaperIconButton md-icon">airplay</i>
                 </button>
 
-                <div class="osdTimeText"><span class="osdPositionText"></span><span class="osdDurationText"></span><span class="endsAtText"></span></div>
+                <div class="osdTimeText">
+                    <span class="osdPositionText"></span>
+                    <span class="osdDurationText"></span>
+                    <span class="endsAtText"></span>
+                </div>
 
                 <div class="volumeButtons hide-mouse-idle-tv">
                     <button is="paper-icon-button-light" class="buttonMute autoSize" title="${Mute} (m)">