Add experimental display mode option

src/components/displaySettings/displaySettings.template.html

@@ -172,6 +172,7 @@
             <option value="desktop">${Desktop}</option>
             <option value="mobile">${Mobile}</option>
             <option value="tv">${TV}</option>
+            <option value="experimental">${Experimental}</option>
         </select>
         <div class="fieldDescription">${DisplayModeHelp}</div>
         <div class="fieldDescription">${LabelPleaseRestart}</div>

src/components/layoutManager.js

@@ -31,6 +31,11 @@ class LayoutManager {
             setLayout(this, 'tv', layout);
             setLayout(this, 'desktop', layout);
 
+            if (layout === 'experimental') {
+                const legacyLayoutMode = browser.mobile ? 'mobile' : this.defaultLayout || 'desktop';
+                setLayout(this, legacyLayoutMode, legacyLayoutMode);
+            }
+
             if (save !== false) {
                 appSettings.set('layout', layout);
             }

src/strings/en-us.json

@@ -268,6 +268,7 @@
     "EveryXHours": "Every {0} hours",
     "EveryXMinutes": "Every {0} minutes",
     "ExitFullscreen": "Exit full screen",
+    "Experimental": "Experimental",
     "ExtractChapterImagesHelp": "Extracting chapter images will allow clients to display graphical scene selection menus. The process can be slow, resource intensive, and may require several gigabytes of space. It runs when videos are discovered, and also as a nightly scheduled task. The schedule is configurable in the scheduled tasks area. It is not recommended to run this task during peak usage hours.",
     "ExtraLarge": "Extra Large",
     "Extras": "Extras",