jellyfin-web/dashboard-ui/edititemmetadata.html
2013-11-24 18:37:38 -05:00

346 lines
26 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Media Browser</title>
</head>
<body>
<div id="editItemMetadataPage" data-role="page" class="page libraryPage metadataEditorPage" data-theme="a">
<div data-role="content editPageContent">
<div class="editPageSidebar">
<div class="libraryTree">
<ul>
</ul>
</div>
</div>
<div class="editPageInnerContent">
<h1 class="itemName detailPageName editPageName">&nbsp;</h1>
<br />
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">Metadata</a>
<a id="btnEditPeople" style="display: none;" href="#" data-role="button">People</a>
<a href="#" data-role="button" id="btnEditImages">Images</a>
</div>
<form id="editItemMetadataForm" class="editMetadataForm" style="margin-top: -20px;">
<div class="metadataFormFields">
<div>
<div id="refreshLoading" style="display: none;">
<div class="circle"></div>
<div class="circle1"></div>
<div style="margin-top: -15px;"></div>
</div>
<div class="fldRefresh" style="display: none; vertical-align: bottom;">
<button id="btnRefresh" type="button" data-icon="refresh" data-mini="true" data-theme="b" data-inline="true">Refresh</button>
</div>
<div id="fldRecursive" style="display: none; vertical-align: bottom;">
<label for="chkRecursive">Refresh child items</label>
<input type="checkbox" id="chkRecursive" name="chkRecursive" data-mini="true" checked="checked" data-inline="true" />
</div>
<div style="display: inline-block;">
<div id="fldDelete" style="vertical-align: bottom; display: none;">
<button id="btnDelete" type="button" data-icon="delete" data-mini="true" data-theme="a" data-inline="true">Delete</button>
</div>
</div>
<div class="fldRefresh" style="display: none; margin: .5em 0 1em;">
<div class="fieldDescription">A refresh will cause internet metadata to be re-downloaded (if enabled, and dependent on metadata settings).</div>
</div>
</div>
<div style="padding: 10px 15px;">
<div data-role="fieldcontain" id="fldPath">
<label for="txtPath">Path:</label>
<input type="text" id="txtPath" name="txtPath" data-mini="true" readonly="readonly" />
</div>
<div data-role="fieldcontain">
<label for="txtName">Name:</label>
<input type="text" id="txtName" name="txtName" required="required" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldSortName" style="display: none;">
<label for="txtSortName">Sort name:</label>
<input type="text" id="txtSortName" name="txtSortName" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldSourceType" style="display: none;">
<label for="txtDisplayMediaType">Source type:</label>
<input type="text" id="txtDisplayMediaType" name="txtDisplayMediaType" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldDateAdded" style="display: none;">
<label for="txtDateAdded">Date added:</label>
<input type="date" id="txtDateAdded" name="txtDateAdded" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldStatus" style="display: none;">
<label for="selectStatus">Status:</label>
<select name="selectStatus" id="selectStatus" data-mini="true"></select>
</div>
<div data-role="fieldcontain" id="fldArtist" style="display: none;">
<label for="txtArtist">Artists:</label>
<input type="text" id="txtArtist" name="txtArtist" data-mini="true" placeholder="Separate multiple using ;" />
</div>
<div data-role="fieldcontain" id="fldAlbumArtist" style="display: none;">
<label for="txtAlbumArtist">Album artist:</label>
<input type="text" id="txtAlbumArtist" name="txtAlbumArtist" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldAlbum" style="display: none;">
<label for="txtAlbum">Album:</label>
<input type="text" id="txtAlbum" name="txtAlbum" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldParentIndexNumber" style="display: none;">
<label id="lblParentIndexNumber" for="txtParentIndexNumber">Parent number:</label>
<input type="number" id="txtParentIndexNumber" name="txtParentIndexNumber" data-mini="true" pattern="[0-9]*" />
</div>
<div data-role="fieldcontain" id="fldIndexNumber" style="display: none;">
<label id="lblIndexNumber" for="txtIndexNumber">Number:</label>
<input type="number" id="txtIndexNumber" name="txtIndexNumber" data-mini="true" pattern="[0-9]*" />
</div>
<div id="fldCommunityRating" style="display: none;" data-role="fieldcontain">
<label for="txtCommunityRating">Community rating:</label>
<input type="number" id="txtCommunityRating" name="txtCommunityRating" step=".1" data-mini="true" />
</div>
<div id="fldCommunityVoteCount" style="display: none;" data-role="fieldcontain">
<label for="txtCommunityVoteCount">Community vote count:</label>
<input type="number" id="txtCommunityVoteCount" name="txtCommunityVoteCount" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldCriticRating" style="display: none;">
<label for="txtCriticRating">Critic rating:</label>
<input type="number" id="txtCriticRating" name="txtCriticRating" step=".1" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldCriticRatingSummary" style="display: none;">
<label for="txtCriticRatingSummary">Critic rating summary:</label>
<input type="text" id="txtCriticRatingSummary" name="txtCriticRatingSummary" data-mini="true" />
</div>
<div data-role="fieldcontain">
<label for="txtHomePageUrl">Website:</label>
<input type="url" id="txtHomePageUrl" name="txtHomePageUrl" data-mini="true" />
</div>
<div data-role="fieldcontain">
<label for="txtOverview">Overview:</label>
<textarea name="txtOverview" id="txtOverview" data-mini="true" data-role="fieldcontain"></textarea>
</div>
<div data-role="fieldcontain" id="fldPremiereDate" style="display: none;">
<label id="lblPremiereDate" for="txtPremiereDate">Release date:</label>
<input type="date" id="txtPremiereDate" name="txtPremiereDate" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldYear" style="display: none;">
<label id="lblYear" for="txtProductionYear">Year:</label>
<input type="number" id="txtProductionYear" name="txtProductionYear" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldPlaceOfBirth" style="display: none;">
<label for="txtPlaceOfBirth">Place of birth:</label>
<input type="text" id="txtPlaceOfBirth" name="txtPlaceOfBirth" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldEndDate" style="display: none;">
<label id="lblEndDate" for="txtEndDate">End date:</label>
<input type="date" id="txtEndDate" name="txtEndDate" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldAirDays" style="display: none;">
<label for="selectAirDays">Air Days:</label>
<div data-role="editableListviewContainer" style="width: 78%; display: inline-block;">
<div>
<select name="selectAirDays" id="selectAirDays" data-mini="true">
<option value=''></option>
<option value='Monday'>Monday</option>
<option value='Tuesday'>Tuesday</option>
<option value='Wednesday'>Wednesday</option>
<option value='Thursday'>Thursday</option>
<option value='Friday'>Friday</option>
<option value='Saturday'>Saturday</option>
<option value='Sunday'>Sunday</option>
</select>
<a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" onclick="EditItemMetadataPage.addElementToEditableListview(this,EditItemMetadataPage.sortDaysOfTheWeek)">Add</a>
</div>
<ul data-role="listview" data-inset="true" data-split-icon="delete" id="listAirDays"></ul>
</div>
</div>
<div data-role="fieldcontain" id="fldAirTime" style="display: none;">
<label for="txtAirTime">Air Time:</label>
<input type="time" id="txtAirTime" name="txtAirTime" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldSeriesRuntime" style="display: none;">
<label for="txtSeriesRuntime">Run Time (minutes):</label>
<input type="number" id="txtSeriesRuntime" name="txtSeriesRuntime" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldOfficialRating" style="display: none;">
<label for="selectOfficialRating">Parental rating:</label>
<select name="selectOfficialRating" id="selectOfficialRating" data-mini="true"></select>
</div>
<div data-role="fieldcontain" id="fldCustomRating" style="display: none;">
<label for="selectCustomRating">Custom rating:</label>
<select name="selectCustomRating" id="selectCustomRating" data-mini="true"></select>
</div>
<div data-role="fieldcontain" id="fldBudget" style="display: none;">
<label for="txtBudget">Budget ($):</label>
<input type="number" id="txtBudget" name="txtBudget" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldRevenue" style="display: none;">
<label for="txtRevenue">Revenue ($):</label>
<input type="number" id="txtRevenue" name="txtRevenue" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fldOriginalAspectRatio" style="display: none;">
<label for="txtOriginalAspectRatio">Original aspect ratio:</label>
<input type="text" id="txtOriginalAspectRatio" name="txtOriginalAspectRatio" data-mini="true" />
</div>
<div data-role="fieldcontain" style="display: none;">
<label for="selectLanguage">Original language:</label>
<select name="selectLanguage" id="selectLanguage" data-mini="true"></select>
</div>
<div data-role="fieldcontain" id="fldPlayers" style="display: none;">
<label for="txtPlayers">Players:</label>
<input type="number" id="txtPlayers" name="txtPlayers" data-mini="true" />
</div>
<div data-role="fieldcontain" id="fld3dFormat" style="display: none;">
<label for="select3dFormat">3D Format:</label>
<select name="select3dFormat" 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>
</select>
</div>
</div>
<div data-role="collapsible" data-collapsed="false">
<h3>External Id's</h3>
<div>
<p id="albumAssociationMessage" style="display: none;">Associate this album with a movie, tv series and/or game, and we'll be able to link it to other items in your library.</p>
<div data-role="fieldcontain" id="fldGamesDb" style="display: none;">
<label for="txtGamesDb">GamesDb:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtGamesDb" name="txtGamesDb" data-mini="true" />
</div>
<a id="btnOpenGamesDb" href="#" target="_blank" data-icon="arrow-right" data-inline="true" data-iconpos="notext" data-role="button"></a>
</div>
<div data-role="fieldcontain" id="fldImdb" style="display: none;">
<label for="txtImdb">Imdb:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtImdb" name="txtImdb" data-mini="true" />
</div>
<a id="btnOpenImdb" href="#" target="_blank" data-icon="arrow-right" data-inline="true" data-iconpos="notext" data-role="button"></a>
</div>
<div data-role="fieldcontain" id="fldMusicBrainz" style="display: none;">
<label for="txtMusicBrainz">MusicBrainz:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtMusicBrainz" name="txtMusicBrainz" data-mini="true" />
</div>
<a id="btnOpenMusicbrainz" href="#" target="_blank" data-icon="arrow-right" data-inline="true" data-iconpos="notext" data-role="button"></a>
</div>
<div data-role="fieldcontain" id="fldMusicBrainzReleaseGroupId" style="display: none;">
<label for="txtMusicBrainzReleaseGroupId">MusicBrainz Release Group Id:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtMusicBrainzReleaseGroupId" name="txtMusicBrainzReleaseGroupId" data-mini="true" />
</div>
<a id="btnOpenMusicbrainzReleaseGroup" href="#" target="_blank" data-icon="arrow-right" data-inline="true" data-iconpos="notext" data-role="button"></a>
</div>
<div data-role="fieldcontain" id="fldRottenTomatoes" style="display: none;">
<label for="txtRottenTomatoes">Rotten Tomatoes:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtRottenTomatoes" name="txtRottenTomatoes" data-mini="true" />
</div>
</div>
<div data-role="fieldcontain" id="fldTmdb" style="display: none;">
<label for="txtTmdb">TheMovieDB:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtTmdb" name="txtTmdb" data-mini="true" />
</div>
<a id="btnOpenTmdb" href="#" target="_blank" data-icon="arrow-right" data-inline="true" data-iconpos="notext" data-role="button"></a>
</div>
<div data-role="fieldcontain" id="fldTvdb" style="display: none;">
<label for="txtTvdb">TheTVDB:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtTvdb" name="txtTvdb" data-mini="true" />
</div>
<a id="btnOpenTvdb" href="#" target="_blank" data-icon="arrow-right" data-inline="true" data-iconpos="notext" data-role="button"></a>
</div>
<div data-role="fieldcontain" id="fldTvCom" style="display: none;">
<label for="txtTvCom">TV.com:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtTvCom" name="txtTvCom" data-mini="true" />
</div>
</div>
<div data-role="fieldcontain" id="fldZap2It" style="display: none;">
<label for="txtZap2It">Zap2it:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtZap2It" name="txtZap2It" data-mini="true" />
</div>
<a id="btnOpenZap2It" href="#" target="_blank" data-icon="arrow-right" data-inline="true" data-iconpos="notext" data-role="button"></a>
</div>
<div data-role="fieldcontain" id="fldNesBoxName" style="display: none;">
<label for="txtNesBoxName">NES/SNESbox Name:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtNesBoxName" name="txtNesBoxName" data-mini="true" />
</div>
<a id="btnOpenNesBox" href="#" target="_blank" data-icon="arrow-right" data-inline="true" data-iconpos="notext" data-role="button"></a>
</div>
<div data-role="fieldcontain" id="fldNesBoxRom" style="display: none;">
<label for="txtNesBoxRom">NES/SNESbox Game Id:</label>
<div style="display: inline-block; width: 250px;">
<input class="txtProviderId" id="txtNesBoxRom" name="txtNesBoxRom" data-mini="true" />
</div>
<a id="btnOpenNesBoxRom" href="#" target="_blank" data-icon="arrow-right" data-inline="true" data-iconpos="notext" data-role="button"></a>
</div>
</div>
</div>
<div data-role="collapsible" id="genresCollapsible" style="display: none;">
<h3>Genres</h3>
<div data-role="editableListviewContainer">
<div data-role="fieldcontain">
<input type="text" data-mini="true" />
<a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" onclick="EditItemMetadataPage.addElementToEditableListview(this)">Add</a>
</div>
<ul data-role="listview" data-inset="true" data-split-icon="delete" id="listGenres"></ul>
</div>
</div>
<div data-role="collapsible" id="studiosCollapsible" style="display: none;">
<h3>Studios</h3>
<div data-role="editableListviewContainer">
<div data-role="fieldcontain">
<input type="text" data-mini="true" />
<a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" onclick="EditItemMetadataPage.addElementToEditableListview(this)">Add</a>
</div>
<ul data-role="listview" data-inset="true" data-split-icon="delete" id="listStudios"></ul>
</div>
</div>
<div data-role="collapsible" id="tagsCollapsible" style="display: none;">
<h3>Tags</h3>
<div data-role="editableListviewContainer">
<div data-role="fieldcontain">
<input type="text" data-mini="true" />
<a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" onclick="EditItemMetadataPage.addElementToEditableListview(this)">Add</a>
</div>
<ul data-role="listview" data-inset="true" data-split-icon="delete" id="listTags"></ul>
</div>
</div>
<div data-role="collapsible" id="metadataSettingsCollapsible" style="display: none;">
<h3>Metadata Settings</h3>
<div>
<p>
<label for="enableInternetProviders">Enable internet metadata providers for this item.</label>
<input type="checkbox" name="enableInternetProviders" id="enableInternetProviders" onchange="EditItemMetadataPage.setProviderSettingsContainerVisibility(this)" />
</p>
<p>
Slide a field to 'off' to lock it and prevent it's data from being changed.
</p>
<div id="providerSettingsContainer" style="display: none">
</div>
</div>
</div>
<ul id="ulSave" data-role="listview" class="ulForm" style="display: none;">
<li>
<button id="btnSave" type="submit" data-theme="b" data-icon="ok">
Save
</button>
</li>
</ul>
</div>
</form>
</div>
</div>
<script type="text/javascript">
$('#editItemMetadataForm').on('submit', EditItemMetadataPage.onSubmit);
</script>
</div>
</body>
</html>