fix external id fields

This commit is contained in:
Luke Pulverenti 2016-06-11 12:34:00 -04:00
parent 1204c0b459
commit efecb676cb
5 changed files with 134 additions and 154 deletions

View File

@ -510,14 +510,18 @@
var labelText = Globalize.translate('LabelDynamicExternalId').replace('{0}', idInfo.Name); var labelText = Globalize.translate('LabelDynamicExternalId').replace('{0}', idInfo.Name);
html += '<div class="inputContainer">'; html += '<div class="inputContainer">';
html += '<div style="display: flex; align-items: center;">';
var value = providerIds[idInfo.Key] || ''; var value = providerIds[idInfo.Key] || '';
html += '<div style="flex-grow:1;">';
html += '<input is="emby-input" class="txtExternalId" value="' + value + '" data-providerkey="' + idInfo.Key + '" data-formatstring="' + formatString + '" data-buttonclass="' + buttonId + '" id="' + id + '" label="' + labelText + '"/>'; html += '<input is="emby-input" class="txtExternalId" value="' + value + '" data-providerkey="' + idInfo.Key + '" data-formatstring="' + formatString + '" data-buttonclass="' + buttonId + '" id="' + id + '" label="' + labelText + '"/>';
html += '</div>';
if (formatString) { if (formatString) {
html += '<a class="clearLink ' + buttonId + '" href="#" target="_blank" data-role="none" style="float: none; width: 1.75em"><button type="button" is="paper-icon-button-light"><iron-icon icon="open-in-browser"></iron-icon></button></a>'; html += '<a class="clearLink ' + buttonId + '" href="#" target="_blank" data-role="none" style="float: none; width: 1.75em"><button type="button" is="paper-icon-button-light"><iron-icon icon="open-in-browser"></iron-icon></button></a>';
} }
html += '</div>';
html += '</div>'; html += '</div>';
} }

View File

@ -172,16 +172,14 @@
<h1> <h1>
${HeaderAlternateEpisodeNumbers} ${HeaderAlternateEpisodeNumbers}
</h1> </h1>
<div class="detailSectionContent"> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" id="txtDvdSeasonNumber" type="number" pattern="[0-9]*" label="${LabelDvdSeasonNumber}" />
<input is="emby-input" id="txtDvdSeasonNumber" type="number" pattern="[0-9]*" label="${LabelDvdSeasonNumber}" /> </div>
</div> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" id="txtDvdEpisodeNumber" type="number" pattern="[0-9]*" label="${LabelDvdEpisodeNumber}" />
<input is="emby-input" id="txtDvdEpisodeNumber" type="number" pattern="[0-9]*" label="${LabelDvdEpisodeNumber}" /> </div>
</div> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" id="txtAbsoluteEpisodeNumber" type="number" pattern="[0-9]*" label="${LabelAbsoluteEpisodeNumber}" />
<input is="emby-input" id="txtAbsoluteEpisodeNumber" type="number" pattern="[0-9]*" label="${LabelAbsoluteEpisodeNumber}" />
</div>
</div> </div>
</div> </div>
@ -189,16 +187,14 @@
<h1> <h1>
${HeaderSpecialEpisodeInfo} ${HeaderSpecialEpisodeInfo}
</h1> </h1>
<div class="detailSectionContent"> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" id="txtAirsBeforeSeason" type="number" pattern="[0-9]*" label="${LabelAirsBeforeSeason}" />
<input is="emby-input" id="txtAirsBeforeSeason" type="number" pattern="[0-9]*" label="${LabelAirsBeforeSeason}" /> </div>
</div> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" id="txtAirsAfterSeason" type="number" pattern="[0-9]*" label="${LabelAirsAfterSeason}" />
<input is="emby-input" id="txtAirsAfterSeason" type="number" pattern="[0-9]*" label="${LabelAirsAfterSeason}" /> </div>
</div> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" id="txtAirsBeforeEpisode" type="number" pattern="[0-9]*" label="${LabelAirsBeforeEpisode}" />
<input is="emby-input" id="txtAirsBeforeEpisode" type="number" pattern="[0-9]*" label="${LabelAirsBeforeEpisode}" />
</div>
</div> </div>
</div> </div>
@ -206,9 +202,7 @@
<h1> <h1>
${HeaderExternalIds} ${HeaderExternalIds}
</h1> </h1>
<div class="detailSectionContent"> <div class="externalIds editorFieldset">
<div class="externalIds editorFieldset">
</div>
</div> </div>
</div> </div>
@ -216,13 +210,11 @@
<h1> <h1>
${HeaderDisplaySettings} ${HeaderDisplaySettings}
</h1> </h1>
<div class="detailSectionContent"> <div id="fldSourceType" style="display: none;" class="fldDisplaySetting inputContainer">
<div id="fldSourceType" style="display: none;" class="fldDisplaySetting inputContainer"> <input is="emby-input" id="txtDisplayMediaType" type="text" label="${LabelTreatImageAs}" />
<input is="emby-input" id="txtDisplayMediaType" type="text" label="${LabelTreatImageAs}" /> </div>
</div> <div id="fldDisplayOrder" class="fldDisplaySetting selectContainer">
<div id="fldDisplayOrder" class="fldDisplaySetting selectContainer"> <select is="emby-select" id="selectDisplayOrder" label="${LabelDisplayOrder}"></select>
<select is="emby-select" id="selectDisplayOrder" label="${LabelDisplayOrder}"></select>
</div>
</div> </div>
</div> </div>

View File

@ -1246,10 +1246,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
max-width: 700px; max-width: 700px;
} }
.userProfileSettingsForm .detailSectionContent {
padding: 0 .5em;
}
@media all and (max-width: 700px) { @media all and (max-width: 700px) {
.userProfileSettingsForm .detailSection { .userProfileSettingsForm .detailSection {

View File

@ -8,66 +8,64 @@
${HeaderHomePage} ${HeaderHomePage}
</h1> </h1>
<div class="detailSectionContent"> <br />
<br /> <div>
<div> <label for="selectHomeSection1" class="selectLabel">${LabelHomePageSection1}</label>
<label for="selectHomeSection1" class="selectLabel">${LabelHomePageSection1}</label> <select id="selectHomeSection1" data-mini="true">
<select id="selectHomeSection1" data-mini="true"> <option value="">${OptionAuto}</option>
<option value="">${OptionAuto}</option> <option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestmedia">${OptionLatestMedia}</option> <option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option> <option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option> <option value="librarytiles">${OptionMyMedia}</option>
<option value="librarytiles">${OptionMyMedia}</option> <option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option> <option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option> <option value="resume">${OptionResumablemedia}</option>
<option value="resume">${OptionResumablemedia}</option> </select>
</select> </div>
</div> <br />
<br /> <div>
<div> <label for="selectHomeSection2" class="selectLabel">${LabelHomePageSection2}</label>
<label for="selectHomeSection2" class="selectLabel">${LabelHomePageSection2}</label> <select id="selectHomeSection2" data-mini="true">
<select id="selectHomeSection2" data-mini="true"> <option value="">${OptionAuto}</option>
<option value="">${OptionAuto}</option> <option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestmedia">${OptionLatestMedia}</option> <option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option> <option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option> <option value="librarytiles">${OptionMyMedia}</option>
<option value="librarytiles">${OptionMyMedia}</option> <option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option> <option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option> <option value="resume">${OptionResumablemedia}</option>
<option value="resume">${OptionResumablemedia}</option> <option value="none">${OptionNone}</option>
<option value="none">${OptionNone}</option> </select>
</select> </div>
</div> <br />
<br /> <div>
<div> <label for="selectHomeSection3" class="selectLabel">${LabelHomePageSection3}</label>
<label for="selectHomeSection3" class="selectLabel">${LabelHomePageSection3}</label> <select id="selectHomeSection3" data-mini="true">
<select id="selectHomeSection3" data-mini="true"> <option value="">${OptionAuto}</option>
<option value="">${OptionAuto}</option> <option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestmedia">${OptionLatestMedia}</option> <option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option> <option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option> <option value="librarytiles">${OptionMyMedia}</option>
<option value="librarytiles">${OptionMyMedia}</option> <option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option> <option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option> <option value="resume">${OptionResumablemedia}</option>
<option value="resume">${OptionResumablemedia}</option> <option value="none">${OptionNone}</option>
<option value="none">${OptionNone}</option> </select>
</select> </div>
</div> <br />
<br /> <div>
<div> <label for="selectHomeSection4" class="selectLabel">${LabelHomePageSection4}</label>
<label for="selectHomeSection4" class="selectLabel">${LabelHomePageSection4}</label> <select id="selectHomeSection4" data-mini="true">
<select id="selectHomeSection4" data-mini="true"> <option value="">${OptionAuto}</option>
<option value="">${OptionAuto}</option> <option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestmedia">${OptionLatestMedia}</option> <option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option> <option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option> <option value="librarytiles">${OptionMyMedia}</option>
<option value="librarytiles">${OptionMyMedia}</option> <option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option> <option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option> <option value="resume">${OptionResumablemedia}</option>
<option value="resume">${OptionResumablemedia}</option> <option value="none">${OptionNone}</option>
<option value="none">${OptionNone}</option> </select>
</select>
</div>
</div> </div>
</div> </div>
@ -75,23 +73,21 @@
<h1> <h1>
${HeaderMyViews} ${HeaderMyViews}
</h1> </h1>
<div class="detailSectionContent"> <div>
<div> <p>${LabelSelectFolderGroups}</p>
<p>${LabelSelectFolderGroups}</p> <div class="folderGroupList"></div>
<div class="folderGroupList"></div> <div class="fieldDescription paperCheckboxFieldDescription">${LabelSelectFolderGroupsHelp}</div>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSelectFolderGroupsHelp}</div> </div>
</div> <br />
<br /> <div>
<div> <paper-checkbox class="chkDisplayChannelsInline">${OptionDisplayChannelsInline}</paper-checkbox>
<paper-checkbox class="chkDisplayChannelsInline">${OptionDisplayChannelsInline}</paper-checkbox> <div class="fieldDescription paperCheckboxFieldDescription">${OptionDisplayChannelsInlineHelp}</div>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDisplayChannelsInlineHelp}</div> </div>
</div> <br />
<br />
<div> <div>
<paper-checkbox class="chkDisplayCollectionView">${LabelDisplayCollectionsView}</paper-checkbox> <paper-checkbox class="chkDisplayCollectionView">${LabelDisplayCollectionsView}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelDisplayCollectionsViewHelp}</div> <div class="fieldDescription paperCheckboxFieldDescription">${LabelDisplayCollectionsViewHelp}</div>
</div>
</div> </div>
</div> </div>
@ -99,11 +95,9 @@
<h1> <h1>
${HeaderViewOrder} ${HeaderViewOrder}
</h1> </h1>
<div class="detailSectionContent"> <p>${LabelSelectUserViewOrder}</p>
<p>${LabelSelectUserViewOrder}</p> <div class="paperList viewOrderList">
<div class="paperList viewOrderList">
</div>
</div> </div>
</div> </div>
@ -112,16 +106,14 @@
<h1> <h1>
${HeaderLatestItems} ${HeaderLatestItems}
</h1> </h1>
<div class="detailSectionContent"> <p>${LabelSelectLastestItemsFolders}</p>
<p>${LabelSelectLastestItemsFolders}</p> <div class="latestItemsList">
<div class="latestItemsList">
</div>
<br />
<paper-checkbox class="chkHidePlayedFromLatest">${OptionHideWatchedContentFromLatestMedia}</paper-checkbox>
</div> </div>
<br />
<paper-checkbox class="chkHidePlayedFromLatest">${OptionHideWatchedContentFromLatestMedia}</paper-checkbox>
</div> </div>
<button is="emby-button" type="submit" class="raised submit block btnSave hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised submit block btnSave hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
</form> </form>

View File

@ -19,22 +19,20 @@
<form class="adminUpdatePasswordForm passwordSection" style="display:none;margin: 0 auto 2em;"> <form class="adminUpdatePasswordForm passwordSection" style="display:none;margin: 0 auto 2em;">
<div class="detailSection"> <div class="detailSection">
<div class="detailSectionContent"> <div id="fldCurrentPassword" style="display: none;" class="inputContainer">
<div id="fldCurrentPassword" style="display: none;" class="inputContainer"> <input is="emby-input" type="password" id="txtCurrentPassword" label="${LabelCurrentPassword}" autocomplete="off" />
<input is="emby-input" type="password" id="txtCurrentPassword" label="${LabelCurrentPassword}" autocomplete="off" /> </div>
</div> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" type="password" id="txtNewPassword" label="${LabelNewPassword}" autocomplete="off" />
<input is="emby-input" type="password" id="txtNewPassword" label="${LabelNewPassword}" autocomplete="off" /> </div>
</div> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" type="password" id="txtNewPasswordConfirm" label="${LabelNewPasswordConfirm}" autocomplete="off" />
<input is="emby-input" type="password" id="txtNewPasswordConfirm" label="${LabelNewPasswordConfirm}" autocomplete="off" /> </div>
</div> <br />
<br /> <div>
<div> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button> <div id="btnResetPassword" style="display: none;">
<div id="btnResetPassword" style="display: none;"> <button is="emby-button" type="button" class="raised cancel block" onclick="UpdatePasswordPage.resetPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetPassword}</span></button>
<button is="emby-button" type="button" class="raised cancel block" onclick="UpdatePasswordPage.resetPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetPassword}</span></button>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -45,23 +43,21 @@
<div class="detailSectionHeader"> <div class="detailSectionHeader">
${HeaderEasyPinCode} ${HeaderEasyPinCode}
</div> </div>
<div class="detailSectionContent"> <br />
<br /> <div>${EasyPasswordHelp}</div>
<div>${EasyPasswordHelp}</div> <br />
<br /> <div class="inputContainer">
<div class="inputContainer"> <input is="emby-input" type="number" id="txtEasyPassword" label="${LabelEasyPinCode}" autocomplete="off" pattern="[0-9]*" step="1" maxlength="5" />
<input is="emby-input" type="number" id="txtEasyPassword" label="${LabelEasyPinCode}" autocomplete="off" pattern="[0-9]*" step="1" maxlength="5" /> </div>
</div> <br />
<br /> <div>
<div> <paper-checkbox class="chkEnableLocalEasyPassword">${LabelInNetworkSignInWithEasyPassword}</paper-checkbox>
<paper-checkbox class="chkEnableLocalEasyPassword">${LabelInNetworkSignInWithEasyPassword}</paper-checkbox> <div class="fieldDescription paperCheckboxFieldDescription">${LabelInNetworkSignInWithEasyPasswordHelp}</div>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelInNetworkSignInWithEasyPasswordHelp}</div> </div>
</div> <br /><br />
<br /><br /> <div>
<div> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button> <button is="emby-button" type="button" id="btnResetEasyPassword" class="raised cancel block hide" onclick="UpdatePasswordPage.resetEasyPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetEasyPassword}</span></button>
<button is="emby-button" type="button" id="btnResetEasyPassword" class="raised cancel block hide" onclick="UpdatePasswordPage.resetEasyPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetEasyPassword}</span></button>
</div>
</div> </div>
</div> </div>
</form> </form>