1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

fix some layout

This commit is contained in:
grafixeyehero 2019-06-06 01:17:19 +03:00
parent 6d5cf2d975
commit 9b313d3378

View file

@ -273,329 +273,313 @@
</div> </div>
</div> </div>
<div data-role="popup" id="popupEditDirectPlayProfile" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;"> <div data-role="popup" id="popupEditDirectPlayProfile" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
<div class="ui-bar-a"> <form class="editDirectPlayProfileForm" style="padding:1em;">
<div class="sectionTitleContainer flex align-items-center"> <div class="ui-bar-a">
<h3 class="sectionTitle">${HeaderDirectPlayProfile}</h3> <h3 class="sectionTitle">${HeaderDirectPlayProfile}</h3>
</div> </div>
<div data-role="content"> <div data-role="content">
<form class="editDirectPlayProfileForm"> <div class="selectContainer">
<div class="selectContainer"> <select id="selectDirectPlayProfileType" name="selectDirectPlayProfileType" is="emby-select" label="${LabelType}">
<select id="selectDirectPlayProfileType" name="selectDirectPlayProfileType" is="emby-select" label="${LabelType}"> <option value="Audio">${OptionProfileAudio}</option>
<option value="Audio">${OptionProfileAudio}</option> <option value="Photo">${OptionProfilePhoto}</option>
<option value="Photo">${OptionProfilePhoto}</option> <option value="Video">${OptionProfileVideo}</option>
<option value="Video">${OptionProfileVideo}</option> </select>
</select> </div>
</div> <div class="inputContainer">
<input is="emby-input" type="text" id="txtDirectPlayContainer" label="${LabelProfileContainer}" />
<div class="fieldDescription">${LabelProfileContainersHelp}</div>
</div>
<div id="fldDirectPlayVideoCodec" style="margin: 1em 0;">
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="text" id="txtDirectPlayContainer" label="${LabelProfileContainer}" /> <input is="emby-input" type="text" id="txtDirectPlayVideoCodec" label="${LabelProfileVideoCodecs}" />
<div class="fieldDescription">${LabelProfileContainersHelp}</div> <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
</div> </div>
<div id="fldDirectPlayVideoCodec" style="margin: 1em 0;"> </div>
<div class="inputContainer"> <div id="fldDirectPlayAudioCodec" style="margin: 1em 0 2em;">
<input is="emby-input" type="text" id="txtDirectPlayVideoCodec" label="${LabelProfileVideoCodecs}" /> <div class="inputContainer">
<div class="fieldDescription">${LabelProfileCodecsHelp}</div> <input is="emby-input" type="text" id="txtDirectPlayAudioCodec" label="${LabelProfileAudioCodecs}" />
</div> <div class="fieldDescription">${LabelProfileCodecsHelp}</div>
</div> </div>
<div id="fldDirectPlayAudioCodec" style="margin: 1em 0 2em;"> </div>
<div class="inputContainer"> <p>
<input is="emby-input" type="text" id="txtDirectPlayAudioCodec" label="${LabelProfileAudioCodecs}" /> <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
<div class="fieldDescription">${LabelProfileCodecsHelp}</div> <span>${ButtonOk}</span>
</div> </button>
</div> <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<p> <span>${ButtonCancel}</span>
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true"> </button>
<span>${ButtonOk}</span> </p>
</button>
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<span>${ButtonCancel}</span>
</button>
</p>
</form>
</div> </div>
</div> </form>
</div> </div>
<div data-role="popup" id="transcodingProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;"> <div data-role="popup" id="transcodingProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
<div class="ui-bar-a"> <form class="transcodingProfileForm" style="padding:1em;">
<div class="sectionTitleContainer flex align-items-center"> <div class="ui-bar-a">
<h3 class="sectionTitle">${HeaderTranscodingProfile}</h3> <h3 class="sectionTitle">${HeaderTranscodingProfile}</h3>
</div> </div>
<div data-role="content"> <div data-role="content">
<form class="transcodingProfileForm" style="min-width: 250px;"> <div data-role="controlgroup" data-type="horizontal" data-mini="true">
<div data-role="controlgroup" data-type="horizontal" data-mini="true"> <input type="radio" name="radioTranscodingTab" class="radioTabButton" id="radioTranscodingBasics" value="tabTranscodingBasics">
<input type="radio" name="radioTranscodingTab" class="radioTabButton" id="radioTranscodingBasics" value="tabTranscodingBasics"> <label for="radioTranscodingBasics">${TabInfo}</label>
<label for="radioTranscodingBasics">${TabInfo}</label> <input type="radio" name="radioTranscodingTab" class="radioTabButton" id="radioTranscodingAdvanced" value="tabTranscodingAdvanced">
<input type="radio" name="radioTranscodingTab" class="radioTabButton" id="radioTranscodingAdvanced" value="tabTranscodingAdvanced"> <label for="radioTranscodingAdvanced">${TabAdvanced}</label>
<label for="radioTranscodingAdvanced">${TabAdvanced}</label> </div>
<br />
<div class="tabContent tabTranscodingBasics" style="display: none;">
<div class="selectContainer">
<select id="selectTranscodingProfileType" name="selectTranscodingProfileType" is="emby-select" label="${LabelType}">
<option value="Audio">${OptionProfileAudio}</option>
<option value="Photo">${OptionProfilePhoto}</option>
<option value="Video">${OptionProfileVideo}</option>
</select>
</div> </div>
<br /> <div id="fldTranscodingProtocol" style="margin: 1em 0;">
<div class="tabContent tabTranscodingBasics" style="display: none;">
<div class="selectContainer"> <div class="selectContainer">
<select id="selectTranscodingProfileType" name="selectTranscodingProfileType" is="emby-select" label="${LabelType}"> <select id="selectTranscodingProtocol" name="selectTranscodingProtocol" is="emby-select" label="${LabelProtocol}">
<option value="Audio">${OptionProfileAudio}</option> <option value="Http">${OptionProtocolHttp}</option>
<option value="Photo">${OptionProfilePhoto}</option> <option value="Hls">${OptionProtocolHls}</option>
<option value="Video">${OptionProfileVideo}</option>
</select> </select>
</div> </div>
<div id="fldTranscodingProtocol" style="margin: 1em 0;"> </div>
<div class="selectContainer"> <div class="inputContainer">
<select id="selectTranscodingProtocol" name="selectTranscodingProtocol" is="emby-select" label="${LabelProtocol}"> <input is="emby-input" type="text" id="txtTranscodingContainer" label="${LabelTranscodingContainer}"; required="required" />
<option value="Http">${OptionProtocolHttp}</option> </div>
<option value="Hls">${OptionProtocolHls}</option> <div id="fldTranscodingVideoCodec" style="margin: 1em 0;">
</select>
</div>
</div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="text" id="txtTranscodingContainer" label="${LabelTranscodingContainer}"; required="required" /> <input is="emby-input" type="text" id="txtTranscodingVideoCodec" label="${LabelTranscodingVideoCodec}" />
</div>
<div id="fldTranscodingVideoCodec" style="margin: 1em 0;">
<div class="inputContainer">
<input is="emby-input" type="text" id="txtTranscodingVideoCodec" label="${LabelTranscodingVideoCodec}" />
</div>
</div>
<div id="fldTranscodingAudioCodec" style="margin: 1em 0;">
<div class="inputContainer">
<input is="emby-input" type="text" id="txtTranscodingAudioCodec" label="${LabelTranscodingAudioCodec}" />
</div>
</div> </div>
</div> </div>
<div class="tabContent tabTranscodingAdvanced" style="display: none;"> <div id="fldTranscodingAudioCodec" style="margin: 1em 0;">
<div id="fldEnableMpegtsM2TsMode" style="margin: 1em 0;"> <div class="inputContainer">
<div class="checkboxContainer checkboxContainer-withDescription"> <input is="emby-input" type="text" id="txtTranscodingAudioCodec" label="${LabelTranscodingAudioCodec}" />
<label>
<input is="emby-checkbox" type="checkbox" id="chkEnableMpegtsM2TsMode" />
<span>${OptionEnableM2tsMode}</span>
</label>
<div class="fieldDescription checkboxFieldDescription">${OptionEnableM2tsModeHelp}</div>
</div>
</div>
<div id="fldEstimateContentLength" style="margin: 1em 0;">
<div class="checkboxContainer checkboxContainer-withDescription">
<label>
<input is="emby-checkbox" type="checkbox" id="chkEstimateContentLength" />
<span>${OptionEstimateContentLength}</span>
</label>
</div>
</div>
<div id="fldReportByteRangeRequests" style="margin: 1em 0;">
<div class="checkboxContainer checkboxContainer-withDescription">
<label>
<input is="emby-checkbox" type="checkbox" id="chkReportByteRangeRequests" />
<span>${OptionReportByteRangeSeekingWhenTranscoding}</span>
</label>
<div class="fieldDescription checkboxFieldDescription">${OptionReportByteRangeSeekingWhenTranscodingHelp}</div>
</div>
</div> </div>
</div> </div>
<p> </div>
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true"> <div class="tabContent tabTranscodingAdvanced" style="display: none;">
<span>${ButtonOk}</span> <div id="fldEnableMpegtsM2TsMode" style="margin: 1em 0;">
</button> <div class="checkboxContainer checkboxContainer-withDescription">
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true"> <label>
<span>${ButtonCancel}</span> <input is="emby-checkbox" type="checkbox" id="chkEnableMpegtsM2TsMode" />
</button> <span>${OptionEnableM2tsMode}</span>
</p> </label>
</form> <div class="fieldDescription checkboxFieldDescription">${OptionEnableM2tsModeHelp}</div>
</div>
</div>
<div id="fldEstimateContentLength" style="margin: 1em 0;">
<div class="checkboxContainer checkboxContainer-withDescription">
<label>
<input is="emby-checkbox" type="checkbox" id="chkEstimateContentLength" />
<span>${OptionEstimateContentLength}</span>
</label>
</div>
</div>
<div id="fldReportByteRangeRequests" style="margin: 1em 0;">
<div class="checkboxContainer checkboxContainer-withDescription">
<label>
<input is="emby-checkbox" type="checkbox" id="chkReportByteRangeRequests" />
<span>${OptionReportByteRangeSeekingWhenTranscoding}</span>
</label>
<div class="fieldDescription checkboxFieldDescription">${OptionReportByteRangeSeekingWhenTranscodingHelp}</div>
</div>
</div>
</div>
<p>
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
<span>${ButtonOk}</span>
</button>
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<span>${ButtonCancel}</span>
</button>
</p>
</div> </div>
</div> </form>
</div> </div>
<div data-role="popup" id="containerProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;"> <div data-role="popup" id="containerProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
<div class="ui-bar-a"> <form class="containerProfileForm" style="padding:1em;">
<div class="sectionTitleContainer flex align-items-center"> <div class="ui-bar-a">
<h3 class="sectionTitle">${HeaderContainerProfile}</h3> <h3 class="sectionTitle">${HeaderContainerProfile}</h3>
</div> </div>
<div data-role="content"> <div data-role="content">
<form class="containerProfileForm" style="min-width: 250px;"> <p>${HeaderContainerProfileHelp}</p>
<p>${HeaderContainerProfileHelp}</p> <div class="tabContent tabContainerBasics">
<div class="tabContent tabContainerBasics">
<div class="selectContainer">
<select id="selectContainerProfileType" name="selectContainerProfileType" is="emby-select" label="${LabelType}">
<option value="Audio">${OptionProfileAudio}</option>
<option value="Photo">${OptionProfilePhoto}</option>
<option value="Video">${OptionProfileVideo}</option>
</select>
</div>
<div class="inputContainer">
<input is="emby-input" type="text" id="txtContainerProfileContainer" label="${LabelProfileContainer}" />
<div class="fieldDescription">${LabelProfileContainersHelp}</div>
</div>
</div>
<div class="tabContent tabContainerConditions" style="display: none;"></div>
<p>
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
<span>${ButtonOk}</span>
</button>
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<span>${ButtonCancel}</span>
</button>
</p>
</form>
</div>
</div>
</div>
<div data-role="popup" id="codecProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
<div class="ui-bar-a">
<div class="sectionTitleContainer flex align-items-center">
<h3 class="sectionTitle">${HeaderCodecProfile}</h3>
</div>
<div data-role="content">
<form class="codecProfileForm" style="min-width: 250px;">
<p>${HeaderCodecProfileHelp}</p>
<div class="selectContainer"> <div class="selectContainer">
<select id="selectCodecProfileType" name="selectCodecProfileType" is="emby-select" label="${LabelType}"> <select id="selectContainerProfileType" name="selectContainerProfileType" is="emby-select" label="${LabelType}">
<option value="Video">${OptionProfileVideo}</option>
<option value="VideoAudio">${OptionProfileVideoAudio}</option>
<option value="Audio">${OptionProfileAudio}</option>
</select>
</div>
<div class="inputContainer">
<input is="emby-input" type="text" id="txtCodecProfileCodec" label="${LabelProfileCodecs}" />
<div class="fieldDescription">${LabelProfileCodecsHelp}</div>
</div>
<p>
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
<span>${ButtonOk}</span>
</button>
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<span>${ButtonCancel}</span>
</button>
</p>
</form>
</div>
</div>
</div>
<div data-role="popup" id="responseProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
<div class="ui-bar-a">
<div class="sectionTitleContainer flex align-items-center">
<h3 class="sectionTitle">${HeaderResponseProfile}</h3>
</div>
<div data-role="content">
<form class="editResponseProfileForm">
<div class="selectContainer">
<select id="selectResponseProfileType" name="selectResponseProfileType" is="emby-select" label="${LabelType}">
<option value="Audio">${OptionProfileAudio}</option> <option value="Audio">${OptionProfileAudio}</option>
<option value="Photo">${OptionProfilePhoto}</option> <option value="Photo">${OptionProfilePhoto}</option>
<option value="Video">${OptionProfileVideo}</option> <option value="Video">${OptionProfileVideo}</option>
</select> </select>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<input is="emby-input" type="text" id="txtResponseProfileContainer" label="${LabelProfileContainer}" /> <input is="emby-input" type="text" id="txtContainerProfileContainer" label="${LabelProfileContainer}" />
<div class="fieldDescription">${LabelProfileContainersHelp}</div> <div class="fieldDescription">${LabelProfileContainersHelp}</div>
</div> </div>
<div id="fldResponseProfileVideoCodec" style="margin: 1em 0;"> </div>
<div class="inputContainer"> <div class="tabContent tabContainerConditions" style="display: none;"></div>
<input is="emby-input" type="text" id="txtResponseProfileVideoCodec" label="${LabelProfileVideoCodecs}" /> <p>
<div class="fieldDescription">${LabelProfileCodecsHelp}</div> <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
</div> <span>${ButtonOk}</span>
</div> </button>
<div id="fldResponseProfileAudioCodec" style="margin: 1em 0 2em;"> <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<div class="inputContainer"> <span>${ButtonCancel}</span>
<input is="emby-input" type="text" id="txtResponseProfileAudioCodec" label="${LabelProfileAudioCodecs}" /> </button>
<div class="fieldDescription">${LabelProfileCodecsHelp}</div> </p>
</div>
</div>
<p>
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
<span>${ButtonOk}</span>
</button>
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<span>${ButtonCancel}</span>
</button>
</p>
</form>
</div> </div>
</div> </form>
</div>
<div data-role="popup" id="codecProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
<form class="codecProfileForm" style="padding:1em;">
<div class="ui-bar-a">
<h3 class="sectionTitle">${HeaderCodecProfile}</h3>
</div>
<div data-role="content">
<p>${HeaderCodecProfileHelp}</p>
<div class="selectContainer">
<select id="selectCodecProfileType" name="selectCodecProfileType" is="emby-select" label="${LabelType}">
<option value="Video">${OptionProfileVideo}</option>
<option value="VideoAudio">${OptionProfileVideoAudio}</option>
<option value="Audio">${OptionProfileAudio}</option>
</select>
</div>
<div class="inputContainer">
<input is="emby-input" type="text" id="txtCodecProfileCodec" label="${LabelProfileCodecs}" />
<div class="fieldDescription">${LabelProfileCodecsHelp}</div>
</div>
<p>
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
<span>${ButtonOk}</span>
</button>
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<span>${ButtonCancel}</span>
</button>
</p>
</div>
</form>
</div>
<div data-role="popup" id="responseProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
<form class="editResponseProfileForm" style="padding:1em;">
<div class="ui-bar-a">
<h3 class="sectionTitle">${HeaderResponseProfile}</h3>
</div>
<div data-role="content">
<div class="selectContainer">
<select id="selectResponseProfileType" name="selectResponseProfileType" is="emby-select" label="${LabelType}">
<option value="Audio">${OptionProfileAudio}</option>
<option value="Photo">${OptionProfilePhoto}</option>
<option value="Video">${OptionProfileVideo}</option>
</select>
</div>
<div class="inputContainer">
<input is="emby-input" type="text" id="txtResponseProfileContainer" label="${LabelProfileContainer}" />
<div class="fieldDescription">${LabelProfileContainersHelp}</div>
</div>
<div id="fldResponseProfileVideoCodec" style="margin: 1em 0;">
<div class="inputContainer">
<input is="emby-input" type="text" id="txtResponseProfileVideoCodec" label="${LabelProfileVideoCodecs}" />
<div class="fieldDescription">${LabelProfileCodecsHelp}</div>
</div>
</div>
<div id="fldResponseProfileAudioCodec" style="margin: 1em 0 2em;">
<div class="inputContainer">
<input is="emby-input" type="text" id="txtResponseProfileAudioCodec" label="${LabelProfileAudioCodecs}" />
<div class="fieldDescription">${LabelProfileCodecsHelp}</div>
</div>
</div>
<p>
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
<span>${ButtonOk}</span>
</button>
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<span>${ButtonCancel}</span>
</button>
</p>
</div>
</form>
</div> </div>
<div data-role="popup" id="identificationHeaderPopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;"> <div data-role="popup" id="identificationHeaderPopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
<div class="ui-bar-a"> <form class="identificationHeaderForm" style="padding:1em;">
<div class="sectionTitleContainer flex align-items-center"> <div class="ui-bar-a">
<h3 class="sectionTitle">${HeaderIdentificationHeader}</h3> <h3 class="sectionTitle">${HeaderIdentificationHeader}</h3>
</div> </div>
<div data-role="content"> <div data-role="content">
<form class="identificationHeaderForm"> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" type="text" id="txtIdentificationHeaderName" label="${LabelName}" />
<input is="emby-input" type="text" id="txtIdentificationHeaderName" label="${LabelName}" /> </div>
</div> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" type="text" id="txtIdentificationHeaderValue" label="${LabelValue}" />
<input is="emby-input" type="text" id="txtIdentificationHeaderValue" label="${LabelValue}" /> </div>
</div> <div class="selectContainer">
<div class="selectContainer"> <select id="selectMatchType" name="selectMatchType" is="emby-select" label="${LabelMatchType}">
<select id="selectMatchType" name="selectMatchType" is="emby-select" label="${LabelMatchType}"> <option value="Equals">${OptionEquals}</option>
<option value="Equals">${OptionEquals}</option> <option value="Regex">${OptionRegex}</option>
<option value="Regex">${OptionRegex}</option> <option value="Substring">${OptionSubstring}</option>
<option value="Substring">${OptionSubstring}</option> </select>
</select> </div>
</div> <p>
<p> <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true"> <span>${ButtonOk}</span>
<span>${ButtonOk}</span> </button>
</button> <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true"> <span>${ButtonCancel}</span>
<span>${ButtonCancel}</span> </button>
</button> </p>
</p>
</form>
</div> </div>
</div> </form>
</div> </div>
<div data-role="popup" id="xmlAttributePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;"> <div data-role="popup" id="xmlAttributePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
<div class="ui-bar-a"> <form class="xmlAttributeForm" style="padding:1em;">
<div class="sectionTitleContainer flex align-items-center"> <div class="ui-bar-a">
<h3 class="sectionTitle">${HeaderXmlDocumentAttribute}</h3> <h3 class="sectionTitle">${HeaderXmlDocumentAttribute}</h3>
</div> </div>
<div data-role="content"> <div data-role="content">
<form class="xmlAttributeForm"> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" type="text" id="txtXmlAttributeName" label="${LabelName}" />
<input is="emby-input" type="text" id="txtXmlAttributeName" label="${LabelName}" /> </div>
</div> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" type="text" id="txtXmlAttributeValue" label="${LabelValue}" />
<input is="emby-input" type="text" id="txtXmlAttributeValue" label="${LabelValue}" /> </div>
</div> <p>
<p> <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true"> <span>${ButtonOk}</span>
<span>${ButtonOk}</span> </button>
</button> <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true"> <span>${ButtonCancel}</span>
<span>${ButtonCancel}</span> </button>
</button> </p>
</p>
</form>
</div> </div>
</div> </form>
</div> </div>
<div data-role="popup" id="subtitleProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;"> <div data-role="popup" id="subtitleProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
<div class="ui-bar-a"> <form class="subtitleProfileForm" style="padding:1em;">
<div class="sectionTitleContainer flex align-items-center"> <div class="ui-bar-a">
<h3 class="sectionTitle">${HeaderSubtitleProfile}</h3> <h3 class="sectionTitle">${HeaderSubtitleProfile}</h3>
</div> </div>
<div data-role="content"> <div data-role="content">
<form class="subtitleProfileForm"> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" type="text" id="txtSubtitleProfileFormat" label="${LabelFormat}" />
<input is="emby-input" type="text" id="txtSubtitleProfileFormat" label="${LabelFormat}" /> <div class="fieldDescription">${LabelSubtitleFormatHelp}</div>
<div class="fieldDescription">${LabelSubtitleFormatHelp}</div> </div>
</div> <div class="selectContainer">
<div class="selectContainer"> <select id="selectSubtitleProfileMethod" name="selectSubtitleProfileMethod" is="emby-select" label="${LabelMethod}">
<select id="selectSubtitleProfileMethod" name="selectSubtitleProfileMethod" is="emby-select" label="${LabelMethod}"> <option value="Embed">${OptionEmbedSubtitles}</option>
<option value="Embed">${OptionEmbedSubtitles}</option> <option value="External">${OptionExternallyDownloaded}</option>
<option value="External">${OptionExternallyDownloaded}</option> <option value="Hls">${OptionHlsSegmentedSubtitles}</option>
<option value="Hls">${OptionHlsSegmentedSubtitles}</option> </select>
</select> </div>
</div> <div class="selectContainer">
<div class="selectContainer"> <select id="selectSubtitleProfileDidlMode" name="selectSubtitleProfileDidlMode" is="emby-select" label="${LabelDidlMode}">
<select id="selectSubtitleProfileDidlMode" name="selectSubtitleProfileDidlMode" is="emby-select" label="${LabelDidlMode}"> <option value="">${OptionResElement}</option>
<option value="">${OptionResElement}</option> <option value="CaptionInfoEx">${OptionCaptionInfoExSamsung}</option>
<option value="CaptionInfoEx">${OptionCaptionInfoExSamsung}</option> </select>
</select> </div>
</div> <p>
<p> <button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true">
<button is="emby-button" type="submit" class="raised button-submit block" data-icon="check" data-mini="true"> <span>${ButtonOk}</span>
<span>${ButtonOk}</span> </button>
</button> <button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true">
<button is="emby-button" type="button" class="raised button-cancel block" data-icon="delete" onclick="$(this).parents('.dialog').addClass('hide');" data-mini="true"> <span>${ButtonCancel}</span>
<span>${ButtonCancel}</span> </button>
</button> </p>
</p>
</form>
</div> </div>
</div> </form>
</div> </div>
</div> </div>