mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-18 03:18:19 -07:00
1564 lines
52 KiB
JavaScript
1564 lines
52 KiB
JavaScript
(function ($, document, window) {
|
|
|
|
var currentItem;
|
|
var currentSearchResult;
|
|
var metadataEditorInfo;
|
|
|
|
function reload(page) {
|
|
|
|
unbindItemChanged(page);
|
|
Dashboard.showLoadingMsg();
|
|
|
|
var promise1 = MetadataEditor.getItemPromise();
|
|
var promise2 = MetadataEditor.currentItemId ?
|
|
ApiClient.getJSON(ApiClient.getUrl('Items/' + MetadataEditor.currentItemId + '/MetadataEditor')) :
|
|
{};
|
|
|
|
$.when(promise1, promise2).done(function (response1, response2) {
|
|
|
|
var item = response1[0];
|
|
metadataEditorInfo = response2[0];
|
|
|
|
currentItem = item;
|
|
|
|
if (item.Type == "UserRootFolder") {
|
|
$('.editPageInnerContent', page).hide();
|
|
Dashboard.hideLoadingMsg();
|
|
return;
|
|
} else {
|
|
$('.editPageInnerContent', page).show();
|
|
}
|
|
|
|
var languages = metadataEditorInfo.Cultures;
|
|
var countries = metadataEditorInfo.Countries;
|
|
|
|
renderContentTypeOptions(page, metadataEditorInfo);
|
|
|
|
loadExternalIds(page, item, metadataEditorInfo.ExternalIdInfos);
|
|
|
|
Dashboard.populateLanguages($('#selectLanguage', page), languages);
|
|
Dashboard.populateCountries($('#selectCountry', page), countries);
|
|
|
|
LibraryBrowser.renderName(item, $('.itemName', page), true);
|
|
|
|
setFieldVisibilities(page, item);
|
|
fillItemInfo(page, item, metadataEditorInfo.ParentalRatingOptions);
|
|
|
|
if (item.Type == "BoxSet") {
|
|
$('.collectionItemsTabButton', page).show();
|
|
} else {
|
|
$('.collectionItemsTabButton', page).hide();
|
|
}
|
|
|
|
if (item.MediaType == "Video" && item.LocationType == "FileSystem" && item.Type !== 'TvChannel') {
|
|
$('.subtitleTabButton', page).show();
|
|
} else {
|
|
$('.subtitleTabButton', page).hide();
|
|
}
|
|
|
|
if (item.MediaType == 'Photo') {
|
|
$('#btnEditImages', page).hide();
|
|
} else {
|
|
$('#btnEditImages', page).show();
|
|
}
|
|
|
|
if (item.MediaType == "Video" && item.Type != "Episode") {
|
|
$('#fldShortOverview', page).show();
|
|
} else {
|
|
$('#fldShortOverview', page).hide();
|
|
}
|
|
|
|
if (item.MediaType == "Video" && item.Type != "Episode") {
|
|
$('#fldTagline', page).show();
|
|
} else {
|
|
$('#fldTagline', page).hide();
|
|
}
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
bindItemChanged(page);
|
|
});
|
|
}
|
|
|
|
function renderContentTypeOptions(page, metadataInfo) {
|
|
|
|
if (metadataInfo.ContentTypeOptions.length) {
|
|
$('#fldContentType', page).show();
|
|
} else {
|
|
$('#fldContentType', page).hide();
|
|
}
|
|
|
|
var html = metadataInfo.ContentTypeOptions.map(function (i) {
|
|
|
|
|
|
return '<option value="' + i.Value + '">' + i.Name + '</option>';
|
|
|
|
}).join('');
|
|
|
|
$('#selectContentType', page).html(html).val(metadataInfo.ContentType || '').selectmenu('refresh');
|
|
}
|
|
|
|
function onExternalIdChange() {
|
|
|
|
var formatString = this.getAttribute('data-formatstring');
|
|
var buttonClass = this.getAttribute('data-buttonclass');
|
|
|
|
if (this.value) {
|
|
$('.' + buttonClass).attr('href', formatString.replace('{0}', this.value));
|
|
} else {
|
|
$('.' + buttonClass).attr('href', '#');
|
|
}
|
|
}
|
|
|
|
function loadExternalIds(page, item, externalIds) {
|
|
|
|
var html = '';
|
|
|
|
var providerIds = item.ProviderIds || {};
|
|
|
|
for (var i = 0, length = externalIds.length; i < length; i++) {
|
|
|
|
var idInfo = externalIds[i];
|
|
|
|
var id = "txt1" + idInfo.Key;
|
|
var buttonId = "btnOpen1" + idInfo.Key;
|
|
var formatString = idInfo.UrlFormatString || '';
|
|
|
|
html += '<div data-role="fieldcontain">';
|
|
var idLabel = Globalize.translate('LabelDynamicExternalId').replace('{0}', idInfo.Name);
|
|
html += '<label for="' + id + '">' + idLabel + '</label>';
|
|
|
|
html += '<div style="display: inline-block; width: 80%;">';
|
|
|
|
var value = providerIds[idInfo.Key] || '';
|
|
|
|
html += '<input class="txtExternalId" value="' + value + '" data-providerkey="' + idInfo.Key + '" data-formatstring="' + formatString + '" data-buttonclass="' + buttonId + '" id="' + id + '" />';
|
|
|
|
html += '</div>';
|
|
|
|
if (formatString) {
|
|
html += '<a class="' + buttonId + '" href="#" target="_blank" data-icon="arrow-r" data-inline="true" data-iconpos="notext" data-role="button" style="float: none; width: 1.75em"></a>';
|
|
}
|
|
|
|
html += '</div>';
|
|
}
|
|
|
|
var elem = $('.externalIds', page).html(html).trigger('create');
|
|
|
|
$('.txtExternalId', elem).on('change', onExternalIdChange).trigger('change');
|
|
}
|
|
|
|
function setFieldVisibilities(page, item) {
|
|
|
|
if (item.Path && item.LocationType != 'Remote') {
|
|
$('#fldPath', page).show();
|
|
} else {
|
|
$('#fldPath', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Series") {
|
|
$('#fldSeriesRuntime', page).show();
|
|
} else {
|
|
$('#fldSeriesRuntime', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Series" || item.Type == "Person") {
|
|
$('#fldEndDate', page).show();
|
|
} else {
|
|
$('#fldEndDate', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Movie" || item.MediaType == "Game" || item.MediaType == "Trailer" || item.Type == "MusicVideo") {
|
|
$('#fldBudget', page).show();
|
|
$('#fldRevenue', page).show();
|
|
} else {
|
|
$('#fldBudget', page).hide();
|
|
$('#fldRevenue', page).hide();
|
|
}
|
|
|
|
if (item.Type == "MusicAlbum") {
|
|
$('#albumAssociationMessage', page).show();
|
|
} else {
|
|
$('#albumAssociationMessage', page).hide();
|
|
}
|
|
|
|
if (item.MediaType == "Game") {
|
|
$('#fldPlayers', page).show();
|
|
} else {
|
|
$('#fldPlayers', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Movie" || item.Type == "Trailer" || item.Type == "MusicVideo" || item.Type == "Series" || item.Type == "Game") {
|
|
$('#fldCriticRating', page).show();
|
|
$('#fldCriticRatingSummary', page).show();
|
|
} else {
|
|
$('#fldCriticRating', page).hide();
|
|
$('#fldCriticRatingSummary', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Movie") {
|
|
$('#fldAwardSummary', page).show();
|
|
} else {
|
|
$('#fldAwardSummary', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Movie" || item.Type == "Trailer") {
|
|
$('#fldMetascore', page).show();
|
|
} else {
|
|
$('#fldMetascore', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Series") {
|
|
$('#fldStatus', page).show();
|
|
$('#fldAirDays', page).show();
|
|
$('#fldAirTime', page).show();
|
|
} else {
|
|
$('#fldStatus', page).hide();
|
|
$('#fldAirDays', page).hide();
|
|
$('#fldAirTime', page).hide();
|
|
}
|
|
|
|
if (item.MediaType == "Video" && item.Type != "TvChannel") {
|
|
$('#fld3dFormat', page).show();
|
|
} else {
|
|
$('#fld3dFormat', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Audio") {
|
|
$('#fldAlbumArtist', page).show();
|
|
} else {
|
|
$('#fldAlbumArtist', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Audio" || item.Type == "MusicVideo") {
|
|
$('#fldArtist', page).show();
|
|
$('#fldAlbum', page).show();
|
|
} else {
|
|
$('#fldArtist', page).hide();
|
|
$('#fldAlbum', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Episode") {
|
|
$('#collapsibleDvdEpisodeInfo', page).show();
|
|
} else {
|
|
$('#collapsibleDvdEpisodeInfo', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Episode" && item.ParentIndexNumber == 0) {
|
|
$('#collapsibleSpecialEpisodeInfo', page).show();
|
|
} else {
|
|
$('#collapsibleSpecialEpisodeInfo', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Person" || item.Type == "Genre" || item.Type == "Studio" || item.Type == "GameGenre" || item.Type == "MusicGenre" || item.Type == "TvChannel") {
|
|
$('#fldCommunityRating', page).hide();
|
|
$('#fldCommunityVoteCount', page).hide();
|
|
$('#genresCollapsible', page).hide();
|
|
$('#peopleCollapsible', page).hide();
|
|
$('#studiosCollapsible', page).hide();
|
|
|
|
if (item.Type == "TvChannel") {
|
|
$('#fldOfficialRating', page).show();
|
|
} else {
|
|
$('#fldOfficialRating', page).hide();
|
|
}
|
|
$('#fldCustomRating', page).hide();
|
|
} else {
|
|
$('#fldCommunityRating', page).show();
|
|
$('#fldCommunityVoteCount', page).show();
|
|
$('#genresCollapsible', page).show();
|
|
$('#peopleCollapsible', page).show();
|
|
$('#studiosCollapsible', page).show();
|
|
$('#fldOfficialRating', page).show();
|
|
$('#fldCustomRating', page).show();
|
|
}
|
|
|
|
if (item.Type == "Movie" || item.Type == "Trailer" || item.Type == "MusicArtist") {
|
|
$('#countriesCollapsible', page).show();
|
|
} else {
|
|
$('#countriesCollapsible', page).hide();
|
|
}
|
|
|
|
if (item.Type == "TvChannel") {
|
|
$('#tagsCollapsible', page).hide();
|
|
$('#metadataSettingsCollapsible', page).hide();
|
|
$('#fldPremiereDate', page).hide();
|
|
$('#fldSortName', page).hide();
|
|
$('#fldDateAdded', page).hide();
|
|
$('#fldYear', page).hide();
|
|
} else {
|
|
$('#tagsCollapsible', page).show();
|
|
$('#metadataSettingsCollapsible', page).show();
|
|
$('#fldPremiereDate', page).show();
|
|
$('#fldSortName', page).show();
|
|
$('#fldDateAdded', page).show();
|
|
$('#fldYear', page).show();
|
|
}
|
|
|
|
if (item.Type == "Movie" ||
|
|
item.Type == "Trailer" ||
|
|
item.Type == "Series" ||
|
|
item.Type == "Game" ||
|
|
item.Type == "BoxSet" ||
|
|
item.Type == "Person" ||
|
|
item.Type == "Book" ||
|
|
item.Type == "MusicAlbum" ||
|
|
item.Type == "MusicArtist") {
|
|
|
|
$('#btnIdentify', page).show();
|
|
} else {
|
|
$('#btnIdentify', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Movie" || item.Type == "Trailer" || item.Type == "BoxSet") {
|
|
$('#keywordsCollapsible', page).show();
|
|
} else {
|
|
$('#keywordsCollapsible', page).hide();
|
|
}
|
|
|
|
if (item.MediaType == "Video" && item.Type != "TvChannel") {
|
|
$('#fldSourceType', page).show();
|
|
} else {
|
|
$('#fldSourceType', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Person") {
|
|
$('#lblPremiereDate', page).html(Globalize.translate('LabelBirthDate'));
|
|
$('#lblYear', page).html(Globalize.translate('LabelBirthYear'));
|
|
$('#lblEndDate', page).html(Globalize.translate('LabelDeathDate'));
|
|
$('#fldPlaceOfBirth', page).show();
|
|
} else {
|
|
$('#lblPremiereDate', page).html(Globalize.translate('LabelReleaseDate'));
|
|
$('#lblYear', page).html(Globalize.translate('LabelYear'));
|
|
$('#lblEndDate', page).html(Globalize.translate('LabelEndDate'));
|
|
$('#fldPlaceOfBirth', page).hide();
|
|
}
|
|
|
|
if (item.MediaType == "Video" && item.Type != "TvChannel") {
|
|
$('#fldOriginalAspectRatio', page).show();
|
|
} else {
|
|
$('#fldOriginalAspectRatio', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Audio" || item.Type == "Episode" || item.Type == "Season") {
|
|
$('#fldIndexNumber', page).show();
|
|
|
|
if (item.Type == "Episode") {
|
|
$('#lblIndexNumber', page).html(Globalize.translate('LabelEpisodeNumber'));
|
|
} else if (item.Type == "Season") {
|
|
$('#lblIndexNumber', page).html(Globalize.translate('LabelSeasonNumber'));
|
|
} else if (item.Type == "Audio") {
|
|
$('#lblIndexNumber', page).html(Globalize.translate('LabelTrackNumber'));
|
|
} else {
|
|
$('#lblIndexNumber', page).html(Globalize.translate('LabelNumber'));
|
|
}
|
|
} else {
|
|
$('#fldIndexNumber', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Audio" || item.Type == "Episode") {
|
|
$('#fldParentIndexNumber', page).show();
|
|
|
|
if (item.Type == "Episode") {
|
|
$('#lblParentIndexNumber', page).html(Globalize.translate('LabelSeasonNumber'));
|
|
} else if (item.Type == "Audio") {
|
|
$('#lblParentIndexNumber', page).html(Globalize.translate('LabelDiscNumber'));
|
|
} else {
|
|
$('#lblParentIndexNumber', page).html(Globalize.translate('LabelParentNumber'));
|
|
}
|
|
} else {
|
|
$('#fldParentIndexNumber', page).hide();
|
|
}
|
|
|
|
if (item.Type == "Series") {
|
|
$('#fldDisplaySpecialsInline', page).show();
|
|
} else {
|
|
$('#fldDisplaySpecialsInline', page).hide();
|
|
}
|
|
|
|
if (item.Type == "BoxSet") {
|
|
$('#fldDisplayOrder', page).show();
|
|
|
|
$('#labelDisplayOrder', page).html(Globalize.translate('LabelTitleDisplayOrder'));
|
|
$('#selectDisplayOrder', page).html('<option value="SortName">' + Globalize.translate('OptionSortName') + '</option><option value="PremiereDate">' + Globalize.translate('OptionReleaseDate') + '</option>').selectmenu('refresh');
|
|
} else {
|
|
$('#selectDisplayOrder', page).html('').selectmenu('refresh');
|
|
$('#fldDisplayOrder', page).hide();
|
|
}
|
|
|
|
var displaySettingFields = $('.fldDisplaySetting', page);
|
|
if (displaySettingFields.filter(function (index) {
|
|
|
|
return displaySettingFields[index].style.display != 'none';
|
|
|
|
}).length) {
|
|
$('#collapsibleDisplaySettings', page).show();
|
|
} else {
|
|
$('#collapsibleDisplaySettings', page).hide();
|
|
}
|
|
}
|
|
|
|
function fillItemInfo(page, item, parentalRatingOptions) {
|
|
|
|
var select = $('#selectOfficialRating', page);
|
|
|
|
populateRatings(parentalRatingOptions, select, item.OfficialRating);
|
|
|
|
select.val(item.OfficialRating || "").selectmenu('refresh');
|
|
|
|
select = $('#selectCustomRating', page);
|
|
|
|
populateRatings(parentalRatingOptions, select, item.CustomRating);
|
|
|
|
select.val(item.CustomRating || "").selectmenu('refresh');
|
|
|
|
var selectStatus = $('#selectStatus', page);
|
|
populateStatus(selectStatus);
|
|
selectStatus.val(item.Status || "").selectmenu('refresh');
|
|
|
|
$('#select3dFormat', page).val(item.Video3DFormat || "").selectmenu('refresh');
|
|
|
|
$('.chkAirDay', page).each(function () {
|
|
|
|
this.checked = (item.AirDays || []).indexOf(this.getAttribute('data-day')) != -1;
|
|
|
|
}).checkboxradio('refresh');
|
|
|
|
populateListView($('#listCountries', page), item.ProductionLocations || []);
|
|
populateListView($('#listGenres', page), item.Genres);
|
|
populatePeople(page, item.People || []);
|
|
|
|
populateListView($('#listStudios', page), (item.Studios || []).map(function (element) { return element.Name || ''; }));
|
|
|
|
populateListView($('#listTags', page), item.Tags);
|
|
populateListView($('#listKeywords', page), item.Keywords);
|
|
|
|
var lockData = (item.LockData || false);
|
|
var chkLockData = $("#chkLockData", page).attr('checked', lockData).checkboxradio('refresh');
|
|
if (chkLockData.checked()) {
|
|
$('#providerSettingsContainer', page).hide();
|
|
} else {
|
|
$('#providerSettingsContainer', page).show();
|
|
}
|
|
populateInternetProviderSettings(page, item, item.LockedFields);
|
|
|
|
$("#chkDisplaySpecialsInline", page).checked(item.DisplaySpecialsWithSeasons || false).checkboxradio('refresh');
|
|
|
|
$('#txtPath', page).val(item.Path || '');
|
|
$('#txtName', page).val(item.Name || "");
|
|
$('#txtOverview', page).val(item.Overview || "");
|
|
$('#txtShortOverview', page).val(item.ShortOverview || "");
|
|
$('#txtTagline', page).val((item.Taglines && item.Taglines.length ? item.Taglines[0] : ''));
|
|
$('#txtSortName', page).val(item.ForcedSortName || "");
|
|
$('#txtDisplayMediaType', page).val(item.DisplayMediaType || "");
|
|
$('#txtCommunityRating', page).val(item.CommunityRating || "");
|
|
$('#txtCommunityVoteCount', page).val(item.VoteCount || "");
|
|
$('#txtHomePageUrl', page).val(item.HomePageUrl || "");
|
|
|
|
$('#txtAwardSummary', page).val(item.AwardSummary || "");
|
|
$('#txtMetascore', page).val(item.Metascore || "");
|
|
|
|
$('#txtBudget', page).val(item.Budget || "");
|
|
$('#txtRevenue', page).val(item.Revenue || "");
|
|
|
|
$('#txtCriticRating', page).val(item.CriticRating || "");
|
|
$('#txtCriticRatingSummary', page).val(item.CriticRatingSummary || "");
|
|
|
|
$('#txtIndexNumber', page).val(('IndexNumber' in item) ? item.IndexNumber : "");
|
|
$('#txtParentIndexNumber', page).val(('ParentIndexNumber' in item) ? item.ParentIndexNumber : "");
|
|
$('#txtPlayers', page).val(item.Players || "");
|
|
|
|
$('#txtAbsoluteEpisodeNumber', page).val(('AbsoluteEpisodeNumber' in item) ? item.AbsoluteEpisodeNumber : "");
|
|
$('#txtDvdEpisodeNumber', page).val(('DvdEpisodeNumber' in item) ? item.DvdEpisodeNumber : "");
|
|
$('#txtDvdSeasonNumber', page).val(('DvdSeasonNumber' in item) ? item.DvdSeasonNumber : "");
|
|
$('#txtAirsBeforeSeason', page).val(('AirsBeforeSeasonNumber' in item) ? item.AirsBeforeSeasonNumber : "");
|
|
$('#txtAirsAfterSeason', page).val(('AirsAfterSeasonNumber' in item) ? item.AirsAfterSeasonNumber : "");
|
|
$('#txtAirsBeforeEpisode', page).val(('AirsBeforeEpisodeNumber' in item) ? item.AirsBeforeEpisodeNumber : "");
|
|
|
|
$('#txtAlbum', page).val(item.Album || "");
|
|
|
|
$('#txtAlbumArtist', page).val((item.AlbumArtists || []).map(function (a) {
|
|
|
|
return a.Name;
|
|
|
|
}).join(';'));
|
|
|
|
$('#selectDisplayOrder', page).val(item.DisplayOrder).selectmenu('refresh');
|
|
|
|
$('#txtArtist', page).val((item.ArtistItems || []).map(function (a) {
|
|
|
|
return a.Name;
|
|
|
|
}).join(';'));
|
|
|
|
var date;
|
|
|
|
if (item.DateCreated) {
|
|
try {
|
|
date = parseISO8601Date(item.DateCreated, { toLocal: true });
|
|
|
|
$('#txtDateAdded', page).val(date.toISOString().slice(0, 10));
|
|
} catch (e) {
|
|
$('#txtDateAdded', page).val('');
|
|
}
|
|
} else {
|
|
$('#txtDateAdded', page).val('');
|
|
}
|
|
|
|
if (item.PremiereDate) {
|
|
try {
|
|
date = parseISO8601Date(item.PremiereDate, { toLocal: true });
|
|
|
|
$('#txtPremiereDate', page).val(date.toISOString().slice(0, 10));
|
|
} catch (e) {
|
|
$('#txtPremiereDate', page).val('');
|
|
}
|
|
} else {
|
|
$('#txtPremiereDate', page).val('');
|
|
}
|
|
|
|
if (item.EndDate) {
|
|
try {
|
|
date = parseISO8601Date(item.EndDate, { toLocal: true });
|
|
|
|
$('#txtEndDate', page).val(date.toISOString().slice(0, 10));
|
|
} catch (e) {
|
|
$('#txtEndDate', page).val('');
|
|
}
|
|
} else {
|
|
$('#txtEndDate', page).val('');
|
|
}
|
|
|
|
$('#txtProductionYear', page).val(item.ProductionYear || "");
|
|
$('#txtAirTime', page).val(item.AirTime || "");
|
|
|
|
var placeofBirth = item.ProductionLocations && item.ProductionLocations.length ? item.ProductionLocations[0] : '';
|
|
$('#txtPlaceOfBirth', page).val(placeofBirth);
|
|
|
|
$('#txtOriginalAspectRatio', page).val(item.AspectRatio || "");
|
|
|
|
$('#selectLanguage', page).val(item.PreferredMetadataLanguage || "").selectmenu('refresh');
|
|
$('#selectCountry', page).val(item.PreferredMetadataCountryCode || "").selectmenu('refresh');
|
|
|
|
if (item.RunTimeTicks) {
|
|
|
|
var minutes = item.RunTimeTicks / 600000000;
|
|
|
|
$('#txtSeriesRuntime', page).val(Math.round(minutes));
|
|
} else {
|
|
$('#txtSeriesRuntime', page).val("");
|
|
}
|
|
}
|
|
|
|
function populatePeople(page, people) {
|
|
|
|
var lastType = '';
|
|
var html = '';
|
|
|
|
var elem = $('#peopleList', page);
|
|
|
|
for (var i = 0, length = people.length; i < length; i++) {
|
|
|
|
var person = people[i];
|
|
|
|
var type = person.Type || Globalize.translate('PersonTypePerson');
|
|
|
|
if (type != lastType) {
|
|
html += '<li data-role="list-divider">' + type + '</li>';
|
|
lastType = type;
|
|
}
|
|
|
|
html += '<li><a class="btnEditPerson" href="#" data-index="' + i + '">';
|
|
|
|
html += '<h3>' + (person.Name || '') + '</h3>';
|
|
|
|
if (person.Role && person.Role != lastType) {
|
|
html += '<p>' + (person.Role) + '</p>';
|
|
}
|
|
html += '</a>';
|
|
|
|
html += '<a class="btnDeletePerson" href="#" data-icon="delete" data-index="' + i + '">' + Globalize.translate('Delete') + '</a>';
|
|
|
|
html += '</li>';
|
|
}
|
|
|
|
elem.html(html).listview('refresh');
|
|
|
|
$('.btnDeletePerson', elem).on('click', function () {
|
|
|
|
var index = parseInt(this.getAttribute('data-index'));
|
|
currentItem.People.splice(index, 1);
|
|
|
|
populatePeople(page, currentItem.People);
|
|
});
|
|
|
|
$('.btnEditPerson', elem).on('click', function () {
|
|
|
|
var index = parseInt(this.getAttribute('data-index'));
|
|
|
|
editPerson(page, currentItem.People[index], index);
|
|
});
|
|
}
|
|
|
|
function editPerson(page, person, index) {
|
|
|
|
$('#popupEditPerson', page).popup("open");
|
|
|
|
$('#txtPersonName', page).val(person.Name || '');
|
|
$('#selectPersonType', page).val(person.Type || '').selectmenu('refresh');
|
|
$('#txtPersonRole', page).val(person.Role || '');
|
|
|
|
if (index == null) {
|
|
index = '';
|
|
}
|
|
|
|
$("#fldPersonIndex", page).val(index);
|
|
}
|
|
|
|
function savePersonInfo(page) {
|
|
|
|
$('#popupEditPerson', page).popup("close");
|
|
|
|
var index = $("#fldPersonIndex", page).val();
|
|
var person;
|
|
|
|
var isNew = true;
|
|
|
|
if (index) {
|
|
|
|
isNew = false;
|
|
index = parseInt(index);
|
|
|
|
person = currentItem.People[index];
|
|
|
|
} else {
|
|
person = {};
|
|
}
|
|
|
|
person.Name = $('#txtPersonName', page).val();
|
|
person.Type = $('#selectPersonType', page).val();
|
|
person.Role = $('#txtPersonRole', page).val();
|
|
|
|
if (isNew) {
|
|
currentItem.People.push(person);
|
|
}
|
|
|
|
populatePeople(page, currentItem.People);
|
|
}
|
|
|
|
function populateRatings(allParentalRatings, select, currentValue) {
|
|
|
|
var html = "";
|
|
|
|
html += "<option value=''></option>";
|
|
|
|
var ratings = [];
|
|
var i, length, rating;
|
|
|
|
var currentValueFound = false;
|
|
|
|
for (i = 0, length = allParentalRatings.length; i < length; i++) {
|
|
|
|
rating = allParentalRatings[i];
|
|
|
|
ratings.push({ Name: rating.Name, Value: rating.Name });
|
|
|
|
if (rating.Name == currentValue) {
|
|
currentValueFound = true;
|
|
}
|
|
}
|
|
|
|
if (currentValue && !currentValueFound) {
|
|
ratings.push({ Name: currentValue, Value: currentValue });
|
|
}
|
|
|
|
for (i = 0, length = ratings.length; i < length; i++) {
|
|
|
|
rating = ratings[i];
|
|
|
|
html += "<option value='" + rating.Value + "'>" + rating.Name + "</option>";
|
|
}
|
|
|
|
select.html(html).selectmenu("refresh");
|
|
}
|
|
|
|
function populateStatus(select) {
|
|
var html = "";
|
|
|
|
html += "<option value=''></option>";
|
|
html += "<option value='Continuing'>" + Globalize.translate('OptionContinuing') + "</option>";
|
|
html += "<option value='Ended'>" + Globalize.translate('OptionEnded') + "</option>";
|
|
select.html(html).selectmenu("refresh");
|
|
}
|
|
|
|
function populateListView(list, items, sortCallback) {
|
|
items = items || [];
|
|
if (typeof (sortCallback) === 'undefined') {
|
|
items.sort(function (a, b) { return a.toLowerCase().localeCompare(b.toLowerCase()); });
|
|
} else {
|
|
items = sortCallback(items);
|
|
}
|
|
var html = '';
|
|
for (var i = 0; i < items.length; i++) {
|
|
html += '<li data-mini="true"><a class="data">' + items[i] + '</a><a href="#" onclick="EditItemMetadataPage.removeElementFromListview(this)" class="btnRemoveFromEditorList"></a></li>';
|
|
}
|
|
list.html(html).listview('refresh');
|
|
}
|
|
|
|
function editableListViewValues(list) {
|
|
return list.find('a.data').map(function () { return $(this).text(); }).get();
|
|
}
|
|
|
|
function generateSliders(fields, type) {
|
|
var html = '';
|
|
for (var i = 0; i < fields.length; i++) {
|
|
|
|
var field = fields[i];
|
|
var name = field.name;
|
|
var value = field.value || field.name;
|
|
html += '<div data-role="fieldcontain">';
|
|
html += '<label for="lock' + value + '">' + name + '</label>';
|
|
html += '<select class="selectLockedField" id="lock' + value + '" data-role="slider" data-mini="true">';
|
|
html += '<option value="' + value + '">' + Globalize.translate('OptionOff') + '</option>';
|
|
html += '<option value="" selected="selected">' + Globalize.translate('OptionOn') + '</option>';
|
|
html += '</select>';
|
|
html += '</div>';
|
|
}
|
|
return html;
|
|
}
|
|
|
|
function populateInternetProviderSettings(page, item, lockedFields) {
|
|
var container = $('#providerSettingsContainer', page);
|
|
lockedFields = lockedFields || new Array();
|
|
|
|
var metadatafields = [
|
|
{ name: Globalize.translate('OptionName'), value: "Name" },
|
|
{ name: Globalize.translate('OptionOverview'), value: "Overview" },
|
|
{ name: Globalize.translate('OptionGenres'), value: "Genres" },
|
|
{ name: Globalize.translate('OptionParentalRating'), value: "OfficialRating" },
|
|
{ name: Globalize.translate('OptionPeople'), value: "Cast" }
|
|
];
|
|
|
|
if (item.Type == "Person") {
|
|
metadatafields.push({ name: Globalize.translate('OptionBirthLocation'), value: "ProductionLocations" });
|
|
} else {
|
|
metadatafields.push({ name: Globalize.translate('OptionProductionLocations'), value: "ProductionLocations" });
|
|
}
|
|
|
|
if (item.Type == "Series") {
|
|
metadatafields.push({ name: Globalize.translate('OptionRuntime'), value: "Runtime" });
|
|
}
|
|
|
|
metadatafields.push({ name: Globalize.translate('OptionStudios'), value: "Studios" });
|
|
metadatafields.push({ name: Globalize.translate('OptionTags'), value: "Tags" });
|
|
metadatafields.push({ name: Globalize.translate('OptionKeywords'), value: "Keywords" });
|
|
metadatafields.push({ name: Globalize.translate('OptionImages'), value: "Images" });
|
|
metadatafields.push({ name: Globalize.translate('OptionBackdrops'), value: "Backdrops" });
|
|
|
|
if (item.Type == "Game") {
|
|
metadatafields.push({ name: Globalize.translate('OptionScreenshots'), value: "Screenshots" });
|
|
}
|
|
|
|
var html = '';
|
|
|
|
html += "<h1>" + Globalize.translate('HeaderFields') + "</h1>";
|
|
html += "<p>" + Globalize.translate('HeaderFieldsHelp') + "</p>";
|
|
html += generateSliders(metadatafields, 'Fields');
|
|
container.html(html).trigger('create');
|
|
for (var fieldIndex = 0; fieldIndex < lockedFields.length; fieldIndex++) {
|
|
var field = lockedFields[fieldIndex];
|
|
$('#lock' + field).val(field).slider('refresh');
|
|
}
|
|
}
|
|
|
|
function getSelectedAirDays(form) {
|
|
return $('.chkAirDay:checked', form).map(function () {
|
|
return this.getAttribute('data-day');
|
|
}).get();
|
|
}
|
|
|
|
function onDeleted(id) {
|
|
|
|
var elem = $('#' + id)[0];
|
|
|
|
$('.libraryTree').jstree("select_node", elem, true)
|
|
.jstree("delete_node", '#' + id);
|
|
}
|
|
|
|
function getAlbumArtists(form) {
|
|
|
|
return $('#txtAlbumArtist', form).val().trim().split(';').filter(function (s) {
|
|
|
|
return s.length > 0;
|
|
|
|
}).map(function (a) {
|
|
|
|
return {
|
|
Name: a
|
|
};
|
|
});
|
|
}
|
|
|
|
function getArtists(form) {
|
|
|
|
return $('#txtArtist', form).val().trim().split(';').filter(function (s) {
|
|
|
|
return s.length > 0;
|
|
|
|
}).map(function (a) {
|
|
|
|
return {
|
|
Name: a
|
|
};
|
|
});
|
|
}
|
|
|
|
function editItemMetadataPage() {
|
|
|
|
var self = this;
|
|
|
|
self.onSubmit = function () {
|
|
|
|
var form = this;
|
|
|
|
var item = {
|
|
Id: currentItem.Id,
|
|
Name: $('#txtName', form).val(),
|
|
ForcedSortName: $('#txtSortName', form).val(),
|
|
DisplayMediaType: $('#txtDisplayMediaType', form).val(),
|
|
CommunityRating: $('#txtCommunityRating', form).val(),
|
|
VoteCount: $('#txtCommunityVoteCount', form).val(),
|
|
HomePageUrl: $('#txtHomePageUrl', form).val(),
|
|
Budget: $('#txtBudget', form).val(),
|
|
Revenue: $('#txtRevenue', form).val(),
|
|
CriticRating: $('#txtCriticRating', form).val(),
|
|
CriticRatingSummary: $('#txtCriticRatingSummary', form).val(),
|
|
IndexNumber: $('#txtIndexNumber', form).val() || null,
|
|
DisplaySpecialsWithSeasons: $('#chkDisplaySpecialsInline', form).checked(),
|
|
AbsoluteEpisodeNumber: $('#txtAbsoluteEpisodeNumber', form).val(),
|
|
DvdEpisodeNumber: $('#txtDvdEpisodeNumber', form).val(),
|
|
DvdSeasonNumber: $('#txtDvdSeasonNumber', form).val(),
|
|
AirsBeforeSeasonNumber: $('#txtAirsBeforeSeason', form).val(),
|
|
AirsAfterSeasonNumber: $('#txtAirsAfterSeason', form).val(),
|
|
AirsBeforeEpisodeNumber: $('#txtAirsBeforeEpisode', form).val(),
|
|
ParentIndexNumber: $('#txtParentIndexNumber', form).val() || null,
|
|
DisplayOrder: $('#selectDisplayOrder', form).val(),
|
|
Players: $('#txtPlayers', form).val(),
|
|
Album: $('#txtAlbum', form).val(),
|
|
AlbumArtist: getAlbumArtists(form),
|
|
ArtistItems: getArtists(form),
|
|
Metascore: $('#txtMetascore', form).val(),
|
|
AwardSummary: $('#txtAwardSummary', form).val(),
|
|
Overview: $('#txtOverview', form).val(),
|
|
ShortOverview: $('#txtShortOverview', form).val(),
|
|
Status: $('#selectStatus', form).val(),
|
|
AirDays: getSelectedAirDays(form),
|
|
AirTime: $('#txtAirTime', form).val(),
|
|
Genres: editableListViewValues($("#listGenres", form)),
|
|
ProductionLocations: editableListViewValues($("#listCountries", form)),
|
|
Tags: editableListViewValues($("#listTags", form)),
|
|
Keywords: editableListViewValues($("#listKeywords", form)),
|
|
Studios: editableListViewValues($("#listStudios", form)).map(function (element) { return { Name: element }; }),
|
|
|
|
PremiereDate: EditItemMetadataPage.getDateFromForm(form, '#txtPremiereDate', 'PremiereDate'),
|
|
DateCreated: EditItemMetadataPage.getDateFromForm(form, '#txtDateAdded', 'DateCreated'),
|
|
EndDate: EditItemMetadataPage.getDateFromForm(form, '#txtEndDate', 'EndDate'),
|
|
ProductionYear: $('#txtProductionYear', form).val(),
|
|
AspectRatio: $('#txtOriginalAspectRatio', form).val(),
|
|
Video3DFormat: $('#select3dFormat', form).val(),
|
|
|
|
OfficialRating: $('#selectOfficialRating', form).val(),
|
|
CustomRating: $('#selectCustomRating', form).val(),
|
|
People: currentItem.People,
|
|
LockData: $("#chkLockData", form).prop('checked'),
|
|
LockedFields: $('.selectLockedField', form).map(function () {
|
|
var value = $(this).val();
|
|
if (value != '') return value;
|
|
}).get()
|
|
};
|
|
|
|
item.ProviderIds = $.extend({}, currentItem.ProviderIds || {});
|
|
|
|
$('.txtExternalId', form).each(function () {
|
|
|
|
var providerkey = this.getAttribute('data-providerkey');
|
|
|
|
item.ProviderIds[providerkey] = this.value;
|
|
});
|
|
|
|
item.PreferredMetadataLanguage = $('#selectLanguage', form).val();
|
|
item.PreferredMetadataCountryCode = $('#selectCountry', form).val();
|
|
|
|
if (currentItem.Type == "Person") {
|
|
|
|
var placeOfBirth = $('#txtPlaceOfBirth', form).val();
|
|
|
|
item.ProductionLocations = placeOfBirth ? [placeOfBirth] : [];
|
|
}
|
|
|
|
if (currentItem.Type == "Series") {
|
|
|
|
// 600000000
|
|
var seriesRuntime = $('#txtSeriesRuntime', form).val();
|
|
item.RunTimeTicks = seriesRuntime ? (seriesRuntime * 600000000) : null;
|
|
}
|
|
|
|
var tagline = $('#txtTagline', form).val();
|
|
item.Taglines = tagline ? [tagline] : [];
|
|
|
|
self.submitUpdatedItem(form, item);
|
|
|
|
return false;
|
|
};
|
|
|
|
self.submitUpdatedItem = function (form, item) {
|
|
|
|
var page = $(form).parents('.page');
|
|
unbindItemChanged(page);
|
|
|
|
function afterContentTypeUpdated() {
|
|
|
|
Dashboard.alert(Globalize.translate('MessageItemSaved'));
|
|
|
|
MetadataEditor.getItemPromise().done(function (i) {
|
|
page.trigger('itemsaved', [i]);
|
|
bindItemChanged(page);
|
|
});
|
|
}
|
|
|
|
ApiClient.updateItem(item).done(function () {
|
|
|
|
var newContentType = $('#selectContentType', form).val() || '';
|
|
|
|
if ((metadataEditorInfo.ContentType || '') != newContentType) {
|
|
|
|
ApiClient.ajax({
|
|
|
|
url: ApiClient.getUrl('Items/' + item.Id + '/ContentType', {
|
|
ContentType: newContentType
|
|
}),
|
|
|
|
type: 'POST'
|
|
|
|
}).done(function () {
|
|
afterContentTypeUpdated();
|
|
});
|
|
|
|
} else {
|
|
afterContentTypeUpdated();
|
|
}
|
|
|
|
});
|
|
};
|
|
|
|
self.getDateFromForm = function (form, element, property) {
|
|
|
|
var val = $(element, form).val();
|
|
|
|
if (!val) {
|
|
return null;
|
|
}
|
|
|
|
if (currentItem[property]) {
|
|
|
|
var date = parseISO8601Date(currentItem[property], { toLocal: true });
|
|
|
|
var parts = date.toISOString().split('T');
|
|
|
|
// If the date is the same, preserve the time
|
|
if (parts[0].indexOf(val) == 0) {
|
|
|
|
var iso = parts[1];
|
|
|
|
val += 'T' + iso;
|
|
}
|
|
}
|
|
|
|
return val;
|
|
};
|
|
|
|
self.addElementToEditableListview = function (source, sortCallback) {
|
|
|
|
var parent = $(source).parents('*[data-role="editableListviewContainer"]');
|
|
var input = parent.find('.txtEditableListview, select');
|
|
var text = input.val();
|
|
|
|
if (text == '') return;
|
|
var list = parent.find('ul[data-role="listview"]');
|
|
var items = editableListViewValues(list);
|
|
items.push(text);
|
|
populateListView(list, items, sortCallback);
|
|
};
|
|
|
|
self.setProviderSettingsContainerVisibility = function (source) {
|
|
if (!$(source).prop('checked')) {
|
|
$('#providerSettingsContainer').show();
|
|
} else {
|
|
$('#providerSettingsContainer').hide();
|
|
}
|
|
};
|
|
|
|
self.removeElementFromListview = function (source) {
|
|
var list = $(source).parents('ul[data-role="listview"]');
|
|
$(source).parent().remove();
|
|
list.listview('refresh');
|
|
};
|
|
|
|
self.onIdentificationFormSubmitted = function () {
|
|
|
|
var page = $(this).parents('.page');
|
|
|
|
searchForIdentificationResults(page);
|
|
return false;
|
|
};
|
|
|
|
self.onRefreshFormSubmit = function () {
|
|
var page = $(this).parents('.page');
|
|
|
|
refreshFromPopupOptions(page);
|
|
return false;
|
|
};
|
|
|
|
self.onPersonInfoFormSubmit = function () {
|
|
|
|
var page = $(this).parents('.page');
|
|
|
|
savePersonInfo(page);
|
|
return false;
|
|
};
|
|
|
|
self.onIdentificationOptionsSubmit = function () {
|
|
|
|
var page = $(this).parents('.page');
|
|
|
|
submitIdentficationResult(page);
|
|
return false;
|
|
};
|
|
}
|
|
|
|
window.EditItemMetadataPage = new editItemMetadataPage();
|
|
|
|
function showIdentificationForm(page) {
|
|
|
|
var item = currentItem;
|
|
|
|
ApiClient.getJSON(ApiClient.getUrl("Items/" + item.Id + "/ExternalIdInfos")).done(function (idList) {
|
|
|
|
var html = '';
|
|
|
|
var providerIds = item.ProviderIds || {};
|
|
|
|
for (var i = 0, length = idList.length; i < length; i++) {
|
|
|
|
var idInfo = idList[i];
|
|
|
|
var id = "txtLookup" + idInfo.Key;
|
|
|
|
html += '<div data-role="fieldcontain">';
|
|
|
|
var idLabel = Globalize.translate('LabelDynamicExternalId').replace('{0}', idInfo.Name);
|
|
html += '<label for="' + id + '">' + idLabel + '</label>';
|
|
|
|
var value = providerIds[idInfo.Key] || '';
|
|
|
|
html += '<input class="txtLookupId" value="' + value + '" data-providerkey="' + idInfo.Key + '" id="' + id + '" data-mini="true" />';
|
|
|
|
html += '</div>';
|
|
}
|
|
|
|
$('#txtLookupName', page).val(item.Name);
|
|
|
|
if (item.Type == "Person" || item.Type == "BoxSet") {
|
|
|
|
$('.fldLookupYear', page).hide();
|
|
$('#txtLookupYear', page).val('');
|
|
} else {
|
|
|
|
$('.fldLookupYear', page).show();
|
|
$('#txtLookupYear', page).val(item.ProductionYear);
|
|
}
|
|
|
|
$('.identifyProviderIds', page).html(html).trigger('create');
|
|
|
|
$('.identificationHeader', page).html(Globalize.translate('HeaderIdentify'));
|
|
|
|
$('.popupIdentifyForm', page).show();
|
|
$('.identificationSearchResults', page).hide();
|
|
$('.identifyOptionsForm', page).hide();
|
|
$('.btnIdentifyBack', page).hide();
|
|
|
|
$('.popupIdentify', page).popup('open');
|
|
});
|
|
}
|
|
|
|
function searchForIdentificationResults(page) {
|
|
|
|
var lookupInfo = {
|
|
ProviderIds: {}
|
|
};
|
|
|
|
$('.identifyField', page).each(function () {
|
|
|
|
var value = this.value;
|
|
|
|
if (value) {
|
|
|
|
if (this.type == 'number') {
|
|
value = parseInt(value);
|
|
}
|
|
|
|
lookupInfo[this.getAttribute('data-lookup')] = value;
|
|
}
|
|
|
|
});
|
|
|
|
var hasId = false;
|
|
|
|
$('.txtLookupId', page).each(function () {
|
|
|
|
var value = this.value;
|
|
|
|
if (value) {
|
|
hasId = true;
|
|
}
|
|
lookupInfo.ProviderIds[this.getAttribute('data-providerkey')] = value;
|
|
|
|
});
|
|
|
|
if (!hasId && !lookupInfo.Name) {
|
|
Dashboard.alert(Globalize.translate('MessagePleaseEnterNameOrId'));
|
|
return;
|
|
}
|
|
|
|
if (currentItem.GameSystem) {
|
|
lookupInfo.GameSystem = currentItem.GameSystem;
|
|
}
|
|
|
|
lookupInfo = {
|
|
SearchInfo: lookupInfo,
|
|
IncludeDisabledProviders: true
|
|
};
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
ApiClient.ajax({
|
|
type: "POST",
|
|
url: ApiClient.getUrl("Items/RemoteSearch/" + currentItem.Type),
|
|
data: JSON.stringify(lookupInfo),
|
|
contentType: "application/json"
|
|
|
|
}).done(function (results) {
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
showIdentificationSearchResults(page, results);
|
|
});
|
|
}
|
|
|
|
function getSearchImageDisplayUrl(url, provider) {
|
|
return ApiClient.getUrl("Items/RemoteSearch/Image", { imageUrl: url, ProviderName: provider });
|
|
}
|
|
|
|
function getSearchResultHtml(result, index) {
|
|
|
|
var html = '';
|
|
var cssClass = "searchImageContainer remoteImageContainer";
|
|
|
|
if (currentItem.Type == "Episode") {
|
|
cssClass += " searchBackdropImageContainer";
|
|
}
|
|
else if (currentItem.Type == "MusicAlbum" || currentItem.Type == "MusicArtist") {
|
|
cssClass += " searchDiscImageContainer";
|
|
}
|
|
else {
|
|
cssClass += " searchPosterImageContainer";
|
|
}
|
|
|
|
html += '<div class="' + cssClass + '">';
|
|
|
|
if (result.ImageUrl) {
|
|
var displayUrl = getSearchImageDisplayUrl(result.ImageUrl, result.SearchProviderName);
|
|
|
|
html += '<a href="#" class="searchImage" data-index="' + index + '" style="background-image:url(\'' + displayUrl + '\');">';
|
|
} else {
|
|
|
|
html += '<a href="#" class="searchImage" data-index="' + index + '" style="background-image:url(\'css/images/items/list/remotesearch.png\');background-position: center center;">';
|
|
}
|
|
html += '</a>';
|
|
|
|
html += '<div class="remoteImageDetails">';
|
|
html += result.Name;
|
|
html += '</div>';
|
|
|
|
html += '<div class="remoteImageDetails">';
|
|
html += result.ProductionYear || ' ';
|
|
html += '</div>';
|
|
|
|
if (result.GameSystem) {
|
|
html += '<div class="remoteImageDetails">';
|
|
html += result.GameSystem;
|
|
html += '</div>';
|
|
}
|
|
|
|
html += '</div>';
|
|
return html;
|
|
}
|
|
|
|
function showIdentificationSearchResults(page, results) {
|
|
|
|
$('.popupIdentifyForm', page).hide();
|
|
$('.identificationSearchResults', page).show();
|
|
$('.identifyOptionsForm', page).hide();
|
|
$('.btnIdentifyBack', page).show();
|
|
|
|
var html = '';
|
|
|
|
for (var i = 0, length = results.length; i < length; i++) {
|
|
|
|
var result = results[i];
|
|
|
|
html += getSearchResultHtml(result, i);
|
|
}
|
|
|
|
var elem = $('.identificationSearchResultList', page).html(html).trigger('create');
|
|
|
|
$('.searchImage', elem).on('click', function () {
|
|
|
|
var index = parseInt(this.getAttribute('data-index'));
|
|
|
|
var currentResult = results[index];
|
|
|
|
showIdentifyOptions(page, currentResult);
|
|
});
|
|
}
|
|
|
|
function showIdentifyOptions(page, identifyResult) {
|
|
|
|
$('.popupIdentifyForm', page).hide();
|
|
$('.identificationSearchResults', page).hide();
|
|
$('.identifyOptionsForm', page).show();
|
|
$('.btnIdentifyBack', page).show();
|
|
$('#chkIdentifyReplaceImages', page).checked(true).checkboxradio('refresh');
|
|
|
|
currentSearchResult = identifyResult;
|
|
|
|
var lines = [];
|
|
lines.push(identifyResult.Name);
|
|
|
|
if (identifyResult.ProductionYear) {
|
|
lines.push(identifyResult.ProductionYear);
|
|
}
|
|
|
|
if (identifyResult.GameSystem) {
|
|
lines.push(identifyResult.GameSystem);
|
|
}
|
|
|
|
var resultHtml = lines.join('<br/>');
|
|
|
|
if (identifyResult.ImageUrl) {
|
|
var displayUrl = getSearchImageDisplayUrl(identifyResult.ImageUrl, identifyResult.SearchProviderName);
|
|
|
|
resultHtml = '<img src="' + displayUrl + '" style="max-height:160px;" /><br/>' + resultHtml;
|
|
}
|
|
|
|
$('.selectedSearchResult', page).html(resultHtml);
|
|
}
|
|
|
|
function submitIdentficationResult(page) {
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
var options = {
|
|
ReplaceAllImages: $('#chkIdentifyReplaceImages', page).checked()
|
|
};
|
|
|
|
ApiClient.ajax({
|
|
type: "POST",
|
|
url: ApiClient.getUrl("Items/RemoteSearch/Apply/" + currentItem.Id, options),
|
|
data: JSON.stringify(currentSearchResult),
|
|
contentType: "application/json"
|
|
|
|
}).done(function () {
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
|
|
$('.popupIdentify', page).popup('close');
|
|
|
|
reload(page);
|
|
});
|
|
}
|
|
|
|
function performAdvancedRefresh(page) {
|
|
|
|
$('.popupAdvancedRefresh', page).popup('open');
|
|
|
|
$('#selectMetadataRefreshMode', page).val('all').selectmenu('refresh');
|
|
$('#selectImageRefreshMode', page).val('missing').selectmenu('refresh');
|
|
}
|
|
|
|
function performSimpleRefresh(page) {
|
|
|
|
refreshWithOptions(page, {
|
|
|
|
Recursive: true,
|
|
ImageRefreshMode: 'FullRefresh',
|
|
MetadataRefreshMode: 'FullRefresh',
|
|
ReplaceAllMetadata: true
|
|
});
|
|
}
|
|
|
|
function refreshFromPopupOptions(page) {
|
|
|
|
var metadataRefreshMode = $('#selectMetadataRefreshMode', page).val();
|
|
var imageRefreshMode = $('#selectImageRefreshMode', page).val();
|
|
|
|
refreshWithOptions(page, {
|
|
|
|
Recursive: true,
|
|
ImageRefreshMode: imageRefreshMode == 'none' ? 'None' : 'FullRefresh',
|
|
MetadataRefreshMode: metadataRefreshMode == 'none' ? 'None' : (metadataRefreshMode == 'local' ? 'ValidationOnly' : 'FullRefresh'),
|
|
ReplaceAllImages: imageRefreshMode == 'all',
|
|
ReplaceAllMetadata: metadataRefreshMode == 'all'
|
|
});
|
|
|
|
$('.popupAdvancedRefresh', page).popup('close');
|
|
}
|
|
|
|
function refreshWithOptions(page, options) {
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
ApiClient.refreshItem(currentItem.Id, options);
|
|
|
|
if (!ApiClient.isWebSocketOpen()) {
|
|
|
|
// For now this is a hack
|
|
setTimeout(function () {
|
|
Dashboard.hideLoadingMsg();
|
|
}, 5000);
|
|
}
|
|
}
|
|
|
|
function onWebSocketMessageReceived(e, data) {
|
|
|
|
var msg = data;
|
|
|
|
if (msg.MessageType === "LibraryChanged") {
|
|
|
|
if (msg.Data.ItemsUpdated.indexOf(currentItem.Id) != -1) {
|
|
|
|
var page = $.mobile.activePage;
|
|
|
|
Logger.log('Item updated - reloading metadata');
|
|
reload(page);
|
|
}
|
|
}
|
|
}
|
|
|
|
function bindItemChanged(page) {
|
|
|
|
$(ApiClient).on("websocketmessage", onWebSocketMessageReceived);
|
|
}
|
|
|
|
function unbindItemChanged(page) {
|
|
|
|
$(ApiClient).off("websocketmessage", onWebSocketMessageReceived);
|
|
}
|
|
|
|
function onItemDeleted(e, itemId) {
|
|
|
|
if (currentItem && currentItem.Id == itemId) {
|
|
|
|
if (currentItem.ParentId) {
|
|
Dashboard.navigate('edititemmetadata.html?id=' + currentItem.ParentId);
|
|
} else {
|
|
Dashboard.navigate('edititemmetadata.html');
|
|
}
|
|
}
|
|
}
|
|
|
|
function showMoreMenu(page) {
|
|
|
|
Dashboard.getCurrentUser().done(function (user) {
|
|
|
|
var moreCommands = LibraryBrowser.getMoreCommands(currentItem, user);
|
|
|
|
var menuItems = [];
|
|
|
|
menuItems.push({
|
|
name: Globalize.translate('ButtonAdvancedRefresh'),
|
|
id: 'refresh',
|
|
ironIcon: 'refresh'
|
|
});
|
|
|
|
if (moreCommands.indexOf('delete') != -1) {
|
|
menuItems.push({
|
|
name: Globalize.translate('ButtonDelete'),
|
|
id: 'delete',
|
|
ironIcon: 'delete'
|
|
});
|
|
}
|
|
|
|
require(['actionsheet'], function () {
|
|
|
|
ActionSheetElement.show({
|
|
items: menuItems,
|
|
callback: function (id) {
|
|
|
|
switch (id) {
|
|
|
|
case 'refresh':
|
|
performAdvancedRefresh(page);
|
|
break;
|
|
case 'delete':
|
|
LibraryBrowser.deleteItem(currentItem.Id);
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
}
|
|
|
|
$(document).on('pageinitdepends', "#editItemMetadataPage", function () {
|
|
|
|
var page = this;
|
|
|
|
$('.btnSimpleRefresh', this).on('click', function () {
|
|
|
|
performSimpleRefresh(page);
|
|
});
|
|
|
|
$('#btnIdentify', page).on('click', function () {
|
|
|
|
showIdentificationForm(page);
|
|
});
|
|
|
|
$('.btnIdentifyBack', page).on('click', function () {
|
|
|
|
if ($('.identifyOptionsForm', page).is(':visible')) {
|
|
|
|
$('.identifyOptionsForm', page).hide();
|
|
|
|
$('.identificationSearchResults', page).show();
|
|
$('.popupIdentifyForm', page).hide();
|
|
} else {
|
|
|
|
$('.identificationSearchResults', page).hide();
|
|
$('.popupIdentifyForm', page).show();
|
|
$(this).hide();
|
|
}
|
|
});
|
|
|
|
$('.libraryTree', page).on('itemclicked', function (event, data) {
|
|
|
|
if (data.id != currentItem.Id) {
|
|
|
|
MetadataEditor.currentItemId = data.id;
|
|
MetadataEditor.currentItemType = data.itemType;
|
|
//Dashboard.navigate('edititemmetadata.html?id=' + data.id);
|
|
|
|
//$.mobile.urlHistory.ignoreNextHashChange = true;
|
|
window.location.hash = 'editItemMetadataPage?id=' + data.id;
|
|
$(page.querySelector('neon-animated-pages')).trigger('tabchange');
|
|
}
|
|
});
|
|
|
|
$("#btnAddPerson", page).on('click', function (event, data) {
|
|
|
|
editPerson(page, {});
|
|
});
|
|
|
|
$('.editItemMetadataForm').off('submit', EditItemMetadataPage.onSubmit).on('submit', EditItemMetadataPage.onSubmit);
|
|
$('.popupIdentifyForm').off('submit', EditItemMetadataPage.onIdentificationFormSubmitted).on('submit', EditItemMetadataPage.onIdentificationFormSubmitted);
|
|
$('.popupEditPersonForm').off('submit', EditItemMetadataPage.onPersonInfoFormSubmit).on('submit', EditItemMetadataPage.onPersonInfoFormSubmit);
|
|
$('.popupAdvancedRefreshForm').off('submit', EditItemMetadataPage.onRefreshFormSubmit).on('submit', EditItemMetadataPage.onRefreshFormSubmit);
|
|
$('.identifyOptionsForm').off('submit', EditItemMetadataPage.onIdentificationOptionsSubmit).on('submit', EditItemMetadataPage.onIdentificationOptionsSubmit);
|
|
|
|
$(page.querySelector('paper-tabs')).on('iron-select', function () {
|
|
page.querySelector('neon-animated-pages').selected = this.selected;
|
|
});
|
|
|
|
var tabs = page.querySelector('paper-tabs');
|
|
var pages = page.querySelector('neon-animated-pages');
|
|
|
|
configurePaperLibraryTabs(page, tabs, pages);
|
|
|
|
$(tabs).on('iron-select', function () {
|
|
var selected = this.selected;
|
|
|
|
page.querySelector('neon-animated-pages').selected = selected;
|
|
});
|
|
|
|
$(pages).on('tabchange', function () {
|
|
loadTab(page, parseInt(this.selected));
|
|
});
|
|
|
|
page.querySelector('.btnMore iron-icon').icon = AppInfo.moreIcon;
|
|
|
|
$('.btnMore', page).on('click', function () {
|
|
showMoreMenu(page);
|
|
});
|
|
|
|
}).on('pageshowready', "#editItemMetadataPage", function () {
|
|
|
|
var page = this;
|
|
|
|
$(LibraryBrowser).on('itemdeleting', onItemDeleted);
|
|
|
|
var selected = parseInt(getParameterByName('tab') || '0');
|
|
|
|
if (selected) {
|
|
|
|
page.querySelector('paper-tabs').selected = 0;
|
|
|
|
// Looks like a bug in paper-tabs. It won't set the tab if we try to do it too quickly
|
|
setTimeout(function () {
|
|
page.querySelectorAll('paper-tab')[selected].click();
|
|
}, 700);
|
|
}
|
|
|
|
}).on('pagebeforehide', "#editItemMetadataPage", function () {
|
|
|
|
var page = this;
|
|
$(LibraryBrowser).off('itemdeleting', onItemDeleted);
|
|
|
|
unbindItemChanged(page);
|
|
|
|
});
|
|
|
|
function configurePaperLibraryTabs(ownerpage, tabs, pages) {
|
|
|
|
tabs.hideScrollButtons = true;
|
|
|
|
$(ownerpage).on('pagebeforeshowready', LibraryBrowser.onTabbedPageBeforeShowReady);
|
|
|
|
$(pages).on('iron-select', function () {
|
|
|
|
// When transition animations are used, add a content loading delay to allow the animations to finish
|
|
// Otherwise with both operations happening at the same time, it can cause the animation to not run at full speed.
|
|
var delay = 500;
|
|
var pgs = this;
|
|
setTimeout(function () {
|
|
$(pgs).trigger('tabchange');
|
|
}, delay);
|
|
});
|
|
}
|
|
|
|
function loadTab(page, index) {
|
|
|
|
switch (index) {
|
|
|
|
case 0:
|
|
reload(page);
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
|
|
})(jQuery, document, window);
|
|
|