jellyfish-web/src/components/displaySettings/displaySettings.template.html

<form style="margin: 0 auto;">
    <h2 class="sectionTitle">
        ${Display}
    </h2>

    <div class="selectContainer languageSection hide">
        <select id="selectLanguage" is="emby-select" label="${LabelDisplayLanguage}">
            <option value="">${Auto}</option>
            <option value="af">Afrikaans (af)</option>
            <option value="ar">العربية (ar)</option>
            <option value="be-BY">Беларуская (be)</option>
            <option value="bg-BG">Български (bg)</option>
            <option value="bn_BD">বাংলা (bn-BD)</option>
            <option value="ca">Català (ca)</option>
            <option value="cs">Čeština (cs)</option>
            <option value="cy">Cymraeg (cy)</option>
            <option value="da">Dansk (da)</option>
            <option value="de">Deutsch (de)</option>
            <option value="el">Ελληνικά (el)</option>
            <option value="en-GB">English (en-GB)</option>
            <option value="en-US">English</option>
            <option value="eo">Esperanto (eo)</option>
            <option value="es">Español (es)</option>
            <option value="es_419">Español americano (es_419)</option>
            <option value="es-AR">Español (es-AR)</option>
            <option value="es_DO">Español (es-DO)</option>
            <option value="es-MX">Español (es-MX)</option>
            <option value="et">Eesti (et)</option>
            <option value="fa">فارسی (fa)</option>
            <option value="fi">Suomi (fi)</option>
            <option value="fil">Filipino (fil)</option>
            <option value="fr">Français (fr)</option>
            <option value="fr-CA">Français (fr-CA)</option>
            <option value="gl">Galego (gl)</option>
            <option value="gsw">Schwiizerdütsch (gsw)</option>
            <option value="he">עִבְרִית (he)</option>
            <option value="hi-IN">हिन्दी (hi)</option>
            <option value="hr">Hrvatski (hr)</option>
            <option value="hu">Magyar (hu)</option>
            <option value="id">Bahasa Indonesia (id)</option>
            <option value="is-IS">Íslenska (is)</option>
            <option value="it">Italiano (it)</option>
            <option value="ja">日本語 (ja)</option>
            <option value="kk">Qazaqşa (kk)</option>
            <option value="ko">한국어 (ko)</option>
            <option value="lt-LT">Lietuvių (lt)</option>
            <option value="lv">Latviešu (lv)</option>
            <option value="mk">Македонски (mk)</option>
            <option value="ml">മലയാളം (ml)</option>
            <option value="mr">मराठी (mr)</option>
            <option value="ms">Bahasa Melayu (ms)</option>
            <option value="nb">Norsk bokmål (nb)</option>
            <option value="ne">नेपाली (ne-NP)</option>			
            <option value="nl">Nederlands (nl)</option>
            <option value="nn">Norsk nynorsk (nn)</option>
            <option value="pa">ਪੰਜਾਬੀ (pa-IN)</option>
            <option value="pl">Polski (pl)</option>
            <option value="pt">Português</option>
            <option value="pt-BR">Português (pt-BR)</option>
            <option value="pt-PT">Português (pt-PT)</option>
            <option value="ro">Românește (ro)</option>
            <option value="ru">Русский (ru)</option>
            <option value="sk">Slovenčina (sk)</option>
            <option value="sl-SI">Slovenščina(sl)</option>
            <option value="sq">Shqip (sq)</option>
            <option value="sr">Српски (sr)</option>
            <option value="sv">Svenska (sv)</option>
            <option value="ta">தமிழ் (ta)</option>
            <option value="te">తెలుగు (te)</option>
            <option value="th">ภาษาไทย (th)</option>
            <option value="tr">Türkçe (tr)</option>
            <option value="uk">Українська (uk)</option>
            <option value="ur_PK">اُردُو (ur)</option>
            <option value="vi">Tiếng Việt</option>
            <option value="zh-CN">汉语 (zh_Hans)</option>
            <option value="zh-TW">漢語 (zh_Hant)</option>
            <option value="zh-HK">廣東話 (zh-HK)</option>
        </select>
        <div class="fieldDescription">
            <div>${LabelDisplayLanguageHelp}</div>
            <div class="learnHowToContributeContainer hide" style="margin-top: .25em;">
                <a is="emby-linkbutton" rel="noopener noreferrer" class="button-link" href="https://github.com/jellyfin/jellyfin" target="_blank">${LearnHowYouCanContribute}</a>
            </div>
        </div>
    </div>

    <div class="selectContainer fldDateTimeLocale hide">
        <select is="emby-select" class="selectDateTimeLocale" label="${LabelDateTimeLocale}">
            <option value="">${Auto}</option>
            <option value="af">Afrikaans (af)</option>
            <option value="ar">العربية (ar)</option>
            <option value="be-BY">Беларуская (be)</option>
            <option value="bg-BG">Български (bg)</option>
            <option value="bn_BD">বাংলা (bn-BD)</option>
            <option value="ca">Català (ca)</option>
            <option value="cs">Čeština (cs)</option>
            <option value="cy">Cymraeg (cy)</option>
            <option value="da">Dansk (da)</option>
            <option value="de">Deutsch (de)</option>
            <option value="el">Ελληνικά (el)</option>
            <option value="en-GB">English (en-GB)</option>
            <option value="en-US">English</option>
            <option value="eo">Esperanto (eo)</option>
            <option value="es">Español (es)</option>
            <option value="es_419">Español americano (es_419)</option>
            <option value="es-AR">Español (es-AR)</option>
            <option value="es_DO">Español (es-DO)</option>
            <option value="es-MX">Español (es-MX)</option>
            <option value="et">Eesti (et)</option>
            <option value="fa">فارسی (fa)</option>
            <option value="fi">Suomi (fi)</option>
            <option value="fil">Filipino (fil)</option>
            <option value="fr">Français (fr)</option>
            <option value="fr-CA">Français (fr-CA)</option>
            <option value="gl">Galego (gl)</option>
            <option value="gsw">Schwiizerdütsch (gsw)</option>
            <option value="he">עִבְרִית (he)</option>
            <option value="hi-IN">हिन्दी (hi)</option>
            <option value="hr">Hrvatski (hr)</option>
            <option value="hu">Magyar (hu)</option>
            <option value="id">Bahasa Indonesia (id)</option>
            <option value="is-IS">Íslenska (is)</option>
            <option value="it">Italiano (it)</option>
            <option value="ja">日本語 (ja)</option>
            <option value="kk">Qazaqşa (kk)</option>
            <option value="ko">한국어 (ko)</option>
            <option value="lt-LT">Lietuvių (lt)</option>
            <option value="lv">Latviešu (lv)</option>
            <option value="mk">Македонски (mk)</option>
            <option value="ml">മലയാളം (ml)</option>
            <option value="mr">मराठी (mr)</option>
            <option value="ms">Bahasa Melayu (ms)</option>
            <option value="nb">Norsk bokmål (nb)</option>
            <option value="ne">नेपाली (ne-NP)</option>			
            <option value="nl">Nederlands (nl)</option>
            <option value="nn">Norsk nynorsk (nn)</option>
            <option value="pa">ਪੰਜਾਬੀ (pa-IN)</option>
            <option value="pl">Polski (pl)</option>
            <option value="pt">Português</option>
            <option value="pt-BR">Português (pt-BR)</option>
            <option value="pt-PT">Português (pt-PT)</option>
            <option value="ro">Românește (ro)</option>
            <option value="ru">Русский (ru)</option>
            <option value="sk">Slovenčina (sk)</option>
            <option value="sl-SI">Slovenščina(sl)</option>
            <option value="sq">Shqip (sq)</option>
            <option value="sr">Српски (sr)</option>
            <option value="sv">Svenska (sv)</option>
            <option value="ta">தமிழ் (ta)</option>
            <option value="te">తెలుగు (te)</option>
            <option value="th">ภาษาไทย (th)</option>
            <option value="tr">Türkçe (tr)</option>
            <option value="uk">Українська (uk)</option>
            <option value="ur_PK">اُردُو (ur)</option>
            <option value="vi">Tiếng Việt</option>
            <option value="zh-CN">汉语 (zh_Hans)</option>
            <option value="zh-TW">漢語 (zh_Hant)</option>
            <option value="zh-HK">廣東話 (zh-HK)</option>
        </select>
    </div>

    <div class="selectContainer fldDisplayMode hide">
        <select is="emby-select" class="selectLayout" label="${LabelDisplayMode}">
            <option value="">${Auto}</option>
            <option value="desktop">${Desktop}</option>
            <option value="mobile">${Mobile}</option>
            <option value="tv">${TV}</option>
        </select>
        <div class="fieldDescription">${DisplayModeHelp}</div>
        <div class="fieldDescription">${LabelPleaseRestart}</div>
    </div>

    <div class="selectContainer">
        <select id="selectTheme" is="emby-select" label="${LabelTheme}"></select>
    </div>

    <div class="checkboxContainer checkboxContainer-withDescription">
        <label>
            <input type="checkbox" is="emby-checkbox" id="chkDisableCustomCss" />
            <span>${DisableCustomCss}</span>
        </label>
        <div class="fieldDescription checkboxFieldDescription">${LabelDisableCustomCss}</div>
    </div>

    <div class="inputContainer customCssContainer">
        <textarea is="emby-textarea" id="txtLocalCustomCss" label="${LabelCustomCss}" class="textarea-mono"></textarea>
        <div class="fieldDescription">${LabelLocalCustomCss}</div>
    </div>

    <div class="selectContainer selectDashboardThemeContainer hide">
        <select id="selectDashboardTheme" is="emby-select" label="${LabelDashboardTheme}"></select>
    </div>

    <div class="selectContainer hide selectScreensaverContainer">
        <select is="emby-select" class="selectScreensaver" label="${LabelScreensaver}"></select>
    </div>

    <div class="inputContainer inputContainer-withDescription">
        <input is="emby-input" type="number" id="txtLibraryPageSize" pattern="[0-9]*" required="required" min="0" max="1000" step="1" label="${LabelLibraryPageSize}" />
        <div class="fieldDescription">${LabelLibraryPageSizeHelp}</div>
    </div>

    <div class="inputContainer inputContainer-withDescription">
        <input is="emby-input" type="number" id="txtMaxDaysForNextUp" pattern="[0-9]*" required="required" min="0" max="1000" step="1" label="${LabelMaxDaysForNextUp}" />
        <div class="fieldDescription">${LabelMaxDaysForNextUpHelp}</div>
    </div>

    <div class="checkboxContainer checkboxContainer-withDescription">
        <label>
            <input type="checkbox" is="emby-checkbox" id="chkFadein" />
            <span>${EnableFasterAnimations}</span>
        </label>
        <div class="fieldDescription checkboxFieldDescription">${EnableFasterAnimationsHelp}</div>
    </div>

    <div class="checkboxContainer checkboxContainer-withDescription">
        <label>
            <input type="checkbox" is="emby-checkbox" id="chkBlurhash" />
            <span>${EnableBlurHash}</span>
        </label>
        <div class="fieldDescription checkboxFieldDescription">${EnableBlurHashHelp}</div>
    </div>

    <div class="checkboxContainer checkboxContainer-withDescription">
        <label>
            <input type="checkbox" is="emby-checkbox" id="chkDetailsBanner" />
            <span>${EnableDetailsBanner}</span>
        </label>
        <div class="fieldDescription checkboxFieldDescription">${EnableDetailsBannerHelp}</div>
    </div>

    <div class="checkboxContainer checkboxContainer-withDescription fldBackdrops hide">
        <label>
            <input type="checkbox" is="emby-checkbox" id="chkBackdrops" />
            <span>${Backdrops}</span>
        </label>
        <div class="fieldDescription checkboxFieldDescription">${EnableBackdropsHelp}</div>
    </div>

    <div class="checkboxContainer checkboxContainer-withDescription fldThemeSong hide">
        <label>
            <input type="checkbox" is="emby-checkbox" id="chkThemeSong" />
            <span>${ThemeSongs}</span>
        </label>
        <div class="fieldDescription checkboxFieldDescription">${EnableThemeSongsHelp}</div>
    </div>

    <div class="checkboxContainer checkboxContainer-withDescription fldThemeVideo hide">
        <label>
            <input type="checkbox" is="emby-checkbox" id="chkThemeVideo" />
            <span>${ThemeVideos}</span>
        </label>
        <div class="fieldDescription checkboxFieldDescription">${EnableThemeVideosHelp}</div>
    </div>

    <div class="checkboxContainer checkboxContainer-withDescription fldDisplayMissingEpisodes hide">
        <label>
            <input type="checkbox" is="emby-checkbox" class="chkDisplayMissingEpisodes" />
            <span>${DisplayMissingEpisodesWithinSeasons}</span>
        </label>
        <div class="fieldDescription checkboxFieldDescription">${DisplayMissingEpisodesWithinSeasonsHelp}</div>
    </div>

    <div class="checkboxContainer checkboxContainer-withDescription fldUseEpisodeImagesInNextUp">
        <label>
            <input type="checkbox" is="emby-checkbox" id="chkUseEpisodeImagesInNextUp" />
            <span>${UseEpisodeImagesInNextUp}</span>
        </label>
        <div class="fieldDescription checkboxFieldDescription">${UseEpisodeImagesInNextUpHelp}</div>
    </div>

    <button is="emby-button" type="submit" class="raised button-submit block btnSave hide">
        <span>${Save}</span>
    </button>
</form>