jellyfin-web/dashboard-ui/components/metadataeditor/metadataeditor.template.html

<div class="dialogHeader" style="margin:0 0 2em;">
    <button is="paper-icon-button-light" class="btnCancel" tabindex="-1"><iron-icon icon="arrow-back"></iron-icon></button>
    <div class="dialogHeaderTitle">
        ${ButtonEdit}
    </div>
    <div style="margin-left:auto; display: flex; align-items: center; justify-content: center;">
        <button is="emby-button" type="button" class="btnHeaderSave accent" tabindex="-1">
            <iron-icon icon="check"></iron-icon>
            <span>${ButtonSave}</span>
        </button>
        <button is="paper-icon-button-light" class="btnMore" tabindex="-1"><iron-icon icon="more-vert"></iron-icon></button>
    </div>
</div>

<form class="editItemMetadataForm editMetadataForm" style="margin:0;">
    <div class="metadataFormFields">

        <div style="padding: 0 0 10px;">
            <div id="fldContentType" style="display:none;">
                <label for="selectContentType" class="selectLabel">${LabelContentType}</label>
                <select id="selectContentType" data-mini="true"></select>
            </div>
            <div id="fldPath">
                <paper-input id="txtPath" type="text" label="${LabelPath}" readonly></paper-input>
            </div>
            <div>
                <paper-input id="txtName" type="text" label="${LabelTitle}" required="required"></paper-input>
            </div>
            <div id="fldOriginalName">
                <paper-input id="txtOriginalName" type="text" label="${LabelOriginalTitle}"></paper-input>
            </div>
            <div>
                <paper-input id="txtSortName" type="text" label="${LabelSortTitle}"></paper-input>
            </div>
            <div id="fldDateAdded" style="display: none;">
                <paper-input id="txtDateAdded" type="date" label="${LabelDateAdded}"></paper-input>
                <div class="fieldDescription">${ConfigureDateAdded}</div>
                <br />
            </div>
            <div id="fldStatus" style="display: none;margin:1em 0;">
                <label for="selectStatus" class="selectLabel">${LabelStatus}</label>
                <select id="selectStatus" data-mini="true"></select>
            </div>
            <div id="fldArtist" style="display: none;">
                <paper-input id="txtArtist" type="text" label="${LabelArtists}" placeholder="${LabelArtistsHelp}"></paper-input>
            </div>
            <div id="fldAlbumArtist" style="display: none;">
                <paper-input id="txtAlbumArtist" type="text" label="${LabelAlbumArtists}" placeholder="${LabelArtistsHelp}"></paper-input>
            </div>
            <div id="fldAlbum" style="display: none;">
                <paper-input id="txtAlbum" type="text" label="${LabelAlbum}"></paper-input>
            </div>
            <div id="fldParentIndexNumber" style="display: none;">
                <paper-input id="txtParentIndexNumber" type="number"></paper-input>
            </div>
            <div id="fldIndexNumber" style="display: none;">
                <paper-input id="txtIndexNumber" type="number" pattern="[0-9]*"></paper-input>
            </div>
            <div id="fldCommunityRating" style="display: none;">
                <paper-input id="txtCommunityRating" type="number" step=".1" min="0" max="10" label="${LabelCommunityRating}"></paper-input>
            </div>
            <div id="fldCommunityVoteCount" style="display: none;">
                <paper-input id="txtCommunityVoteCount" type="number" step="1" label="${LabelVoteCount}"></paper-input>
            </div>
            <div id="fldMetascore" style="display: none;">
                <paper-input id="txtMetascore" type="number" step="1" min="0" max="100" label="${LabelMetascore}"></paper-input>
            </div>
            <div id="fldCriticRating" style="display: none;">
                <paper-input id="txtCriticRating" type="number" step=".1" label="${LabelCriticRating}"></paper-input>
            </div>
            <div id="fldCriticRatingSummary" style="display: none;">
                <paper-input id="txtCriticRatingSummary" type="text" label="${LabelCriticRatingSummary}"></paper-input>
            </div>
            <div id="fldAwardSummary" style="display: none;">
                <paper-input id="txtAwardSummary" type="text" label="${LabelAwardSummary}"></paper-input>
            </div>
            <div>
                <paper-input id="txtHomePageUrl" type="text" label="${LabelWebsite}"></paper-input>
            </div>
            <div id="fldTagline" style="display: none;">
                <paper-input id="txtTagline" type="text" label="${LabelTagline}"></paper-input>
            </div>
            <div>
                <paper-textarea id="txtOverview" label="${LabelOverview}"></paper-textarea>
            </div>
            <div id="fldShortOverview" style="display: none;">
                <paper-input id="txtShortOverview" type="text" label="${LabelShortOverview}"></paper-input>
            </div>
            <div id="fldPremiereDate">
                <paper-input id="txtPremiereDate" label="${LabelReleaseDate}" type="date"></paper-input>
            </div>
            <div id="fldYear" style="display: none;">
                <paper-input id="txtProductionYear" type="number" label="${LabelYear}"></paper-input>
            </div>
            <div id="fldPlaceOfBirth" style="display: none;">
                <paper-input id="txtPlaceOfBirth" type="text" label="${LabelPlaceOfBirth}"></paper-input>
            </div>
            <div id="fldEndDate">
                <paper-input id="txtEndDate" label="${LabelEndDate}" type="date"></paper-input>
            </div>
            <div id="fldAirDays" style="display: none;">
                <p>${LabelAirDays}</p>

                <div>
                    <paper-checkbox class="chkAirDay" data-day="Sunday">${OptionSunday}</paper-checkbox>
                    <paper-checkbox class="chkAirDay" data-day="Monday">${OptionMonday}</paper-checkbox>
                    <paper-checkbox class="chkAirDay" data-day="Tuesday">${OptionTuesday}</paper-checkbox>
                    <paper-checkbox class="chkAirDay" data-day="Wednesday">${OptionWednesday}</paper-checkbox>
                    <paper-checkbox class="chkAirDay" data-day="Thursday">${OptionThursday}</paper-checkbox>
                    <paper-checkbox class="chkAirDay" data-day="Friday">${OptionFriday}</paper-checkbox>
                    <paper-checkbox class="chkAirDay" data-day="Saturday">${OptionSaturday}</paper-checkbox>
                </div>
                <br />

            </div>
            <div id="fldAirTime" style="display: none;">
                <paper-input id="txtAirTime" type="text" label="${LabelAirTime}"></paper-input>
            </div>
            <div id="fldSeriesRuntime" style="display: none;">
                <paper-input id="txtSeriesRuntime" type="number" label="${LabelRuntimeMinutes}"></paper-input>
            </div>
            <div id="fldOfficialRating" style="display: none;">
                <br />
                <label for="selectOfficialRating" class="selectLabel">${LabelParentalRating}</label>
                <select id="selectOfficialRating" data-mini="true"></select>
            </div>
            <div id="fldCustomRating" style="display: none;">
                <br />
                <label for="selectCustomRating" class="selectLabel">${LabelCustomRating}</label>
                <select id="selectCustomRating" data-mini="true"></select>
            </div>
            <div id="fldBudget" style="display: none;">
                <paper-input id="txtBudget" type="number" label="${LabelBudget}"></paper-input>
            </div>
            <div id="fldRevenue" style="display: none;">
                <paper-input id="txtRevenue" type="number" label="${LabelRevenue}"></paper-input>
            </div>
            <div id="fldOriginalAspectRatio" style="display: none;">
                <paper-input id="txtOriginalAspectRatio" type="text" label="${LabelOriginalAspectRatio}"></paper-input>
            </div>
            <div id="fldPlayers" style="display: none;">
                <paper-input id="txtPlayers" type="number" pattern="[0-9]*" label="${LabelPlayers}"></paper-input>
            </div>
            <div id="fld3dFormat" style="display: none;">
                <br />
                <label for="select3dFormat" class="selectLabel">${Label3DFormat}</label>
                <select id="select3dFormat" data-mini="true">
                    <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>
        <br />

        <div class="detailSection" id="collapsibleDvdEpisodeInfo" style="display: none;">
            <h1>
                ${HeaderAlternateEpisodeNumbers}
            </h1>
            <div class="detailSectionContent">
                <div>
                    <paper-input id="txtDvdSeasonNumber" type="number" pattern="[0-9]*" label="${LabelDvdSeasonNumber}"></paper-input>
                </div>
                <div>
                    <paper-input id="txtDvdEpisodeNumber" type="number" pattern="[0-9]*" label="${LabelDvdEpisodeNumber}"></paper-input>
                </div>
                <div>
                    <paper-input id="txtAbsoluteEpisodeNumber" type="number" pattern="[0-9]*" label="${LabelAbsoluteEpisodeNumber}"></paper-input>
                </div>
            </div>
        </div>

        <div class="detailSection" id="collapsibleSpecialEpisodeInfo" style="display: none;">
            <h1>
                ${HeaderSpecialEpisodeInfo}
            </h1>
            <div class="detailSectionContent">
                <div>
                    <paper-input id="txtAirsBeforeSeason" type="number" pattern="[0-9]*" label="${LabelAirsBeforeSeason}"></paper-input>
                </div>
                <div>
                    <paper-input id="txtAirsAfterSeason" type="number" pattern="[0-9]*" label="${LabelAirsAfterSeason}"></paper-input>
                </div>
                <div>
                    <paper-input id="txtAirsBeforeEpisode" type="number" pattern="[0-9]*" label="${LabelAirsBeforeEpisode}"></paper-input>
                </div>
            </div>
        </div>

        <div class="detailSection">
            <h1>
                ${HeaderExternalIds}
            </h1>
            <div class="detailSectionContent">
                <div class="externalIds editorFieldset">
                </div>
            </div>
        </div>

        <div class="detailSection" id="collapsibleDisplaySettings" style="display:none;">
            <h1>
                ${HeaderDisplaySettings}
            </h1>
            <div class="detailSectionContent">
                <div id="fldSourceType" style="display: none;" class="fldDisplaySetting">
                    <paper-input id="txtDisplayMediaType" type="text" label="${LabelTreatImageAs}"></paper-input>
                </div>
                <div id="fldDisplayOrder" class="fldDisplaySetting">
                    <label for="selectDisplayOrder" class="selectLabel" id="labelDisplayOrder">${LabelDisplayOrder}</label>
                    <select id="selectDisplayOrder" data-mini="true"></select>
                </div>
            </div>
        </div>

        <div id="countriesCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;">
            <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
                ${HeaderCountries}
            </h1>
            <button is="emby-button" type="button" class="raised btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}">
                <iron-icon icon="add"></iron-icon>
                <span>${ButtonAdd}</span>
            </button>
            <div class="paperList" id="listCountries"></div>
        </div>
        <div id="genresCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;">
            <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
                ${HeaderGenres}
            </h1>
            <button is="emby-button" type="button" class="raised btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}">
                <iron-icon icon="add"></iron-icon>
                <span>${ButtonAdd}</span>
            </button>
            <div class="paperList" id="listGenres"></div>
        </div>
        <div data-mini="true" data-role="collapsible" id="peopleCollapsible" style="display: none; margin-top: 3em;">
            <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
                ${HeaderPeople}
            </h1>
            <button is="emby-button" type="button" raised id="btnAddPerson" class="btnAddPerson submit mini" style="margin-left:1em;" title="${ButtonAdd}">
                <iron-icon icon="add"></iron-icon>
                <span>${ButtonAdd}</span>
            </button>
            <div id="peopleList" class="paperList">
            </div>
        </div>
        <div id="keywordsCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;">
            <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
                ${HeaderPlotKeywords}
            </h1>
            <button is="emby-button" type="button" class="raised btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}">
                <iron-icon icon="add"></iron-icon>
                <span>${ButtonAdd}</span>
            </button>
            <div class="paperList" id="listKeywords"></div>
        </div>
        <div id="studiosCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;">
            <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
                ${HeaderStudios}
            </h1>
            <button is="emby-button" type="button" class="raised btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}">
                <iron-icon icon="add"></iron-icon>
                <span>${ButtonAdd}</span>
            </button>
            <div class="paperList" id="listStudios"></div>
        </div>
        <div id="tagsCollapsible" class="editableListviewContainer" style="display: none; margin-top: 3em;">
            <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
                ${HeaderTags}
            </h1>
            <button is="emby-button" type="button" class="raised btnAddTextItem submit mini" style="margin-left:1em;" title="${ButtonAdd}">
                <iron-icon icon="add"></iron-icon>
                <span>${ButtonAdd}</span>
            </button>
            <div class="paperList" id="listTags"></div>
        </div>
        <div id="metadataSettingsCollapsible" style="display: none; margin-top: 3em;">
            <h1>${HeaderMetadataSettings}</h1>
            <div>
                <div>
                    <label for="selectLanguage" class="selectLabel">${LabelMetadataDownloadLanguage}</label>
                    <select id="selectLanguage" data-mini="true"></select>
                </div>
                <div class="fieldDescription editorfieldDescription">${MessageLeaveEmptyToInherit}</div>
                <br />
                <div>
                    <label for="selectCountry" class="selectLabel">${LabelCountry}</label>
                    <select id="selectCountry" data-mini="true"></select>
                </div>
                <div class="fieldDescription editorfieldDescription">${MessageLeaveEmptyToInherit}</div>

                <div>
                    <br /><br />
                    <paper-checkbox id="chkLockData">${LabelLockItemToPreventChanges}</paper-checkbox>
                </div>
                <br />
                <div class="providerSettingsContainer" style="display: none">
                </div>
            </div>
        </div>
        <br />
        <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
    </div>
    <br />
    <br />
</form>