mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
rename more components and update references
This commit is contained in:
dkanada
parent
35094da328
commit
1aaaffde4c
24 changed files with 23 additions and 23 deletions
1145
src/components/metadataEditor/metadataEditor.js
Normal file
1145
src/components/metadataEditor/metadataEditor.js
Normal file
File diff suppressed because it is too large
Load diff
251
src/components/metadataEditor/metadataEditor.template.html
Normal file
251
src/components/metadataEditor/metadataEditor.template.html
Normal file
|
|
@ -0,0 +1,251 @@
|
|||
<div class="formDialogHeader">
|
||||
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><span class="material-icons arrow_back"></span></button>
|
||||
<h3 class="formDialogHeaderTitle">
|
||||
${Edit}
|
||||
</h3>
|
||||
<div style="margin-left: auto;" class="flex align-items-center justify-content-center">
|
||||
<button is="emby-button" type="button" class="btnHeaderSave button-accent-flat button-flat hide" tabindex="-1">
|
||||
<span class="material-icons check"></span>
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
<button is="paper-icon-button-light" class="btnMore autoSize" tabindex="-1">
|
||||
<span class="material-icons more_vert"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="formDialogContent smoothScrollY" style="padding-top:2em;">
|
||||
|
||||
<form class="editItemMetadataForm editMetadataForm dialogContentInner dialog-content-centered">
|
||||
<div class="metadataFormFields">
|
||||
|
||||
<div style="padding: 0 0 10px;">
|
||||
<div id="fldContentType" class="selectContainer hide">
|
||||
<select is="emby-select" id="selectContentType" label="${LabelContentType}"></select>
|
||||
</div>
|
||||
<div id="fldPath" class="inputContainer">
|
||||
<div class="align-items-center flex">
|
||||
<div class="flex-grow">
|
||||
<input is="emby-input" id="txtPath" type="text" label="${LabelPath}" class="flex-grow" readonly />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inputContainer">
|
||||
<input is="emby-input" id="txtName" type="text" label="${LabelTitle}" required="required" />
|
||||
</div>
|
||||
<div id="fldOriginalName" class="inputContainer">
|
||||
<input is="emby-input" id="txtOriginalName" type="text" label="${LabelOriginalTitle}" />
|
||||
</div>
|
||||
<div class="inputContainer">
|
||||
<input is="emby-input" id="txtSortName" type="text" label="${LabelSortTitle}" />
|
||||
</div>
|
||||
<div id="fldDateAdded" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtDateAdded" type="date" label="${LabelDateAdded}" />
|
||||
<div class="fieldDescription">${ConfigureDateAdded}</div>
|
||||
</div>
|
||||
<div id="fldStatus" class="hide selectContainer">
|
||||
<select is="emby-select" id="selectStatus" label="${LabelStatus}"></select>
|
||||
</div>
|
||||
<div id="fldArtist" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtArtist" type="text" label="${LabelArtists}" />
|
||||
<div class="fieldDescription">${LabelArtistsHelp}</div>
|
||||
</div>
|
||||
<div id="fldAlbumArtist" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtAlbumArtist" type="text" label="${LabelAlbumArtists}" />
|
||||
<div class="fieldDescription">${LabelArtistsHelp}</div>
|
||||
</div>
|
||||
<div id="fldAlbum" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtAlbum" type="text" label="${LabelAlbum}" />
|
||||
</div>
|
||||
<div id="fldParentIndexNumber" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtParentIndexNumber" type="number" />
|
||||
</div>
|
||||
<div id="fldIndexNumber" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtIndexNumber" type="number" pattern="[0-9]*" />
|
||||
</div>
|
||||
<div id="fldCommunityRating" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtCommunityRating" type="number" step=".1" min="0" max="10" label="${LabelCommunityRating}" />
|
||||
</div>
|
||||
<div id="fldCriticRating" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtCriticRating" type="number" step=".1" label="${LabelCriticRating}" />
|
||||
</div>
|
||||
<div id="fldTagline" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtTagline" type="text" label="${LabelTagline}" />
|
||||
</div>
|
||||
<div class="inputContainer overviewContainer hide">
|
||||
<textarea is="emby-textarea" id="txtOverview" label="${LabelOverview}"></textarea>
|
||||
</div>
|
||||
<div id="fldPremiereDate" class="inputContainer">
|
||||
<input is="emby-input" id="txtPremiereDate" label="${LabelReleaseDate}" type="date" />
|
||||
</div>
|
||||
<div id="fldYear" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtProductionYear" type="number" label="${LabelYear}" />
|
||||
</div>
|
||||
<div id="fldPlaceOfBirth" class="hide inputContainer">
|
||||
<input is="emby-input" id="txtPlaceOfBirth" type="text" label="${LabelPlaceOfBirth}" />
|
||||
</div>
|
||||
<div id="fldEndDate" class="inputContainer">
|
||||
<input is="emby-input" id="txtEndDate" label="${LabelEndDate}" type="date" />
|
||||
</div>
|
||||
<div id="fldAirDays" class="hide">
|
||||
<p>${LabelAirDays}</p>
|
||||
|
||||
<div class="checkboxList">
|
||||
<label>
|
||||
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Sunday" />
|
||||
<span>${Sunday}</span>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Monday" />
|
||||
<span>${Monday}</span>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Tuesday" />
|
||||
<span>${Tuesday}</span>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Wednesday" />
|
||||
<span>${Wednesday}</span>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Thursday" />
|
||||
<span>${Thursday}</span>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Friday" />
|
||||
<span>${Friday}</span>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Saturday" />
|
||||
<span>${Saturday}</span>
|
||||
</label>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
</div>
|
||||
<div id="fldAirTime" class="inputContainer hide">
|
||||
<input is="emby-input" id="txtAirTime" type="text" label="${LabelAirTime}" />
|
||||
</div>
|
||||
<div id="fldSeriesRuntime" class="inputContainer hide">
|
||||
<input is="emby-input" id="txtSeriesRuntime" type="number" label="${LabelRuntimeMinutes}" />
|
||||
</div>
|
||||
<div id="fldOfficialRating" class="selectContainer hide">
|
||||
<select is="emby-select" id="selectOfficialRating" label="${LabelParentalRating}"></select>
|
||||
</div>
|
||||
<div id="fldCustomRating" class="selectContainer hide">
|
||||
<select is="emby-select" id="selectCustomRating" label="${LabelCustomRating}"></select>
|
||||
</div>
|
||||
<div id="fldOriginalAspectRatio" class="inputContainer hide">
|
||||
<input is="emby-input" id="txtOriginalAspectRatio" type="text" label="${LabelOriginalAspectRatio}" />
|
||||
</div>
|
||||
<div id="fld3dFormat" class="selectContainer hide">
|
||||
<select is="emby-select" id="select3dFormat" label="${Label3DFormat}">
|
||||
<option value=""></option>
|
||||
<option value="HalfSideBySide">HSBS</option>
|
||||
<option value="HalfTopAndBottom">HTAB</option>
|
||||
<option value="FullSideBySide">FSBS</option>
|
||||
<option value="FullTopAndBottom">FTAB</option>
|
||||
<option value="MVC">MVC</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div id="fldDisplayOrder" class="fldDisplaySetting selectContainer hide">
|
||||
<select is="emby-select" id="selectDisplayOrder" label="${LabelDisplayOrder}"></select>
|
||||
<div class="fieldDescription seriesDisplayOrderDescription">${SeriesDisplayOrderHelp}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="detailSection hide" id="collapsibleSpecialEpisodeInfo">
|
||||
<h2>
|
||||
${HeaderSpecialEpisodeInfo}
|
||||
</h2>
|
||||
<div class="inputContainer">
|
||||
<input is="emby-input" id="txtAirsBeforeSeason" type="number" pattern="[0-9]*" label="${LabelAirsBeforeSeason}" />
|
||||
</div>
|
||||
<div class="inputContainer">
|
||||
<input is="emby-input" id="txtAirsAfterSeason" type="number" pattern="[0-9]*" label="${LabelAirsAfterSeason}" />
|
||||
</div>
|
||||
<div class="inputContainer">
|
||||
<input is="emby-input" id="txtAirsBeforeEpisode" type="number" pattern="[0-9]*" label="${LabelAirsBeforeEpisode}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="detailSection externalIdsSection hide">
|
||||
<h2>
|
||||
${HeaderExternalIds}
|
||||
</h2>
|
||||
<div class="externalIds editorFieldset">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="genresCollapsible" class="editableListviewContainer hide" style="margin-top: 3em;">
|
||||
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
|
||||
${Genres}
|
||||
</h2>
|
||||
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-left:1em;" title="${Add}">
|
||||
<span class="material-icons add"></span>
|
||||
</button>
|
||||
<div class="paperList" id="listGenres"></div>
|
||||
</div>
|
||||
<div id="peopleCollapsible" style="margin-top: 3em;" class="hide">
|
||||
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
|
||||
${People}
|
||||
</h2>
|
||||
<button is="emby-button" type="button" id="btnAddPerson" class="fab btnAddPerson" style="margin-left:1em;" title="${Add}">
|
||||
<span class="material-icons add"></span>
|
||||
</button>
|
||||
<div id="peopleList" class="paperList">
|
||||
</div>
|
||||
</div>
|
||||
<div id="studiosCollapsible" class="editableListviewContainer hide" style="margin-top: 3em;">
|
||||
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
|
||||
${Studios}
|
||||
</h2>
|
||||
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-left:1em;" title="${Add}">
|
||||
<span class="material-icons add"></span>
|
||||
</button>
|
||||
<div class="paperList" id="listStudios"></div>
|
||||
</div>
|
||||
<div id="tagsCollapsible" class="editableListviewContainer hide" style="margin-top: 3em;">
|
||||
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
|
||||
${Tags}
|
||||
</h2>
|
||||
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-left:1em;" title="${Add}">
|
||||
<span class="material-icons add"></span>
|
||||
</button>
|
||||
<div class="paperList" id="listTags"></div>
|
||||
</div>
|
||||
<div id="metadataSettingsCollapsible" style="margin-top: 3em;" class="hide">
|
||||
<h2>${HeaderMetadataSettings}</h2>
|
||||
<div>
|
||||
<div class="selectContainer">
|
||||
<select is="emby-select" id="selectLanguage" label="${LabelMetadataDownloadLanguage}"></select>
|
||||
<div class="fieldDescription editorfieldDescription">${MessageLeaveEmptyToInherit}</div>
|
||||
</div>
|
||||
<div class="selectContainer">
|
||||
<select is="emby-select" id="selectCountry" label="${LabelCountry}"></select>
|
||||
</div>
|
||||
<div class="fieldDescription editorfieldDescription">${MessageLeaveEmptyToInherit}</div>
|
||||
|
||||
<br /><br />
|
||||
<label class="checkboxContainer">
|
||||
<input type="checkbox" is="emby-checkbox" id="chkLockData" />
|
||||
<span>${LabelLockItemToPreventChanges}</span>
|
||||
</label>
|
||||
|
||||
<div class="providerSettingsContainer checkboxList hide">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="formDialogFooter">
|
||||
<button is="emby-button" type="submit" class="raised button-submit block btnSave formDialogFooterItem">
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
99
src/components/metadataEditor/personEditor.js
Normal file
99
src/components/metadataEditor/personEditor.js
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
define(['dialogHelper', 'layoutManager', 'globalize', 'require', 'paper-icon-button-light', 'emby-input', 'emby-select', 'css!./../formdialog'], function (dialogHelper, layoutManager, globalize, require) {
|
||||
'use strict';
|
||||
|
||||
function centerFocus(elem, horiz, on) {
|
||||
require(['scrollHelper'], function (scrollHelper) {
|
||||
var fn = on ? 'on' : 'off';
|
||||
scrollHelper.centerFocus[fn](elem, horiz);
|
||||
});
|
||||
}
|
||||
|
||||
function show(person) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
|
||||
require(['text!./personEditor.template.html'], function (template) {
|
||||
|
||||
var dialogOptions = {
|
||||
removeOnClose: true,
|
||||
scrollY: false
|
||||
};
|
||||
|
||||
if (layoutManager.tv) {
|
||||
dialogOptions.size = 'fullscreen';
|
||||
} else {
|
||||
dialogOptions.size = 'medium-tall';
|
||||
}
|
||||
|
||||
var dlg = dialogHelper.createDialog(dialogOptions);
|
||||
|
||||
dlg.classList.add('formDialog');
|
||||
|
||||
var html = '';
|
||||
var submitted = false;
|
||||
|
||||
html += globalize.translateDocument(template, 'core');
|
||||
|
||||
dlg.innerHTML = html;
|
||||
|
||||
dlg.querySelector('.txtPersonName', dlg).value = person.Name || '';
|
||||
dlg.querySelector('.selectPersonType', dlg).value = person.Type || '';
|
||||
dlg.querySelector('.txtPersonRole', dlg).value = person.Role || '';
|
||||
|
||||
if (layoutManager.tv) {
|
||||
centerFocus(dlg.querySelector('.formDialogContent'), false, true);
|
||||
}
|
||||
|
||||
dialogHelper.open(dlg);
|
||||
|
||||
dlg.addEventListener('close', function () {
|
||||
|
||||
if (layoutManager.tv) {
|
||||
centerFocus(dlg.querySelector('.formDialogContent'), false, false);
|
||||
}
|
||||
|
||||
if (submitted) {
|
||||
resolve(person);
|
||||
} else {
|
||||
reject();
|
||||
}
|
||||
});
|
||||
|
||||
dlg.querySelector('.selectPersonType').addEventListener('change', function (e) {
|
||||
|
||||
if (this.value === 'Actor') {
|
||||
dlg.querySelector('.fldRole').classList.remove('hide');
|
||||
} else {
|
||||
dlg.querySelector('.fldRole').classList.add('hide');
|
||||
}
|
||||
});
|
||||
|
||||
dlg.querySelector('.btnCancel').addEventListener('click', function (e) {
|
||||
|
||||
dialogHelper.close(dlg);
|
||||
});
|
||||
|
||||
dlg.querySelector('form').addEventListener('submit', function (e) {
|
||||
|
||||
submitted = true;
|
||||
|
||||
person.Name = dlg.querySelector('.txtPersonName', dlg).value;
|
||||
person.Type = dlg.querySelector('.selectPersonType', dlg).value;
|
||||
person.Role = dlg.querySelector('.txtPersonRole', dlg).value || null;
|
||||
|
||||
dialogHelper.close(dlg);
|
||||
|
||||
e.preventDefault();
|
||||
return false;
|
||||
});
|
||||
|
||||
dlg.querySelector('.selectPersonType').dispatchEvent(new CustomEvent('change', {
|
||||
bubbles: true
|
||||
}));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
show: show
|
||||
};
|
||||
});
|
||||
38
src/components/metadataEditor/personEditor.template.html
Normal file
38
src/components/metadataEditor/personEditor.template.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<div class="formDialogHeader">
|
||||
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><span class="material-icons arrow_back"></span></button>
|
||||
<h3 class="formDialogHeaderTitle">
|
||||
${Edit}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="formDialogContent smoothScrollY" style="padding-top:2em;">
|
||||
<form class="popupEditPersonForm dialogContentInner dialog-content-centered">
|
||||
|
||||
<div class="inputContainer">
|
||||
<input type="text" is="emby-input" class="txtPersonName" required="required" label="${LabelName}" />
|
||||
</div>
|
||||
|
||||
<div class="selectContainer">
|
||||
<select is="emby-select" id="selectPersonType" class="selectPersonType" label="${LabelType}">
|
||||
<option value=""></option>
|
||||
<option value="Actor">${Actor}</option>
|
||||
<option value="Composer">${Composer}</option>
|
||||
<option value="Director">${Director}</option>
|
||||
<option value="GuestStar">${GuestStar}</option>
|
||||
<option value="Producer">${Producer}</option>
|
||||
<option value="Writer">${Writer}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="inputContainer fldRole hide">
|
||||
<input is="emby-input" type="text" class="txtPersonRole" label="${LabelPersonRole}" />
|
||||
<div class="fieldDescription">${LabelPersonRoleHelp}</div>
|
||||
</div>
|
||||
|
||||
<div class="formDialogFooter">
|
||||
<button is="emby-button" type="submit" class="raised button-submit block formDialogFooterItem">
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue