dashboard-ui/network/network.html

<div is="emby-scroller" class="view flex flex-direction-column scrollFrameY flex-grow" data-mousewheel="true" data-horizontal="false" data-forcescrollbar="true" data-focusscroll="true" data-bindheader="true">
    <div class="scrollSlider flex-grow flex-direction-column padded-left padded-left-page padded-right padded-top-page padded-bottom-page settingsContainer">
        <form class="dashboardHostingForm auto-center padded-top">

            <div class="verticalSection verticalSection-extrabottompadding">

                <div class="inputContainer">
                    <input is="emby-input" type="text" class="txtLanNetworks" label="${LabelLanNetworks}" />
                    <div class="fieldDescription">${LanNetworksHelp}</div>
                </div>
                <div class="inputContainer">
                    <input is="emby-input" type="text" class="txtLocalAddress" label="${LabelLocalIpAddress}" />
                    <div class="fieldDescription">${LabelBindToLocalNetworkAddressHelp}</div>
                </div>
                <div class="inputContainer fldlocalHttpPort hide">
                    <input is="emby-input" type="number" class="txtPortNumber" label="${LabelLocalHttpServerPortNumber}" pattern="[0-9]*" required="required" min="1" max="65535" />
                    <div class="fieldDescription">${LabelLocalHttpServerPortNumberHelp}</div>
                </div>
                <div class="inputContainer fldlocalHttpsPort hide">
                    <input is="emby-input" type="number" class="txtHttpsPort" pattern="[0-9]*" required="required" min="1" max="65535" label="${LabelHttpsPort}" />
                    <div class="fieldDescription">${LabelHttpsPortHelp}</div>
                </div>

                <div class="checkboxContainer checkboxContainer-withDescription">
                    <label>
                        <input type="checkbox" is="emby-checkbox" class="chkRemoteAccess" />
                        <span>${AllowRemoteAccess}</span>
                    </label>
                    <div class="fieldDescription checkboxFieldDescription">${AllowRemoteAccessHelp}</div>
                </div>
                <div class="inputContainer fldExternalAddressFilter hide">
                    <input is="emby-input" type="text" class="txtExternalAddressFilter" label="${LabelAllowedRemoteAddresses}" />
                    <div class="fieldDescription">${AllowedRemoteAddressesHelp}</div>
                </div>
                <div class="selectContainer fldExternalAddressFilterMode hide">
                    <select is="emby-select" class="selectExternalAddressFilterMode" label="${LabelAllowedRemoteAddressesMode}">
                        <option value="whitelist">${Whitelist}</option>
                        <option value="blacklist">${Blacklist}</option>
                    </select>
                </div>
                <div class="inputContainer fldPublicPort hide">
                    <input is="emby-input" type="number" label="${LabelPublicHttpPort}" class="txtPublicPort" pattern="[0-9]*" required="required" min="1" max="65535" />
                    <div class="fieldDescription">${LabelPublicHttpPortHelp}</div>
                </div>
                <div class="inputContainer fldPublicHttpsPort hide">
                    <input is="emby-input" type="number" class="txtPublicHttpsPort" pattern="[0-9]*" required="required" min="1" max="65535" label="${LabelPublicHttpsPort}" />
                    <div class="fieldDescription">${LabelPublicHttpsPortHelp}</div>
                </div>

                <div class="inputContainer fldDdns hide">
                    <input is="emby-input" class="txtDdns" type="text" label="${LabelExternalDDNS}" />
                    <div class="fieldDescription">${LabelExternalDDNSHelp}</div>
                </div>

                <div class="selectContainer fldProxyHeaderMode hide">
                    <select is="emby-select" class="selectProxyHeaderMode" label="${LabelProxyHeaderMode}">
                        <option value="None">${No}</option>
                        <option value="RemoteAddressesOnly">${ProxyHeadersRemoteOnly}</option>
                        <option value="AllAddresses">${Yes}</option>
                    </select>
                    <div class="fieldDescription selectProxyHeaderModeHelp"></div>
                </div>

                <div class="inputContainer fldCertificatePath hide">
                    <div class="flex align-items-center">
                        <div class="flex-grow">
                            <input is="emby-input" type="text" class="txtCertificatePath" label="${LabelCustomCertificatePath}" autocomplete="off" />
                        </div>
                        <button type="button" is="paper-icon-button-light" class="btnSelectCertPath emby-input-iconbutton" title="${ButtonSelectDirectory}" aria-label="${ButtonSelectDirectory}"><i class="md-icon">search</i></button>
                    </div>
                    <div class="fieldDescription">${LabelCustomCertificatePathHelp}</div>
                </div>

                <div class="inputContainer fldCertPassword hide">
                    <input is="emby-input" class="txtCertPassword" type="password" label="${LabelCertificatePassword}" autocomplete="new-password" />
                    <div class="fieldDescription">${LabelCertificatePasswordHelp}</div>
                </div>

                <div class="selectContainer fldHttpsMode hide">
                    <select is="emby-select" class="selectHttpsMode" label="${LabelSecureConnectionsMode}">
                        <option value="disabled">${Disabled}</option>
                        <option value="enabled">${PreferredNotRequired}</option>
                        <option value="required">${RequiredForAllRemoteConnections}</option>
                        <option value="proxy">${HandledByProxy}</option>
                    </select>
                </div>

                <div class="checkboxContainer checkboxContainer-withDescription fldEnableUpnp hide">
                    <label>
                        <input type="checkbox" is="emby-checkbox" class="chkEnableUpnp" />
                        <span>${LabelEnableAutomaticPortMap}</span>
                    </label>
                    <div class="fieldDescription checkboxFieldDescription">${LabelEnableAutomaticPortMapHelp}</div>
                </div>

                <div class="selectContainer fldStreamLimit hide">
                    <select is="emby-select" class="selectStreamLimit" label="${LabelSimultaneousStreamLimit}">
                    </select>
                    <div class="fieldDescription">${SimultaneousStreamLimitHelp}</div>
                    <div class="fieldDescription streamLimitPremiereInfo"></div>
                </div>

                <div class="inputContainer fldRemoteBitrate hide">
                    <input is="emby-input" type="number" class="txtRemoteClientBitrateLimit" pattern="[0-9]*" min="0" step=".25" label="${LabelRemoteClientBitrateLimit}" />
                    <div class="fieldDescription">${LabelRemoteClientBitrateLimitHelp}</div>
                </div>
            </div>
            <div>
                <button is="emby-button" type="submit" class="raised button-submit block">
                    <span>${Save}</span>
                </button>
            </div>
        </form>
    </div>
</div>