Add web path as config option

src/dashboard.html

@@ -109,7 +109,13 @@ <h3>${HeaderPaths}</h3>
                         <div class="listItem listItem-border">
                             <div class="listItemBody two-line">
                                 <div class="listItemBodyText secondary" style="margin:0;">${LabelTranscodingTemporaryFiles}</div>
-                                <div class="listItemBodyText" id="transcodingTemporaryPath"></div>
+                                <div class="listItemBodyText" id="transcodePath"></div>
+                            </div>
+                        </div>
+                        <div class="listItem listItem-border">
+                            <div class="listItemBody two-line">
+                                <div class="listItemBodyText secondary" style="margin:0;">${LabelWeb}</div>
+                                <div class="listItemBodyText" id="webPath"></div>
                             </div>
                         </div>
                     </div>

src/dashboard/dashboardgeneral.js

@@ -109,6 +109,22 @@ define(["jQuery", "loading", "fnchecked", "emby-checkbox", "emby-textarea", "emb
             })
         });
 
+        $("#btnSelectWebPath", view).on("click.selectDirectory", function() {
+            require(["directorybrowser"], function(directoryBrowser) {
+                var picker = new directoryBrowser;
+                picker.show({
+                    callback: function(path) {
+                        if (path) {
+                            view.querySelector("#txtWebPath").value = path;
+                        }
+                        picker.close();
+                    },
+                    header: Globalize.translate("LabelWebPath"),
+                    instruction: Globalize.translate("LabelWebPathHelp")
+                })
+            })
+        });
+
         $(".dashboardGeneralForm", view).off("submit", onSubmit).on("submit", onSubmit);
         view.addEventListener("viewshow", function() {
             var promiseConfig = ApiClient.getServerConfiguration();

src/dashboardgeneral.html

@@ -55,6 +55,16 @@ <h2>${HeaderPaths}</h2>
                         <div class="fieldDescription">${LabelMetadataPathHelp}</div>
                         <input type="hidden" id="txtMetadataNetworkPath" />
                     </div>
+
+                    <div class="inputContainer">
+                        <div style="display: flex; align-items: center;">
+                            <div style="flex-grow:1;">
+                                <input is="emby-input" id="txtWebPath" label="${LabelWebPath}" autocomplete="off" />
+                            </div>
+                            <button type="button" is="paper-icon-button-light" id="btnSelectWebPath" title="${ButtonSelectDirectory}" class="emby-input-iconbutton"><i class="md-icon">search</i></button>
+                        </div>
+                        <div class="fieldDescription">${LabelWebPathHelp}</div>
+                    </div>
                 </div>
 
                 <div class="verticalSection autoUpdatesContainer hide">

src/scripts/dashboardpage.js

@@ -383,7 +383,7 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa
 
         for (var i = 0, length = tasks.length; i < length; i++) {
             var task = tasks[i];
-            
+
             html += "<p>";
             html += task.Name + "<br/>";
             if (task.State === "Running") {
@@ -407,8 +407,9 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa
         renderPaths: function (page, systemInfo) {
             page.querySelector("#cachePath").innerHTML = systemInfo.CachePath;
             page.querySelector("#logPath").innerHTML = systemInfo.LogPath;
-            page.querySelector("#transcodingTemporaryPath").innerHTML = systemInfo.TranscodingTempPath;
+            page.querySelector("#transcodePath").innerHTML = systemInfo.TranscodingTempPath;
             page.querySelector("#metadataPath").innerHTML = systemInfo.InternalMetadataPath;
+            page.querySelector("#webPath").innerHTML = systemInfo.WebPath;
         },
         startInterval: function (apiClient) {
             apiClient.sendMessage("SessionsStart", "0,1500");

src/strings/en-us.json

@@ -1122,6 +1122,8 @@
     "LabelMetadataDownloadersHelp": "Enable and rank your preferred metadata downloaders in order of priority. Lower priority downloaders will only be used to fill in missing information.",
     "LabelMetadataPath": "Metadata path:",
     "LabelMetadataPathHelp": "Specify a custom location for downloaded artwork and metadata.",
+    "LabelWebPath": "Web path:",
+    "LabelWebPathHelp": "The path where the web client source is located. Do not change this unless you plan on moving the web files, or the web interface will break.",
     "LabelMetadataReaders": "Metadata readers:",
     "LabelMetadataReadersHelp": "Rank your preferred local metadata sources in order of priority. The first file found will be read.",
     "LabelMetadataSavers": "Metadata savers:",
@@ -1329,6 +1331,7 @@
     "LabelVideoCodec": "Video: {0}",
     "LabelVideoType": "Video Type:",
     "LabelView": "View:",
+    "LabelWeb": "Web",
     "LabelWebsite": "Website:",
     "LabelWindowBackgroundColor": "Text background color:",
     "LabelXDlnaCap": "X-Dlna cap:",
@@ -2265,4 +2268,4 @@
     "XmlTvSportsCategoriesHelp": "Programs with these categories will be displayed as sports programs. Separate multiple with '|'.",
     "Yes": "Yes",
     "Yesterday": "Yesterday"
-}
+}