mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

support custom ordering of user views

Browse source
This commit is contained in:
Luke Pulverenti 2014-08-18 21:42:53 -04:00
parent 4685d0f254
commit 46f50bae6a
11 changed files with 203 additions and 206 deletions
Download patch file Download diff file Expand all files Collapse all files

206
dashboard-ui/scripts/mypreferencesdisplay.js
View file

@ -1,6 +1,101 @@
(function ($, window, document) {
function loadForm(page, user) {
function renderViews(page, user, result) {
var folderHtml = '';
folderHtml += '<div data-role="controlgroup">';
folderHtml += result.Items.map(function (i) {
var currentHtml = '';
var id = 'chkGroupFolder' + i.Id;
currentHtml += '<label for="' + id + '">' + i.Name + '</label>';
var isChecked = user.Configuration.ExcludeFoldersFromGrouping.indexOf(i.Id) == -1;
var checkedHtml = isChecked ? ' checked="checked"' : '';
currentHtml += '<input class="chkGroupFolder" data-folderid="' + i.Id + '" type="checkbox" id="' + id + '"' + checkedHtml + ' />';
return currentHtml;
}).join('');
folderHtml += '</div>';
$('.folderGroupList', page).html(folderHtml).trigger('create');
}
function renderChannels(page, user, result) {
var folderHtml = '';
folderHtml += '<div data-role="controlgroup">';
folderHtml += result.Items.map(function (i) {
var currentHtml = '';
var id = 'chkGroupChannel' + i.Id;
currentHtml += '<label for="' + id + '">' + i.Name + '</label>';
var isChecked = user.Configuration.DisplayChannelsWithinViews.indexOf(i.Id) != -1;
var checkedHtml = isChecked ? ' checked="checked"' : '';
currentHtml += '<input class="chkGroupChannel" data-channelid="' + i.Id + '" type="checkbox" id="' + id + '"' + checkedHtml + ' />';
return currentHtml;
}).join('');
folderHtml += '</div>';
$('.channelGroupList', page).html(folderHtml).trigger('create');
}
function renderViewOrder(page, user, result) {
var html = '';
html += '<ul data-role="listview" data-inset="true" data-mini="true">';
var index = 0;
html += result.Items.map(function (view) {
var currentHtml = '';
currentHtml += '<li data-mini="true" class="viewItem" data-viewid="' + view.Id + '">';
if (index > 0) {
currentHtml += '<a href="#">' + view.Name + '</a>';
currentHtml += '<a class="btnViewItemUp btnViewItemMove" href="#" data-icon="arrow-u">' + Globalize.translate('ButtonUp') + '</a>';
}
else if (result.Items.length > 1) {
currentHtml += '<a href="#">' + view.Name + '</a>';
currentHtml += '<a class="btnViewItemDown btnViewItemMove" href="#" data-icon="arrow-d">' + Globalize.translate('ButtonDown') + '</a>';
}
else {
currentHtml += view.Name;
}
html += '</li>';
index++;
return currentHtml;
}).join('');
html += '</ul>';
$('.viewOrderList', page).html(html).trigger('create');
}
function loadForm(page, user, hideMsg) {
$('#chkDisplayMissingEpisodes', page).checked(user.Configuration.DisplayMissingEpisodes || false).checkboxradio("refresh");
$('#chkDisplayUnairedEpisodes', page).checked(user.Configuration.DisplayUnairedEpisodes || false).checkboxradio("refresh");
@ -9,66 +104,24 @@
$('#chkDisplayCollectionView', page).checked(user.Configuration.DisplayCollectionsView || false).checkboxradio("refresh");
$('#chkDisplayFolderView', page).checked(user.Configuration.DisplayFoldersView || false).checkboxradio("refresh");
ApiClient.getItems(user.Id, {}).done(function (result) {
var folderHtml = '';
folderHtml += '<div data-role="controlgroup">';
folderHtml += result.Items.map(function (i) {
var currentHtml = '';
var id = 'chkGroupFolder' + i.Id;
currentHtml += '<label for="' + id + '">' + i.Name + '</label>';
var isChecked = user.Configuration.ExcludeFoldersFromGrouping.indexOf(i.Id) == -1;
var checkedHtml = isChecked ? ' checked="checked"' : '';
currentHtml += '<input class="chkGroupFolder" data-folderid="' + i.Id + '" type="checkbox" id="' + id + '"' + checkedHtml + ' />';
return currentHtml;
}).join('');
folderHtml += '</div>';
$('.folderGroupList', page).html(folderHtml).trigger('create');
Dashboard.hideLoadingMsg();
var promise1 = ApiClient.getItems(user.Id, {
sortBy: "SortName"
});
ApiClient.getJSON(ApiClient.getUrl("Channels", {
var promise2 = ApiClient.getJSON(ApiClient.getUrl("Channels", {
UserId: user.Id
}));
var promise3 = ApiClient.getUserViews(user.Id);
})).done(function (result) {
$.when(promise1, promise2, promise3).done(function (r1, r2, r3) {
var folderHtml = '';
renderViews(page, user, r1[0]);
renderChannels(page, user, r2[0]);
renderViewOrder(page, user, r3[0]);
folderHtml += '<div data-role="controlgroup">';
folderHtml += result.Items.map(function (i) {
var currentHtml = '';
var id = 'chkGroupChannel' + i.Id;
currentHtml += '<label for="' + id + '">' + i.Name + '</label>';
var isChecked = user.Configuration.DisplayChannelsWithinViews.indexOf(i.Id) != -1;
var checkedHtml = isChecked ? ' checked="checked"' : '';
currentHtml += '<input class="chkGroupChannel" data-channelid="' + i.Id + '" type="checkbox" id="' + id + '"' + checkedHtml + ' />';
return currentHtml;
}).join('');
folderHtml += '</div>';
$('.channelGroupList', page).html(folderHtml).trigger('create');
if (hideMsg !== false) {
Dashboard.hideLoadingMsg();
}
});
}
function saveUser(page, user) {
@ -90,8 +143,16 @@
return i.getAttribute('data-channelid');
});
user.Configuration.OrderedViews = $(".viewItem", page).get().map(function (i) {
return i.getAttribute('data-viewid');
});
ApiClient.updateUser(user).done(function () {
Dashboard.alert(Globalize.translate('SettingsSaved'));
loadForm(page, user, false);
});
}
@ -103,9 +164,9 @@
var userId = getParameterByName('userId') || Dashboard.getCurrentUserId();
ApiClient.getUser(userId).done(function (result) {
ApiClient.getUser(userId).done(function (user) {
saveUser(page, result);
saveUser(page, user);
});
@ -118,6 +179,37 @@
var page = this;
$('.viewOrderList', page).on('click', '.btnViewItemMove', function () {
var li = $(this).parents('.viewItem');
var ul = li.parents('ul');
if ($(this).hasClass('btnViewItemDown')) {
var next = li.next();
li.remove().insertAfter(next);
} else {
var prev = li.prev();
li.remove().insertBefore(prev);
}
$('.viewItem', ul).each(function () {
if ($(this).prev('.viewItem').length) {
$('.btnViewItemMove', this).addClass('btnViewItemUp').removeClass('btnViewItemDown').attr('data-icon', 'arrow-u').removeClass('ui-icon-arrow-d').addClass('ui-icon-arrow-u');
} else {
$('.btnViewItemMove', this).addClass('btnViewItemDown').removeClass('btnViewItemUp').attr('data-icon', 'arrow-d').removeClass('ui-icon-arrow-u').addClass('ui-icon-arrow-d');
}
});
ul.listview('destroy').listview({});
});
}).on('pageshow', "#displayPreferencesPage", function () {
var page = this;