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

added a boxset placeholder page

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-04 13:27:36 -04:00
parent 720756b501
commit 8769c03765
15 changed files with 63 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

11
dashboard-ui/boxset.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>

4
dashboard-ui/boxsets.html
View file

@ -20,7 +20,9 @@
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div>
<div id="items"></div>
<div class="ehsContent">
<div id="items"></div>
</div>
</div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

BIN
dashboard-ui/css/images/items/list/audiowide.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 8 KiB

BIN
dashboard-ui/css/images/items/list/game.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
dashboard-ui/css/images/items/list/gamecollection.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
dashboard-ui/css/images/items/list/video.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.3 KiB

BIN
dashboard-ui/css/images/userdata/played.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Before After
Before After

BIN
dashboard-ui/css/images/userdata/unplayed.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

15
dashboard-ui/index.html
View file

@ -11,21 +11,6 @@
<h1 class="listHeader firstListHeader">Views</h1>
<div id="views">
<div class="posterViewItem">
<a href="moviesrecommended.html">
<img style="background: #E12026;" src="css/images/items/list/chapter.png"><div class="posterViewItemText">Movies</div>
</a>
</div>
<div class="posterViewItem">
<a href="tvrecommended.html">
<img style="background: #FF870F;" src="css/images/items/list/collection.png"><div class="posterViewItemText">TV Shows</div>
</a>
</div>
<div class="posterViewItem">
<a href="musicrecommended.html">
<img style="background: #4BB3DD;" src="css/images/items/list/audiowide.png"><div class="posterViewItemText">Music</div>
</a>
</div>
</div>
<h1 class="listHeader">Collections</h1>

2
dashboard-ui/movies.html
View file

@ -74,7 +74,7 @@
<form>
<fieldset data-role="controlgroup">
<legend>
<h3>Filters:</h3>
<h3 onclick="Dashboard.selectDirectory();">Filters:</h3>
</legend>
<input class="chkStandardFilter" type="checkbox" name="chkPlayed" id="chkPlayed" data-theme="c" data-filter="IsPlayed">
<label for="chkPlayed">Played</label>

14
dashboard-ui/scripts/Itemdetailpage.js
View file

@ -721,6 +721,13 @@
var userData = item.UserData || {};
//played/unplayed
if (userData.Played) {
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/played.png" alt="Played" title="Played" onclick="ItemDetailPage.setPlayed();" /></div>';
} else {
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/unplayed.png" alt="Played" title="Played" onclick="ItemDetailPage.setPlayed();" /></div>';
}
if (typeof userData.Likes == "undefined") {
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.setDislike();" /></div>';
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemDetailPage.setLike();" /></div>';
@ -738,13 +745,6 @@
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/heart_off.png" alt="Favorite" title="Favorite" onclick="ItemDetailPage.setFavorite();" /></div>';
}
//played/unplayed
if (userData.Played) {
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/played.png" alt="Played" title="Played" onclick="ItemDetailPage.setPlayed();" /></div>';
} else {
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/unplayed.png" alt="Unplayed" title="Unplayed" onclick="ItemDetailPage.setPlayed();" /></div>';
}
$('#itemRatings', page).html(html);
},

1
dashboard-ui/scripts/boxset.js Normal file
View file

@ -0,0 +1 @@


41
dashboard-ui/scripts/indexpage.js
View file

@ -1,5 +1,18 @@
(function ($, document, apiClient) {
function getViewHtml(view) {
var html = '';
html += '<div class="posterViewItem">';
html += '<a href="' + view.url + '">';
html += '<img style="background: ' + view.background + ';" src="' + view.img + '"><div class="posterViewItemText">' + view.name + '</div>';
html += '</a>';
html += '</div>';
return html;
}
$(document).on('pageshow', "#indexPage", function () {
var page = this;
@ -10,8 +23,6 @@
return;
}
page = $(page);
var options = {
sortBy: "SortName"
@ -26,26 +37,34 @@
});
// Kick this off now. Just see if there are any games in the library
var gamesPromise = ApiClient.getItems(userId, { Recursive: true, limit: 0, MediaTypes: "Game" });
var views = [
{ name: "Movies", url: "moviesrecommended.html", img: "css/images/items/list/chapter.png", background: "#E12026" },
{ name: "Movies", url: "moviesrecommended.html", img: "css/images/items/list/chapter.png", background: "#0094FF" },
{ name: "TV Shows", url: "tvrecommended.html", img: "css/images/items/list/collection.png", background: "#FF870F" },
{ name: "Music", url: "musicrecommended.html", img: "css/images/items/list/audiowide.png", background: "#4BB3DD" }
{ name: "Music", url: "musicrecommended.html", img: "css/images/items/list/audiocollection.png", background: "#6FBD45" }
];
var html = '';
for (var i = 0, length = views.length; i < length; i++) {
var view = views[i];
html += '<div class="posterViewItem">';
html += '<a href="' + view.url + '">';
html += '<img style="background: ' + view.background + ';" src="' + view.img + '"><div class="posterViewItemText">' + view.name + '</div>';
html += '</a>';
html += '</div>';
html += getViewHtml(views[i]);
}
$('#views', page).html(html);
gamesPromise.done(function (result) {
if (result.TotalRecordCount) {
var view = { name: "Games", url: "#", img: "css/images/items/list/gamecollection.png", background: "#E12026" };
$('#views', page).append(getViewHtml(view));
}
});
});
})(jQuery, document, ApiClient);

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

@ -47,10 +47,16 @@
width: 352,
tag: item.BackdropImageTags[0]
}) + "' />";
} else if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.Type == "MusicArtist") {
}
else if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.Type == "MusicArtist") {
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/audio.png' />";
} else {
}
else if (item.MediaType == "Video") {
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/video.png' />";
}
else {
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/collection.png' />";
}
@ -190,7 +196,7 @@
tag: item.BackdropImageTags[0]
}) + "' />";
} else {
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/collection.png' />";
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/video.png' />";
}
if (showText) {

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

@ -63,7 +63,7 @@
}
else {
html += '<img class="libraryGridImage" style="background:' + LibraryBrowser.getMetroColor(item.Id) + ';" src="css/images/items/list/collection.png" />';
html += '<img class="libraryGridImage" style="background:' + LibraryBrowser.getMetroColor(item.Id) + ';" src="css/images/items/list/video.png" />';
}
html += '</a></td>';