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

update photos

Browse source
This commit is contained in:
Luke Pulverenti 2015-08-26 14:17:38 -04:00
parent 400202c5a0
commit 2b33df50a9
14 changed files with 75 additions and 270 deletions
Download patch file Download diff file Expand all files Collapse all files

4
dashboard-ui/css/livetv.css
View file

@ -213,7 +213,7 @@
overflow: hidden;
text-overflow: ellipsis;
border-right: 1px solid #161616;
width: 189px;
width: 199px;
background: #303030;
}
@ -261,7 +261,7 @@
}
.programGrid, .timeslotHeaders {
margin-left: 190px;
margin-left: 200px;
}
.timeslotHeader {

48
dashboard-ui/scripts/itemlistpage.js
View file

@ -75,39 +75,34 @@
var context = getParameterByName('context');
if (context == 'home') {
context = 'folders';
}
var posterOptions = {
items: result.Items,
shape: "auto",
centerText: true,
lazy: true
};
if (view == "Backdrop") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: true,
centerText: true,
preferBackdrop: true,
context: context
});
posterOptions.shape = 'backdrop';
posterOptions.showTitle = true;
posterOptions.preferBackdrop = true;
html = LibraryBrowser.getPosterViewHtml(posterOptions);
}
else if (view == "Poster") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "auto",
showTitle: true,
centerText: true,
context: context
});
posterOptions.showTitle = context != 'photos';
html = LibraryBrowser.getPosterViewHtml(posterOptions);
}
else if (view == "PosterCard") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "auto",
showTitle: true,
context: context,
cardLayout: true,
showYear: true
});
posterOptions.showTitle = true;
posterOptions.showYear = true;
posterOptions.cardLayout = true;
html = LibraryBrowser.getPosterViewHtml(posterOptions);
}
var elem = page.querySelector('#items');
@ -276,6 +271,7 @@
}
updateFilterControls(page);
LibraryMenu.setBackButtonVisible(getParameterByName('context'));
}).on('pagebeforehide', "#itemListPage", function () {

9
dashboard-ui/scripts/librarybrowser.js
View file

@ -785,8 +785,8 @@
return 'itemlist.html?topParentId=' + item.Id + '&parentid=' + item.Id;
}
if (item.Type == "PhotoAlbum" && context == 'photos') {
return "photos.html?parentId=" + id;
if (item.Type == "PhotoAlbum") {
return "itemlist.html?context=photos&parentId=" + id;
}
if (item.Type == "Playlist") {
return "itemdetails.html?id=" + id;
@ -1688,10 +1688,7 @@
var mediaSourceCount = item.MediaSourceCount || 1;
var href = options.linkItem === false ? '#' :
(options.useSecondaryItemsPage && item.IsFolder) ?
('secondaryitems.html?parentid=' + item.Id) :
LibraryBrowser.getHref(item, options.context);
var href = options.linkItem === false ? '#' : LibraryBrowser.getHref(item, options.context);
if (item.UserData) {
cssClass += ' ' + LibraryBrowser.getUserDataCssClass(item.UserData.Key);

1
dashboard-ui/scripts/moviecollections.js
View file

@ -155,6 +155,7 @@
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData().view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(page);
});

1
dashboard-ui/scripts/moviegenres.js
View file

@ -136,6 +136,7 @@
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData().view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(page);
});

1
dashboard-ui/scripts/movies.js
View file

@ -166,6 +166,7 @@
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData().view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(page);
});

1
dashboard-ui/scripts/photos.js
View file

@ -63,7 +63,6 @@
overlayText: tabIndex != 0,
lazy: true,
coverImage: true,
useSecondaryItemsPage: true,
showTitle: tabIndex == 0,
centerText: true
});

1
dashboard-ui/scripts/playlists.js
View file

@ -159,6 +159,7 @@
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData().view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(page);
});

2
dashboard-ui/scripts/secondaryitems.js
View file

@ -36,7 +36,7 @@
query: {
SortBy: "SortName",
SortOrder: "Ascending",
Recursive: true,
Recursive: getParameterByName('recursive') !== 'false',
Fields: "PrimaryImageAspectRatio,SortName,SyncInfo",
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb",

131
dashboard-ui/scripts/tvgenres.js
View file

@ -1,26 +1,44 @@
(function ($, document) {
var view = LibraryBrowser.getDefaultItemsView('Thumb', 'Thumb');
// The base query options
var query = {
var data = {};
function getPageData() {
var key = getSavedQueryKey();
var pageData = data[key];
if (!pageData) {
pageData = data[key] = {
query: {
SortBy: "SortName",
SortOrder: "Ascending",
IncludeItemTypes: "Series",
Recursive: true,
Fields: "DateCreated,SyncInfo,ItemCounts",
StartIndex: 0
StartIndex: 0,
Limit: LibraryBrowser.getDefaultPageSize()
},
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Thumb', 'Thumb')
};
pageData.query.ParentId = LibraryMenu.getTopParentId();
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
}
return pageData;
}
function getQuery() {
return getPageData().query;
}
function getSavedQueryKey() {
return 'tvgenres' + (query.ParentId || '');
return getWindowUrl();
}
function reloadItems(page) {
Dashboard.showLoadingMsg();
var query = getQuery();
ApiClient.getGenres(Dashboard.getCurrentUserId(), query).done(function (result) {
@ -29,16 +47,19 @@
var html = '';
var view = getPageData().view;
$('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
viewButton: true,
showLimit: false
viewButton: false,
showLimit: false,
updatePageSizeSetting: false,
addLayoutButton: true,
currentLayout: view
}));
updateFilterControls(page);
if (view == "Thumb") {
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
@ -99,9 +120,9 @@
reloadItems(page);
});
$('.selectPageSize', page).on('change', function () {
query.Limit = parseInt(this.value);
query.StartIndex = 0;
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
getPageData().view = layout;
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
reloadItems(page);
});
@ -111,92 +132,10 @@
});
}
function updateFilterControls(page) {
$('.chkStandardFilter', page).each(function () {
var filters = "," + (query.Filters || "");
var filterName = this.getAttribute('data-filter');
this.checked = filters.indexOf(',' + filterName) != -1;
}).checkboxradio('refresh');
$('#selectPageSize', page).val(query.Limit).selectmenu('refresh');
$('#selectView', page).val(view).selectmenu('refresh');
}
$(document).on('pageinitdepends', "#tvGenresPage", function () {
$(document).on('pagebeforeshowready', "#tvGenresPage", function () {
var page = this;
$('.chkStandardFilter', this).on('change', function () {
var filterName = this.getAttribute('data-filter');
var filters = query.Filters || "";
filters = (',' + filters).replace(',' + filterName, '').substring(1);
if (this.checked) {
filters = filters ? (filters + ',' + filterName) : filterName;
}
query.StartIndex = 0;
query.Filters = filters;
reloadItems(page);
});
$('#selectPageSize', page).on('change', function () {
query.Limit = parseInt(this.value);
query.StartIndex = 0;
reloadItems(page);
});
$('#selectView', this).on('change', function () {
view = this.value;
if (view == "Timeline") {
query.SortBy = "PremiereDate";
query.SortOrder = "Descending";
query.StartIndex = 0;
$('#radioPremiereDate', page)[0].click();
} else {
reloadItems(page);
}
LibraryBrowser.saveViewSetting(getSavedQueryKey(), view);
});
}).on('pagebeforeshowready', "#tvGenresPage", function () {
query.ParentId = LibraryMenu.getTopParentId();
var page = this;
var limit = LibraryBrowser.getDefaultPageSize();
// If the default page size has changed, the start index will have to be reset
if (limit != query.Limit) {
query.Limit = limit;
query.StartIndex = 0;
}
var viewkey = getSavedQueryKey();
LibraryBrowser.loadSavedQueryValues(viewkey, query);
LibraryBrowser.getSavedViewSetting(viewkey).done(function (val) {
if (val) {
Events.trigger($('#selectView', page).val(val).selectmenu('refresh')[0], 'change');
} else {
reloadItems(page);
}
});
updateFilterControls(this);
});
})(jQuery, document);

1
dashboard-ui/scripts/tvpeople.js
View file

@ -35,6 +35,7 @@
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
viewButton: true,
viewIcon: 'filter-list',
showLimit: false
});

54
dashboard-ui/scripts/tvstudios.js
View file

@ -49,12 +49,9 @@
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
viewButton: true,
showLimit: false
}));
updateFilterControls(page);
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
@ -88,62 +85,13 @@
});
}
function updateFilterControls(page) {
var query = getQuery();
$('.chkStandardFilter', page).each(function () {
var filters = "," + (query.Filters || "");
var filterName = this.getAttribute('data-filter');
this.checked = filters.indexOf(',' + filterName) != -1;
}).checkboxradio('refresh');
$('#selectPageSize', page).val(query.Limit).selectmenu('refresh');
}
$(document).on('pageinitdepends', "#tvStudiosPage", function () {
var page = this;
$('.chkStandardFilter', this).on('change', function () {
var query = getQuery();
var filterName = this.getAttribute('data-filter');
var filters = query.Filters || "";
filters = (',' + filters).replace(',' + filterName, '').substring(1);
if (this.checked) {
filters = filters ? (filters + ',' + filterName) : filterName;
}
query.StartIndex = 0;
query.Filters = filters;
reloadItems(page);
});
$('#selectPageSize', page).on('change', function () {
var query = getQuery();
query.Limit = parseInt(this.value);
query.StartIndex = 0;
reloadItems(page);
});
}).on('pagebeforeshowready', "#tvStudiosPage", function () {
$(document).on('pagebeforeshowready', "#tvStudiosPage", function () {
var page = this;
if (LibraryBrowser.needsRefresh(page)) {
reloadItems(page);
}
updateFilterControls(page);
});
})(jQuery, document);

44
dashboard-ui/tvgenres.html
View file

@ -23,50 +23,6 @@
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
<form>
<div data-role="controlgroup" data-type="horizontal" data-mini="true" class="viewPanelTabs">
<a href="#" data-role="button" class="viewTabButton" data-tab="tabView">${TabView}</a>
<a href="#" data-role="button" class="viewTabButton" data-tab="tabFilter">${TabFilter}</a>
</div>
<div class="tabView viewTab">
<div>
<label for="selectView">${LabelView}</label>
<select id="selectView">
<option value="Poster">${OptionPoster}</option>
<option value="Thumb">${OptionThumb}</option>
<option value="ThumbCard">${OptionThumbCard}</option>
</select>
</div>
<br />
<div>
<label for="selectPageSize">${LabelPageSize}</label>
<select id="selectPageSize" class="selectPageSize"></select>
</div>
</div>
<div class="tabFilter viewTab">
<fieldset data-role="controlgroup">
<legend>
${HeaderFilters}
</legend>
<input class="chkStandardFilter" type="checkbox" name="chkIsFavorite" id="chkIsFavorite" data-filter="IsFavorite" data-mini="true">
<label for="chkIsFavorite">${OptionFavorite}</label>
<input class="chkStandardFilter" type="checkbox" name="chkLikes" id="chkLikes" data-filter="Likes" data-mini="true">
<label for="chkLikes">${OptionLikes}</label>
<input class="chkStandardFilter" type="checkbox" name="chkDislikes" id="chkDislikes" data-filter="Dislikes" data-mini="true">
<label for="chkDislikes">${OptionDislikes}</label>
</fieldset>
</div>
</form>
</div>
</div>
</body>
</html>

35
dashboard-ui/tvstudios.html
View file

@ -23,41 +23,6 @@
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
<div data-role="panel" class="viewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
<form>
<div data-role="controlgroup" data-type="horizontal" data-mini="true" class="viewPanelTabs">
<a href="#" data-role="button" class="viewTabButton" data-tab="tabView">${TabView}</a>
<a href="#" data-role="button" class="viewTabButton" data-tab="tabFilter">${TabFilter}</a>
</div>
<div class="tabView viewTab">
<div>
<label for="selectPageSize">${LabelPageSize}</label>
<select id="selectPageSize" class="selectPageSize"></select>
</div>
</div>
<div class="tabFilter viewTab">
<fieldset data-role="controlgroup">
<legend>
${HeaderFilters}
</legend>
<input class="chkStandardFilter" type="checkbox" name="chkIsFavorite" id="chkIsFavorite" data-filter="IsFavorite" data-mini="true">
<label for="chkIsFavorite">${OptionFavorite}</label>
<input class="chkStandardFilter" type="checkbox" name="chkLikes" id="chkLikes" data-filter="Likes" data-mini="true">
<label for="chkLikes">${OptionLikes}</label>
<input class="chkStandardFilter" type="checkbox" name="chkDislikes" id="chkDislikes" data-filter="Dislikes" data-mini="true">
<label for="chkDislikes">${OptionDislikes}</label>
</fieldset>
</div>
</form>
</div>
</div>
</body>
</html>