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 new studio image provider

Browse source
This commit is contained in:
Luke Pulverenti 2013-12-29 00:32:03 -05:00
parent f9ec680145
commit dfec6b307b
16 changed files with 95 additions and 128 deletions
Download patch file Download diff file Expand all files Collapse all files

3
dashboard-ui/addplugin.html
View file

@ -63,9 +63,12 @@
<div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;"> <div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
<h3>Rating and Reviews</h3> <h3>Rating and Reviews</h3>
<div>
<br />
<div id="ratingLine"></div> <div id="ratingLine"></div>
<div id="latestReviews"></div> <div id="latestReviews"></div>
</div> </div>
</div>
<div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;"> <div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
<h3>Developer Info</h3> <h3>Developer Info</h3>

1
dashboard-ui/css/librarybrowser.css
View file

@ -108,7 +108,6 @@
margin-top: .5em; margin-top: .5em;
margin-bottom: 0; margin-bottom: 0;
padding-left: 7px; padding-left: 7px;
text-transform: uppercase;
} }
.libraryViewNav { .libraryViewNav {

16
dashboard-ui/css/mediaplayer.css
View file

@ -288,11 +288,11 @@ input[type="range"]::-ms-fill-upper {
} }
.positionSliderContainer { .positionSliderContainer {
width: 400px; width: 300px;
} }
.itemVideo { .itemVideo {
left: -560px; left: -420px;
} }
} }
@ -301,12 +301,8 @@ input[type="range"]::-ms-fill-upper {
width: 500px; width: 500px;
} }
.positionSliderContainer {
width: 500px;
}
.itemVideo { .itemVideo {
left: -660px; left: -420px;
} }
} }
@ -315,11 +311,7 @@ input[type="range"]::-ms-fill-upper {
width: 550px; width: 550px;
} }
.positionSliderContainer {
width: 550px;
}
.itemVideo { .itemVideo {
left: -710px; left: -400px;
} }
} }

84
dashboard-ui/css/posteritem.css
View file

@ -8,7 +8,6 @@
text-decoration: none; text-decoration: none;
text-align: left; text-align: left;
overflow: hidden; overflow: hidden;
border: 2px solid #1b1b1b;
-webkit-transition: all 500ms ease; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease; -moz-transition: all 500ms ease;
-o-transition: all 500ms ease; -o-transition: all 500ms ease;
@ -17,13 +16,12 @@
} }
.posterItem:hover { .posterItem:hover {
-moz-box-shadow: 0 0 20px 3px #2572EB; -moz-box-shadow: 0 0 20px 3px #52B54B;
-webkit-box-shadow: 0 0 20px 3px #2572EB; -webkit-box-shadow: 0 0 20px 3px #52B54B;
box-shadow: 0 0 20px 3px #2572EB; box-shadow: 0 0 20px 3px #52B54B;
} }
.smallBackdropPosterItem, .smallPosterItem { .smallBackdropPosterItem, .smallPosterItem {
margin: 3px; margin: 3px;
} }
@ -33,6 +31,8 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center bottom; background-position: center bottom;
background-color: #000; background-color: #000;
border: 2px solid #1b1b1b;
position: relative;
} }
.transparentPosterItem .posterItemImage { .transparentPosterItem .posterItemImage {
@ -43,8 +43,8 @@
background-color: #999; background-color: #999;
} }
.borderlessPosterItem { .borderlessPosterItem .posterItemImage {
border: 0; border-color: transparent;
} }
.posterItemStoreText { .posterItemStoreText {
@ -63,7 +63,6 @@
text-wrap: none; text-wrap: none;
white-space: nowrap; white-space: nowrap;
padding: 5px 4px 4px; padding: 5px 4px 4px;
background-color: #222;
text-shadow: none; text-shadow: none;
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
@ -89,7 +88,7 @@
.posterItemTextOverlay .posterItemText { .posterItemTextOverlay .posterItemText {
background-color: transparent; background-color: transparent;
padding-top: 1px !important; padding: 1px 5px 4px !important;
} }
.posterItemTextOverlay .posterItemText:first-child { .posterItemTextOverlay .posterItemText:first-child {
@ -114,33 +113,20 @@
} }
.squarePosterItem { .squarePosterItem {
width: 150px; width: 154px;
} }
.squarePosterItem .posterItemImage { .squarePosterItem .posterItemImage {
height: 150px; height: 150px;
} }
.storeItem {
display: inline-block;
margin: 0 15px 15px 0;
}
.storeItem, .storePosterItem {
width: 160px;
}
.storePosterItem .posterItemImage {
height: 90px;
}
.storeReviewCount { .storeReviewCount {
display: none; display: none;
} }
.backdropPosterItem { .backdropPosterItem {
width: 288px; width: 292px;
} }
.backdropPosterItem .posterItemImage { .backdropPosterItem .posterItemImage {
@ -148,7 +134,7 @@
} }
.smallBackdropPosterItem { .smallBackdropPosterItem {
width: 168px; width: 172px;
} }
.smallBackdropPosterItem .posterItemImage { .smallBackdropPosterItem .posterItemImage {
@ -156,7 +142,7 @@
} }
.portraitPosterItem { .portraitPosterItem {
width: 102px; width: 106px;
} }
.portraitPosterItem .posterItemImage { .portraitPosterItem .posterItemImage {
@ -179,7 +165,7 @@
@media all and (min-width: 540px) { @media all and (min-width: 540px) {
.backdropPosterItem { .backdropPosterItem {
width: 256px; width: 260px;
} }
.backdropPosterItem .posterItemImage { .backdropPosterItem .posterItemImage {
@ -190,7 +176,7 @@
@media all and (min-width: 540px) { @media all and (min-width: 540px) {
.smallBackdropPosterItem { .smallBackdropPosterItem {
width: 184px; width: 188px;
} }
.smallBackdropPosterItem .posterItemImage { .smallBackdropPosterItem .posterItemImage {
@ -201,23 +187,15 @@
@media all and (min-width: 650px) { @media all and (min-width: 650px) {
.backdropPosterItem { .backdropPosterItem {
width: 272px; width: 276px;
} }
.backdropPosterItem .posterItemImage { .backdropPosterItem .posterItemImage {
height: 153px; height: 153px;
} }
.storeItem, .storePosterItem {
width: 192px;
}
.storePosterItem .posterItemImage {
height: 110px;
}
.smallBackdropPosterItem { .smallBackdropPosterItem {
width: 192px; width: 196px;
} }
.smallBackdropPosterItem .posterItemImage { .smallBackdropPosterItem .posterItemImage {
@ -228,7 +206,7 @@
@media all and (min-width: 750px) { @media all and (min-width: 750px) {
.portraitPosterItem { .portraitPosterItem {
width: 108px; width: 112px;
} }
.portraitPosterItem .posterItemImage { .portraitPosterItem .posterItemImage {
@ -239,7 +217,7 @@
@media all and (min-width: 1200px) { @media all and (min-width: 1200px) {
.backdropPosterItem { .backdropPosterItem {
width: 272px; width: 276px;
} }
.backdropPosterItem .posterItemImage { .backdropPosterItem .posterItemImage {
@ -247,7 +225,7 @@
} }
.portraitPosterItem { .portraitPosterItem {
width: 134px; width: 138px;
} }
.portraitPosterItem .posterItemImage { .portraitPosterItem .posterItemImage {
@ -255,25 +233,13 @@
} }
.smallBackdropPosterItem { .smallBackdropPosterItem {
width: 224px; width: 228px;
} }
.smallBackdropPosterItem .posterItemImage { .smallBackdropPosterItem .posterItemImage {
height: 126px; height: 126px;
} }
.storeItem, .storePosterItem {
width: 270px;
}
.storePosterItem .posterItemImage {
height: 154px;
}
.posterItemStoreText {
font-size: 15px;
}
.storeReviewCount { .storeReviewCount {
display: inline; display: inline;
} }
@ -282,7 +248,7 @@
@media all and (min-width: 1440px) { @media all and (min-width: 1440px) {
.squarePosterItem { .squarePosterItem {
width: 170px; width: 174px;
} }
.squarePosterItem .posterItemImage { .squarePosterItem .posterItemImage {
@ -290,7 +256,7 @@
} }
.portraitPosterItem { .portraitPosterItem {
width: 134px; width: 138px;
} }
.portraitPosterItem .posterItemImage { .portraitPosterItem .posterItemImage {
@ -303,7 +269,7 @@
} }
.backdropPosterItem { .backdropPosterItem {
width: 288px; width: 292px;
} }
.backdropPosterItem .posterItemImage { .backdropPosterItem .posterItemImage {
@ -314,7 +280,7 @@
@media all and (min-width: 1920px) { @media all and (min-width: 1920px) {
.squarePosterItem { .squarePosterItem {
width: 200px; width: 204px;
} }
.squarePosterItem .posterItemImage { .squarePosterItem .posterItemImage {
@ -322,7 +288,7 @@
} }
.portraitPosterItem { .portraitPosterItem {
width: 160px; width: 164px;
} }
.portraitPosterItem .posterItemImage { .portraitPosterItem .posterItemImage {

1
dashboard-ui/css/site.css
View file

@ -52,6 +52,7 @@ body {
h1 { h1 {
font-weight: 300; font-weight: 300;
font-size: 2.22em; font-size: 2.22em;
text-transform: uppercase;
} }
.ui-loader h1 { .ui-loader h1 {

5
dashboard-ui/edititemmetadata.html
View file

@ -53,7 +53,7 @@
</div> </div>
</div> </div>
<div style="padding: 10px 15px;"> <div style="padding: 10px 0;">
<div data-role="fieldcontain" id="fldPath"> <div data-role="fieldcontain" id="fldPath">
<label for="txtPath">Path:</label> <label for="txtPath">Path:</label>
<input type="text" id="txtPath" name="txtPath" data-mini="true" readonly="readonly" /> <input type="text" id="txtPath" name="txtPath" data-mini="true" readonly="readonly" />
@ -388,9 +388,6 @@
</div> </div>
<div class="fieldDescription editorfieldDescription">Leave empty to inherit settings from a parent item, or the global default value.</div> <div class="fieldDescription editorfieldDescription">Leave empty to inherit settings from a parent item, or the global default value.</div>
<br /> <br />
<p>
Slide a field to 'off' to lock it and prevent it's data from being changed.
</p>
<div id="providerSettingsContainer" style="display: none"> <div id="providerSettingsContainer" style="display: none">
</div> </div>

11
dashboard-ui/livetvrecordings.html
View file

@ -13,18 +13,21 @@
<a href="livetvseriestimers.html">Series</a> <a href="livetvseriestimers.html">Series</a>
</div> </div>
<div data-role="content"> <div data-role="content">
<div style="max-width: 720px; margin: 0 auto;"> <table class="ehsContent">
<tr>
<td>
<div id="latestRecordings" style="display: none;"> <div id="latestRecordings" style="display: none;">
<h1 class="listHeader">Latest Recordings</h1> <h1 class="listHeader">Latest Recordings</h1>
<div id="latestRecordingItems"></div> <div id="latestRecordingItems"></div>
</div> </div>
<br /> <br />
<div id="recordingGroups" style="display: none;"> <div id="recordingGroups" style="display: none;">
<h1 class="listHeader">Recording Groups</h1> <h1 class="listHeader">All Recordings</h1>
<div id="recordingGroupItems"></div> <div id="recordingGroupItems"></div>
</div> </div>
</div> </td>
</tr>
</table>
</div> </div>
</div> </div>
</body> </body>

4
dashboard-ui/musicrecommended.html
View file

@ -22,13 +22,14 @@
<div id="recentlyAddedAlbums"> <div id="recentlyAddedAlbums">
</div> </div>
<br />
<h1 class="listHeader">Latest Songs</h1> <h1 class="listHeader">Latest Songs</h1>
<div id="recentlyAddedSongs"> <div id="recentlyAddedSongs">
</div> </div>
<div id="recentlyPlayed" style="display: none;"> <div id="recentlyPlayed" style="display: none;">
<br />
<h1 class="listHeader">Recently Played</h1> <h1 class="listHeader">Recently Played</h1>
<div id="recentlyPlayedSongs"> <div id="recentlyPlayedSongs">
@ -36,6 +37,7 @@
</div> </div>
<div id="topPlayed" style="display: none;"> <div id="topPlayed" style="display: none;">
<br />
<h1 class="listHeader">Frequently Played</h1> <h1 class="listHeader">Frequently Played</h1>
<div id="topPlayedSongs"> <div id="topPlayedSongs">

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

@ -72,6 +72,7 @@
//positive //positive
var html = '<div data-role="collapsible" data-collapsed="true" style="margin-top: 2em;" >'; var html = '<div data-role="collapsible" data-collapsed="true" style="margin-top: 2em;" >';
html += '<h3>Latest Outstanding Reviews</h3>'; html += '<h3>Latest Outstanding Reviews</h3>';
var positive = response1[0]; var positive = response1[0];
var hasReviews = false; var hasReviews = false;
if (positive && positive.length > 0) { if (positive && positive.length > 0) {

3
dashboard-ui/scripts/edititemmetadata.js
View file

@ -1077,7 +1077,8 @@
var html = ''; var html = '';
html += "<h3>Fields</h3>"; html += "<h1>Fields</h1>";
html += "<p>Slide a field to 'off' to lock it and prevent it's data from being changed.</p>";
html += generateSliders(metadatafields, 'Fields'); html += generateSliders(metadatafields, 'Fields');
container.html(html).trigger('create'); container.html(html).trigger('create');
for (var fieldIndex = 0; fieldIndex < lockedFields.length; fieldIndex++) { for (var fieldIndex = 0; fieldIndex < lockedFields.length; fieldIndex++) {

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

@ -874,7 +874,16 @@
style += "background-color:" + background + ";"; style += "background-color:" + background + ";";
} }
html += '<div class="posterItemImage" style="' + style + '"></div>'; html += '<div class="posterItemImage" style="' + style + '">';
if (item.LocationType == "Offline" || item.LocationType == "Virtual") {
if (options.showLocationTypeIndicator !== false) {
html += LibraryBrowser.getOfflineIndicatorHtml(item);
}
} else if (options.showUnplayedIndicator !== false) {
html += LibraryBrowser.getUnplayedIndicatorHtml(item);
}
html += '</div>';
var name = LibraryBrowser.getPosterViewDisplayName(item); var name = LibraryBrowser.getPosterViewDisplayName(item);
@ -933,14 +942,6 @@
html += "</div>"; html += "</div>";
} }
if (item.LocationType == "Offline" || item.LocationType == "Virtual") {
if (options.showLocationTypeIndicator !== false) {
html += LibraryBrowser.getOfflineIndicatorHtml(item);
}
} else if (options.showUnplayedIndicator !== false) {
html += LibraryBrowser.getUnplayedIndicatorHtml(item);
}
html += "</a>"; html += "</a>";
} }

6
dashboard-ui/scripts/livetvrecordings.js
View file

@ -39,7 +39,7 @@
var html = ''; var html = '';
html += '<div data-role="collapsible" class="recordingGroupCollapsible" data-recordinggroupid="' + group.Id + '" style="margin-top:1em">'; html += '<div data-role="collapsible" class="recordingGroupCollapsible" data-recordinggroupid="' + group.Id + '" style="margin-top:1em" data-mini="true" data-content-theme="false">';
html += '<h3>' + group.Name + '</h3>'; html += '<h3>' + group.Name + '</h3>';
@ -84,7 +84,7 @@
var html = ''; var html = '';
html += '<ul data-role="listview" data-split-icon="delete" data-inset="false">'; html += '<ul data-role="listview" data-split-icon="delete" data-inset="true">';
for (var i = 0, length = recordings.length; i < length; i++) { for (var i = 0, length = recordings.length; i < length; i++) {
@ -176,7 +176,7 @@
apiClient.getLiveTvRecordings({ apiClient.getLiveTvRecordings({
userId: Dashboard.getCurrentUserId(), userId: Dashboard.getCurrentUserId(),
limit: 6 limit: 8
}).done(function (result) { }).done(function (result) {

3
dashboard-ui/scripts/moviestudios.js
View file

@ -31,7 +31,8 @@
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
context: "movies" context: "movies",
shape: "backdrop"
}); });
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);

19
dashboard-ui/scripts/plugincatalogpage.js
View file

@ -70,19 +70,19 @@
var category = plugin.category || "General"; var category = plugin.category || "General";
if (category != currentCategory) { if (category != currentCategory) {
html += '<h2 style="margin: .5em 0 0;">' + category + '</h2>'; html += '<h2 class="listHeader">' + category + '</h2>';
currentCategory = category; currentCategory = category;
} }
var href = plugin.externalUrl ? plugin.externalUrl : "addplugin.html?name=" + encodeURIComponent(plugin.name) + "&guid=" + plugin.guid; var href = plugin.externalUrl ? plugin.externalUrl : "addplugin.html?name=" + encodeURIComponent(plugin.name) + "&guid=" + plugin.guid;
var target = plugin.externalUrl ? ' target="_blank"' : ''; var target = plugin.externalUrl ? ' target="_blank"' : '';
html += "<div class='storeItem'><a class='posterItem storePosterItem transparentPosterItem borderlessPosterItem' style='background: #D4D4D4!important' href='" + href + "' " + target + ">"; html += "<a class='storeItem backdropPosterItem posterItem transparentPosterItem borderlessPosterItem' href='" + href + "' " + target + ">";
if (plugin.thumbImage) { if (plugin.thumbImage) {
html += '<div class="posterItemImage" style="background-image:url(\'' + plugin.thumbImage + '\');background-size:cover;"></div>'; html += '<div class="posterItemImage" style="background-image:url(\'' + plugin.thumbImage + '\');background-size:cover;">';
} else { } else {
html += '<div class="posterItemImage defaultPosterItemImage" style="background-image:url(\'css/images/items/list/collection.png\');"></div>'; html += '<div class="posterItemImage defaultPosterItemImage" style="background-image:url(\'css/images/items/list/collection.png\');">';
} }
if (plugin.isPremium) { if (plugin.isPremium) {
@ -92,24 +92,23 @@
html += "<div class='premiumBanner'><img src='css/images/supporter/supporterflag.png' /></div>"; html += "<div class='premiumBanner'><img src='css/images/supporter/supporterflag.png' /></div>";
} }
} }
html += "</div>";
html += "</a>"; html += "<div class='posterItemText' style='color:#000;font-weight:400;font-size:16px;'>";
html += "<div class='posterItemStoreText' style='font-weight: bold'>";
var installedPlugin = plugin.isApp ? null : installedPlugins.filter(function (ip) { var installedPlugin = plugin.isApp ? null : installedPlugins.filter(function (ip) {
return ip.Name == plugin.name; return ip.Name == plugin.name;
})[0]; })[0];
if (installedPlugin) { if (installedPlugin) {
html += plugin.name + " (Installed)"; html += plugin.name;
} else { } else {
html += plugin.name; html += plugin.name;
} }
html += "</div>"; html += "</div>";
html += "<div class='posterItemStoreText' >"; html += "<div class='posterItemText' style='color:#000;font-weight:400;'>";
html += plugin.price > 0 ? "$" + plugin.price.toFixed(2) : "Free"; html += plugin.price > 0 ? "$" + plugin.price.toFixed(2) : "Free";
html += Dashboard.getStoreRatingHtml(plugin.avgRating, plugin.id, plugin.name); html += Dashboard.getStoreRatingHtml(plugin.avgRating, plugin.id, plugin.name);
@ -118,7 +117,7 @@
html += "</span>"; html += "</span>";
html += "</div>"; html += "</div>";
html += "</div>"; html += "</a>";
pluginhtml += html; pluginhtml += html;

6
dashboard-ui/scripts/site.js
View file

@ -1229,13 +1229,13 @@ var Dashboard = {
getStoreRatingHtml: function (rating, id, name, noLinks) { getStoreRatingHtml: function (rating, id, name, noLinks) {
var html = "<div style='margin-left: 5px; margin-right: 5px; display: inline-block'>"; var html = "<div style='margin-left: 5px; margin-right: 5px; display: inline-block; vertical-align:middle;'>";
if (!rating) rating = 0; if (!rating) rating = 0;
for (var i = 1; i <= 5; i++) { for (var i = 1; i <= 5; i++) {
var title = noLinks ? rating + " stars" : "Rate " + i + (i > 1 ? " stars" : " star"); var title = noLinks ? rating + " stars" : "Rate " + i + (i > 1 ? " stars" : " star");
html += noLinks ? "" : "<a href='#' data-id=" + id + " data-name='" + name + "' data-rating=" + i + " onclick='Dashboard.ratePackage(this);' >"; html += noLinks ? "" : "<span data-id=" + id + " data-name='" + name + "' data-rating=" + i + " onclick='Dashboard.ratePackage(this);return false;' >";
if (rating <= i - 1) { if (rating <= i - 1) {
html += "<div class='storeStarRating emptyStarRating' title='" + title + "'></div>"; html += "<div class='storeStarRating emptyStarRating' title='" + title + "'></div>";
} else if (rating < i) { } else if (rating < i) {
@ -1243,7 +1243,7 @@ var Dashboard = {
} else { } else {
html += "<div class='storeStarRating' title='" + title + "'></div>"; html += "<div class='storeStarRating' title='" + title + "'></div>";
} }
html += noLinks ? "" : "</a>"; html += noLinks ? "" : "</span>";
} }
html += "</div>"; html += "</div>";

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

@ -31,7 +31,8 @@
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
context: "tv" context: "tv",
shape: "backdrop"
}); });
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);