update routes for plugin and session pages

src/controllers/dashboard/notifications/notification/index.html

@@ -0,0 +1,68 @@
+<div id="notificationSettingPage" data-role="page" class="page type-interior notificationConfigurationPage withTabs">
+
+    <div>
+        <div class="content-primary">
+
+            <form class="notificationSettingForm">
+
+                <div class="verticalSection">
+                    <div class="sectionTitleContainer flex align-items-center">
+                        <h2 class="notificationType sectionTitle"></h2>
+                        <a is="emby-linkbutton" rel="noopener noreferrer" class="raised button-alt headerHelpButton" target="_blank" href="https://docs.jellyfin.org/general/server/notifications.html">${Help}</a>
+                    </div>
+                </div>
+
+                <label class="checkboxContainer">
+                    <input type="checkbox" is="emby-checkbox" id="chkEnabled" />
+                    <span>${LabelNotificationEnabled}</span>
+                </label>
+                <br />
+
+                <div class="monitorUsers" style="display: none;">
+                    <div class="paperListLabel">${LabelMonitorUsers}</div>
+                    <div class="monitorUsersList">
+                    </div>
+                    <br />
+                    <br />
+                </div>
+
+                <div>
+                    <div class="selectContainer">
+                        <select is="emby-select" id="selectUsers" label="${LabelSendNotificationToUsers}">
+                            <option value="All">${OptionAllUsers}</option>
+                            <option value="Admins">${OptionAdminUsers}</option>
+                            <option value="Custom">${OptionCustomUsers}</option>
+                        </select>
+                    </div>
+                    <div class="selectCustomUsers" style="display: none;">
+                        <br />
+                        <label>${LabelSelectUsers}</label>
+                        <div class="sendToUsersList">
+                        </div>
+                    </div>
+                    <br />
+                </div>
+
+                <div>
+                    <label>${LabelUseNotificationServices}</label>
+                    <div class="servicesList">
+                    </div>
+                    <div class="fieldDescription">${AdditionalNotificationServices}</div>
+                    <br />
+                </div>
+
+                <div>
+                    <br />
+                    <button is="emby-button" type="submit" class="raised button-submit block">
+                        <span>${ButtonSave}</span>
+                    </button>
+
+                    <button is="emby-button" type="button" class="raised button-cancel block btnCancel" onclick="history.back();">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </div>
+            </form>
+
+        </div>
+    </div>
+</div>

src/controllers/dashboard/notifications/notifications/index.html

@@ -0,0 +1,9 @@
+<div id="notificationSettingsPage" data-role="page" class="page type-interior notificationConfigurationPage">
+    <div>
+        <div class="content-primary">
+            <div class="readOnlyContent">
+                <div class="notificationList"></div>
+            </div>
+        </div>
+    </div>
+</div>

src/controllers/dashboard/plugins/add/index.html

@@ -0,0 +1,49 @@
+<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>
+                        <a is="emby-linkbutton" rel="noopener noreferrer" class="raised button-alt headerHelpButton" target="_blank" href="https://docs.jellyfin.org/general/server/plugins/index.html">${Help}</a>
+                    </div>
+
+                    <p id="overview" style="font-style: italic;"></p>
+                    <p id="description"></p>
+                </div>
+
+                <div class="verticalSection">
+                    <h2 class="sectionTitle">${HeaderInstall}</h2>
+
+                    <form class="addPluginForm">
+                        <p id="pCurrentVersion"></p>
+                        <div id="pSelectVersion" class="hide selectContainer">
+                            <select id="selectVersion" name="selectVersion" is="emby-select" label="${LabelSelectVersionToInstall}"></select>
+                        </div>
+
+                        <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>
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <br />
+            <div class="readOnlyContent">
+                <div is="emby-collapse" title="${HeaderDeveloperInfo}">
+                    <div class="collapseContent">
+                        <p id="developer"></p>
+                    </div>
+                </div>
+
+                <div is="emby-collapse" title="${HeaderRevisionHistory}">
+                    <div class="collapseContent">
+                        <div id="revisionHistory"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

src/controllers/dashboard/plugins/available/index.html

@@ -0,0 +1,8 @@
+<div id="pluginCatalogPage" data-role="page" class="page type-interior pluginConfigurationPage withTabs fullWidthContent">
+    <div>
+        <div class="content-primary">
+            <div id="noPlugins" class="hide">${MessageNoAvailablePlugins}</div>
+            <div id="pluginTiles" style="text-align:left;"></div>
+        </div>
+    </div>
+</div>

src/controllers/dashboard/plugins/installed/index.html

@@ -0,0 +1,7 @@
+<div id="pluginsPage" data-role="page" class="page type-interior pluginConfigurationPage withTabs fullWidthContent">
+    <div>
+        <div class="content-primary">
+            <div class="installedPlugins"></div>
+        </div>
+    </div>
+</div>

src/controllers/dashboard/plugins/repositories/index.html

@@ -0,0 +1,19 @@
+<div id="repositories" data-role="page" class="page type-interior withTabs fullWidthContent">
+    <div>
+        <div class="content-primary">
+            <div class="sectionTitleContainer flex align-items-center">
+                <h2 class="sectionTitle">${TabRepositories}</h2>
+                <button is="emby-button" type="button" class="fab btnNewRepository submit" style="margin-left:1em;" title="${ButtonAdd}">
+                    <span class="material-icons add" aria-hidden="true"></span>
+                </button>
+            </div>
+
+            <div id="repositories"></div>
+
+            <div id="none" class="noItemsMessage centerMessage hide">
+                <h1>${MessageNoRepositories}</h1>
+                <p>${MessageAddRepository}</p>
+            </div>
+        </div>
+    </div>
+</div>

src/controllers/session/addServer/index.html

@@ -0,0 +1,18 @@
+<div data-role="page" class="page standalonePage">
+    <div class="padded-left padded-right padded-bottom-page">
+        <form class="addServerForm" style="margin: 0 auto;" novalidate>
+            <h1>${HeaderConnectToServer}</h1>
+            <div class="inputContainer">
+                <input is="emby-input" type="url" id="txtServerHost" required="required" label="${LabelServerHost}"/>
+                <div class="fieldDescription">${LabelServerHostHelp}</div>
+            </div>
+            <br />
+            <button is="emby-button" type="submit" class="raised button-submit block">
+                <span>${ButtonConnect}</span>
+            </button>
+            <button is="emby-button" type="button" class="raised button-cancel block btnCancel">
+                <span>${ButtonCancel}</span>
+            </button>
+        </form>
+    </div>
+</div>

src/controllers/session/forgotPassword/index.html

@@ -0,0 +1,24 @@
+<div data-role="page" id="forgotPasswordPage" class="page standalonePage forgotPasswordPage">
+    <div class="padded-left padded-right padded-bottom-page">
+        <form class="forgotPasswordForm" style="text-align: center; margin: 0 auto;">
+            <div style="text-align: left;">
+                <h1>${HeaderForgotPassword}</h1>
+
+                <div class="inputContainer">
+                    <input is="emby-input" type="text" id="txtName" label="${LabelUser}" autocomplete="off"/>
+                    <div class="fieldDescription">${LabelForgotPasswordUsernameHelp}</div>
+                </div>
+
+                <div>
+                    <button is="emby-button" type="submit" class="raised submit block">
+                        <span>${ButtonSubmit}</span>
+                    </button>
+
+                    <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>

src/controllers/session/login/index.html

@@ -0,0 +1,57 @@
+<div id="loginPage" data-role="page" class="page standalonePage flex flex-direction-column" data-backbutton="false">
+    <div class="padded-left padded-right padded-bottom-page margin-auto-y">
+        <form class="manualLoginForm margin-auto-x hide">
+            <div class="padded-left padded-right flex align-items-center justify-content-center">
+                <h1 class="sectionTitle">${HeaderPleaseSignIn}</h1>
+            </div>
+            <div style="height:0; overflow: hidden;">
+                <input type="text" name="fakeusernameremembered" tabindex="-1" />
+                <input type="password" name="fakepasswordremembered" tabindex="-1" />
+            </div>
+
+            <div class="inputContainer">
+                <input is="emby-input" type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="username" autocapitalize="off" />
+            </div>
+
+            <div class="inputContainer">
+                <input is="emby-input" id="txtManualPassword" type="password" label="${LabelPassword}" autocomplete="current-password" />
+            </div>
+
+            <label class="checkboxContainer">
+                <input is="emby-checkbox" type="checkbox" class="chkRememberLogin" checked />
+                <span>${RememberMe}</span>
+            </label>
+
+            <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>
+        </form>
+
+        <div class="visualLoginForm" style="text-align: center;">
+            <h1 style="margin-top:1em;">${HeaderPleaseSignIn}</h1>
+            <div id="divUsers" class="itemsContainer vertical-wrap centered"></div>
+        </div>
+
+        <div class="readOnlyContent" style="margin: .5em auto 1em;">
+            <button is="emby-button" type="button" class="raised cancel block btnManual">
+                <span>${ButtonManualLogin}</span>
+            </button>
+
+            <button is="emby-button" type="button" class="raised cancel block btnForgotPassword">
+                <span>${ButtonForgotPassword}</span>
+            </button>
+
+            <button is="emby-button" type="button" class="raised block btnSelectServer">
+                <span>${ButtonChangeServer}</span>
+            </button>
+
+            <p class="disclaimer" style="text-align: center; margin-top: 2em;"></p>
+        </div>
+    </div>
+</div>

src/controllers/session/resetPassword/index.html

@@ -0,0 +1,23 @@
+<div data-role="page" class="page standalonePage forgotPasswordPinPage">
+    <div class="padded-left padded-right padded-bottom-page">
+        <form class="forgotPasswordPinForm" style="text-align: center; margin: 0 auto;">
+            <div style="text-align: left;">
+                <h2>${HeaderPasswordReset}</h2>
+
+                <div class="inputContainer">
+                    <input is="emby-input" type="text" id="txtPin" label="${LabelPasswordRecoveryPinCode}" autocomplete="off" required="required"/>
+                </div>
+
+                <div>
+                    <button is="emby-button" type="submit" class="raised submit block">
+                        <span>${ButtonSubmit}</span>
+                    </button>
+
+                    <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();">
+                        <span>${ButtonCancel}</span>
+                    </button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>

src/controllers/session/selectServer/index.html

@@ -0,0 +1,17 @@
+<div id="selectServerPage" data-role="page" class="page noSecondaryNavPage standalonePage pageContainer fullWidthContent vertical flex flex-direction-column">
+    <div class="margin-auto-y">
+        <div class="verticalSection flex-shrink-zero w-100 flex flex-direction-column">
+            <div class="padded-left padded-right flex align-items-center justify-content-center">
+                <h1 class="sectionTitle sectionTitle-cards">${HeaderSelectServer}</h1>
+            </div>
+            <div class="padded-top padded-bottom-focusscale flex-grow flex" data-horizontal="true" data-centerfocus="card">
+                <div is="emby-itemscontainer" class="scrollSlider focuscontainer-x servers flex-grow" style="display: block; text-align: center;" data-hovermenu="false" data-multiselect="false"></div>
+            </div>
+        </div>
+        <div class="padded-top padded-left padded-right flex flex-shrink-zero justify-content-center verticalSection flex-wrap-wrap margin-auto-x">
+            <a is="emby-linkbutton" href="addserver.html" class="raised cancel btnAddServer flex-shrink-zero" style="margin: .25em;">
+                <span>${ButtonAddServer}</span>
+            </a>
+        </div>
+    </div>
+</div>