mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-18 11:28:23 -07:00
424 lines
11 KiB
JavaScript
424 lines
11 KiB
JavaScript
(function ($, window, document) {
|
|
|
|
function populateRatings(allParentalRatings, page) {
|
|
|
|
var html = "";
|
|
|
|
html += "<option value=''></option>";
|
|
|
|
var ratings = [];
|
|
var i, length, rating;
|
|
|
|
for (i = 0, length = allParentalRatings.length; i < length; i++) {
|
|
|
|
rating = allParentalRatings[i];
|
|
|
|
if (ratings.length) {
|
|
|
|
var lastRating = ratings[ratings.length - 1];
|
|
|
|
if (lastRating.Value === rating.Value) {
|
|
|
|
lastRating.Name += "/" + rating.Name;
|
|
continue;
|
|
}
|
|
|
|
}
|
|
|
|
ratings.push({ Name: rating.Name, Value: rating.Value });
|
|
}
|
|
|
|
for (i = 0, length = ratings.length; i < length; i++) {
|
|
|
|
rating = ratings[i];
|
|
|
|
html += "<option value='" + rating.Value + "'>" + rating.Name + "</option>";
|
|
}
|
|
|
|
$('#selectMaxParentalRating', page).html(html);
|
|
}
|
|
|
|
function loadUnratedItems(page, user) {
|
|
|
|
var items = [
|
|
{ name: Globalize.translate('OptionBlockBooks'), value: 'Book' },
|
|
{ name: Globalize.translate('OptionBlockGames'), value: 'Game' },
|
|
{ name: Globalize.translate('OptionBlockChannelContent'), value: 'ChannelContent' },
|
|
{ name: Globalize.translate('OptionBlockLiveTvChannels'), value: 'LiveTvChannel' },
|
|
{ name: Globalize.translate('OptionBlockLiveTvPrograms'), value: 'LiveTvProgram' },
|
|
{ name: Globalize.translate('OptionBlockMovies'), value: 'Movie' },
|
|
{ name: Globalize.translate('OptionBlockMusic'), value: 'Music' },
|
|
{ name: Globalize.translate('OptionBlockTrailers'), value: 'Trailer' },
|
|
{ name: Globalize.translate('OptionBlockTvShows'), value: 'Series' },
|
|
{ name: Globalize.translate('OptionBlockOthers'), value: 'Other' }
|
|
];
|
|
|
|
var html = '';
|
|
|
|
html += '<fieldset data-role="controlgroup">';
|
|
|
|
html += '<legend>' + Globalize.translate('HeaderBlockItemsWithNoRating') + '</legend>';
|
|
|
|
for (var i = 0, length = items.length; i < length; i++) {
|
|
|
|
var item = items[i];
|
|
|
|
var id = 'unratedItem' + i;
|
|
|
|
var checkedAttribute = user.Policy.BlockUnratedItems.indexOf(item.value) != -1 ? ' checked="checked"' : '';
|
|
|
|
html += '<input class="chkUnratedItem" data-itemtype="' + item.value + '" type="checkbox" id="' + id + '"' + checkedAttribute + ' />';
|
|
html += '<label for="' + id + '">' + item.name + '</label>';
|
|
}
|
|
|
|
html += '</fieldset>';
|
|
|
|
$('.blockUnratedItems', page).html(html).trigger('create');
|
|
}
|
|
|
|
function loadUser(page, user, allParentalRatings) {
|
|
|
|
Dashboard.setPageTitle(user.Name);
|
|
|
|
loadUnratedItems(page, user);
|
|
loadBlockedTags(page, user.Policy.BlockedTags);
|
|
|
|
populateRatings(allParentalRatings, page);
|
|
|
|
var ratingValue = "";
|
|
|
|
if (user.Policy.MaxParentalRating) {
|
|
|
|
for (var i = 0, length = allParentalRatings.length; i < length; i++) {
|
|
|
|
var rating = allParentalRatings[i];
|
|
|
|
if (user.Policy.MaxParentalRating >= rating.Value) {
|
|
ratingValue = rating.Value;
|
|
}
|
|
}
|
|
}
|
|
|
|
$('#selectMaxParentalRating', page).val(ratingValue);
|
|
|
|
if (user.Policy.IsAdministrator) {
|
|
$('.accessScheduleSection', page).hide();
|
|
} else {
|
|
$('.accessScheduleSection', page).show();
|
|
}
|
|
|
|
renderAccessSchedule(page, user.Policy.AccessSchedules || []);
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
}
|
|
|
|
function loadBlockedTags(page, tags) {
|
|
|
|
var html = '<ul data-role="listview" data-inset="true" data-split-icon="delete">' + tags.map(function (h) {
|
|
|
|
var li = '<li>';
|
|
|
|
li += '<a href="#">';
|
|
|
|
li += '<div style="font-weight:normal;">' + h + '</div>';
|
|
|
|
li += '</a>';
|
|
|
|
li += '<a class="blockedTag btnDeleteTag" href="#" data-tag="' + h + '"></a>';
|
|
|
|
li += '</li>';
|
|
|
|
return li;
|
|
|
|
}).join('') + '</ul>';
|
|
|
|
var elem = $('.blockedTags', page).html(html).trigger('create');
|
|
|
|
$('.btnDeleteTag', elem).on('click', function () {
|
|
|
|
var tag = this.getAttribute('data-tag');
|
|
|
|
var newTags = tags.filter(function (t) {
|
|
return t != tag;
|
|
});
|
|
|
|
loadBlockedTags(page, newTags);
|
|
});
|
|
}
|
|
|
|
function deleteAccessSchedule(page, schedules, index) {
|
|
|
|
schedules.splice(index, 1);
|
|
|
|
renderAccessSchedule(page, schedules);
|
|
}
|
|
|
|
function renderAccessSchedule(page, schedules) {
|
|
|
|
var html = '<ul data-role="listview" data-inset="true" data-split-icon="minus">';
|
|
var index = 0;
|
|
|
|
html += schedules.map(function (a) {
|
|
|
|
var itemHtml = '';
|
|
|
|
itemHtml += '<li class="liSchedule" data-day="' + a.DayOfWeek + '" data-start="' + a.StartHour + '" data-end="' + a.EndHour + '">';
|
|
|
|
itemHtml += '<a href="#">';
|
|
itemHtml += '<h3>' + Globalize.translate('Option' + a.DayOfWeek) + '</h3>';
|
|
itemHtml += '<p>' + getDisplayTime(a.StartHour) + ' - ' + getDisplayTime(a.EndHour) + '</p>';
|
|
itemHtml += '</a>';
|
|
|
|
itemHtml += '<a href="#" data-icon="delete" class="btnDelete" data-index="' + index + '">';
|
|
itemHtml += '</a>';
|
|
|
|
itemHtml += '</li>';
|
|
|
|
index++;
|
|
|
|
return itemHtml;
|
|
|
|
}).join('');
|
|
|
|
html += '</ul>';
|
|
|
|
var elem = $('.accessScheduleList', page).html(html).trigger('create');
|
|
|
|
$('.btnDelete', elem).on('click', function () {
|
|
|
|
deleteAccessSchedule(page, schedules, parseInt(this.getAttribute('data-index')));
|
|
});
|
|
}
|
|
|
|
function onSaveComplete(page) {
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
|
|
Dashboard.alert(Globalize.translate('SettingsSaved'));
|
|
}
|
|
|
|
function saveUser(user, page) {
|
|
|
|
user.Policy.MaxParentalRating = $('#selectMaxParentalRating', page).val() || null;
|
|
|
|
user.Policy.BlockUnratedItems = $('.chkUnratedItem:checked', page).map(function () {
|
|
|
|
return this.getAttribute('data-itemtype');
|
|
|
|
}).get();
|
|
|
|
user.Policy.AccessSchedules = getSchedulesFromPage(page);
|
|
|
|
user.Policy.BlockedTags = getBlockedTagsFromPage(page);
|
|
|
|
ApiClient.updateUserPolicy(user.Id, user.Policy).done(function () {
|
|
onSaveComplete(page);
|
|
});
|
|
}
|
|
|
|
window.UserParentalControlPage = {
|
|
|
|
onSubmit: function () {
|
|
|
|
var page = $(this).parents('.page');
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
var userId = getParameterByName("userId");
|
|
|
|
ApiClient.getUser(userId).done(function (result) {
|
|
saveUser(result, page);
|
|
});
|
|
|
|
// Disable default form submission
|
|
return false;
|
|
},
|
|
|
|
onScheduleFormSubmit: function () {
|
|
|
|
var page = $(this).parents('.page');
|
|
|
|
saveSchedule(page);
|
|
|
|
// Disable default form submission
|
|
return false;
|
|
},
|
|
|
|
onBlockedTagFormSubmit: function () {
|
|
|
|
var page = $(this).parents('.page');
|
|
|
|
saveBlockedTag(page);
|
|
|
|
// Disable default form submission
|
|
return false;
|
|
}
|
|
};
|
|
|
|
function getDisplayTime(hours) {
|
|
|
|
var minutes = 0;
|
|
|
|
var pct = hours % 1;
|
|
|
|
if (pct) {
|
|
minutes = parseInt(pct * 60);
|
|
}
|
|
|
|
return new Date(2000, 1, 1, hours, minutes, 0, 0).toLocaleTimeString();
|
|
}
|
|
|
|
function populateHours(page) {
|
|
|
|
var html = '';
|
|
|
|
for (var i = 0; i < 24; i++) {
|
|
|
|
html += '<option value="' + i + '">' + getDisplayTime(i) + '</option>';
|
|
}
|
|
|
|
html += '<option value="24">' + getDisplayTime(0) + '</option>';
|
|
|
|
$('#selectStart', page).html(html);
|
|
$('#selectEnd', page).html(html);
|
|
}
|
|
|
|
function showSchedulePopup(page, schedule, index) {
|
|
|
|
schedule = schedule || {};
|
|
|
|
$('#popupSchedule', page).popup('open');
|
|
|
|
$('#fldScheduleIndex', page).val(index);
|
|
|
|
$('#selectDay', page).val(schedule.DayOfWeek || 'Sunday');
|
|
$('#selectStart', page).val(schedule.StartHour || 0);
|
|
$('#selectEnd', page).val(schedule.EndHour || 0);
|
|
}
|
|
|
|
function saveSchedule(page) {
|
|
|
|
var schedule = {
|
|
DayOfWeek: $('#selectDay', page).val(),
|
|
StartHour: $('#selectStart', page).val(),
|
|
EndHour: $('#selectEnd', page).val()
|
|
};
|
|
|
|
if (parseFloat(schedule.StartHour) >= parseFloat(schedule.EndHour)) {
|
|
|
|
alert(Globalize.translate('ErrorMessageStartHourGreaterThanEnd'));
|
|
|
|
return;
|
|
}
|
|
|
|
var schedules = getSchedulesFromPage(page);
|
|
|
|
var index = parseInt($('#fldScheduleIndex', page).val());
|
|
|
|
if (index == -1) {
|
|
index = schedules.length;
|
|
}
|
|
|
|
schedules[index] = schedule;
|
|
|
|
renderAccessSchedule(page, schedules);
|
|
|
|
$('#popupSchedule', page).popup('close');
|
|
}
|
|
|
|
function saveBlockedTag(page) {
|
|
|
|
var tag = $('#txtBlockedTag', page).val();
|
|
var tags = getBlockedTagsFromPage(page);
|
|
|
|
if (tags.indexOf(tag) == -1) {
|
|
tags.push(tag);
|
|
loadBlockedTags(page, tags);
|
|
}
|
|
|
|
$('#popupBlockedTag', page).popup('close');
|
|
}
|
|
|
|
function getSchedulesFromPage(page) {
|
|
|
|
return $('.liSchedule', page).map(function () {
|
|
|
|
return {
|
|
DayOfWeek: this.getAttribute('data-day'),
|
|
StartHour: this.getAttribute('data-start'),
|
|
EndHour: this.getAttribute('data-end')
|
|
};
|
|
|
|
}).get();
|
|
}
|
|
|
|
function getBlockedTagsFromPage(page) {
|
|
|
|
return $('.blockedTag', page).map(function () {
|
|
|
|
return this.getAttribute('data-tag');
|
|
|
|
}).get();
|
|
}
|
|
|
|
function showBlockedTagPopup(page) {
|
|
|
|
$('#popupBlockedTag', page).popup('open');
|
|
$('#txtBlockedTag', page).val('').focus();
|
|
}
|
|
|
|
$(document).on('pageinit', "#userParentalControlPage", function () {
|
|
|
|
var page = this;
|
|
|
|
|
|
$('.btnAddSchedule', page).on('click', function () {
|
|
|
|
showSchedulePopup(page, {}, -1);
|
|
});
|
|
|
|
$('.btnAddBlockedTag', page).on('click', function () {
|
|
|
|
showBlockedTagPopup(page);
|
|
});
|
|
|
|
populateHours(page);
|
|
|
|
$('.blockedTagForm').off('submit', UserParentalControlPage.onBlockedTagFormSubmit).on('submit', UserParentalControlPage.onBlockedTagFormSubmit);
|
|
$('.scheduleForm').off('submit', UserParentalControlPage.onScheduleFormSubmit).on('submit', UserParentalControlPage.onScheduleFormSubmit);
|
|
$('.userParentalControlForm').off('submit', UserParentalControlPage.onSubmit).on('submit', UserParentalControlPage.onSubmit);
|
|
|
|
}).on('pageshowready', "#userParentalControlPage", function () {
|
|
|
|
var page = this;
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
var userId = getParameterByName("userId");
|
|
|
|
var promise1;
|
|
|
|
if (!userId) {
|
|
|
|
var deferred = $.Deferred();
|
|
|
|
deferred.resolveWith(null, [{
|
|
Configuration: {}
|
|
}]);
|
|
|
|
promise1 = deferred.promise();
|
|
} else {
|
|
|
|
promise1 = ApiClient.getUser(userId);
|
|
}
|
|
|
|
var promise2 = ApiClient.getParentalRatings();
|
|
|
|
$.when(promise1, promise2).done(function (response1, response2) {
|
|
|
|
loadUser(page, response1[0] || response1, response2[0]);
|
|
|
|
});
|
|
});
|
|
|
|
})(jQuery, window, document); |