Backupppert/jellyfin
0
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin.git synced 2024-07-08 23:00:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/MediaBrowser/MediaBrowser

Browse source 
Conflicts:
	MediaBrowser.ServerApplication/CorePlugins/MediaBrowser.Api.dll
	MediaBrowser.ServerApplication/CorePlugins/MediaBrowser.ApiInteraction.Javascript.dll
	MediaBrowser.ServerApplication/CorePlugins/MediaBrowser.Server.Sqlite.dll
	MediaBrowser.ServerApplication/CorePlugins/MediaBrowser.Server.WorldWeatherOnline.dll
	MediaBrowser.ServerApplication/CorePlugins/MediaBrowser.WebDashboard.dll
This commit is contained in:
LukePulverenti 2013-02-22 14:00:26 -05:00
parent 8b3e8ad478 5623abb286
commit a7f3c307e1
5 changed files with 58 additions and 135 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

139
MediaBrowser.WebDashboard/Html/css/site.css
View file

@ -425,7 +425,6 @@ form, .readOnlyContent {
font-size: 15px; font-size: 15px;
padding: 0; padding: 0;
position: relative; position: relative;
padding-bottom: 28px;
} }
.posterViewItem a { .posterViewItem a {
@ -436,7 +435,7 @@ form, .readOnlyContent {
.posterViewItem img { .posterViewItem img {
max-width: 155px; max-width: 155px;
max-height: 148px; max-height: 155px;
vertical-align: bottom; vertical-align: bottom;
} }
@ -454,19 +453,25 @@ form, .readOnlyContent {
.posterViewItemText { .posterViewItemText {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
text-wrap: none;
white-space: nowrap; white-space: nowrap;
margin: 0; margin: 0;
padding: 4px 2px 0; padding: 4px 0px 0;
position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
height: 24px;
background: #181818; background: #181818;
text-shadow: none; text-shadow: none;
max-width: 155px;
} }
.posterViewItemText div{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin: 0px 4px;
height: 24px;
}
.posterViewItem:hover, .userItem:hover { .posterViewItem:hover, .userItem:hover {
-moz-box-shadow: 0 0 20px 3px #2572EB; -moz-box-shadow: 0 0 20px 3px #2572EB;
-webkit-box-shadow: 0 0 20px 3px #2572EB; -webkit-box-shadow: 0 0 20px 3px #2572EB;
@ -477,11 +482,11 @@ form, .readOnlyContent {
.posterViewItem { .posterViewItem {
font-size: 16px; font-size: 16px;
padding-bottom: 29px;
} }
.posterViewItemText { .posterViewItemText {
padding-top: 5px; padding-top: 5px;
max-width: 190px;
} }
.posterViewItem img { .posterViewItem img {
@ -496,129 +501,33 @@ form, .readOnlyContent {
font-size: 17px; font-size: 17px;
} }
.posterViewItem img { .posterViewItem img {
max-width: 280px; max-width: 280px;
max-height: 250px; max-height: 280px;
} }
.posterViewItemText {
max-width: 280px;
}
} }
@media all and (min-width: 1920px) { @media all and (min-width: 1920px) {
.posterViewItem { .posterViewItem {
font-size: 19px; font-size: 19px;
padding-bottom: 33px;
} }
.posterViewItemText { .posterViewItemText div{
height: 28px; height: 28px;
} }
.posterViewItem img { .posterViewItem img {
max-width: 352px; max-width: 352px;
max-height: 300px; max-height: 352px;
}
}
.userItem {
display: inline-block;
margin: 5px;
font-size: 15px;
text-align: left;
}
.userItemImage {
height: 100px;
width: 100px;
vertical-align: bottom;
}
.userItemContent {
display: inline-block;
height: 100px;
width: 180px;
float: right;
text-shadow: none;
font-family: 'Segoe UI Light', 'Open Sans', Arial;
}
.userItemContentInner {
padding: 15px 5px 5px 10px;
color: #fff;
}
.userItemHeader {
margin: 0 0 10px;
font-size: 16px;
text-overflow: ellipsis;
overflow: hidden;
text-wrap: avoid;
font-family: 'Segoe UI Semilight', 'Open Sans', Arial;
}
@media all and (min-width: 750px) {
.userItem {
font-size: 16px;
} }
.userItemContentInner { .posterViewItemText {
padding: 30px 20px 20px; max-width: 352px;
}
.userItemImage {
height: 140px;
width: 140px;
}
.userItemContent {
height: 140px;
width: 210px;
}
.userItemHeader {
font-size: 26px;
}
}
@media all and (min-width: 1200px) {
.userItem {
font-size: 18px;
}
.userItemImage {
height: 180px;
width: 180px;
}
.userItemContent {
height: 180px;
width: 270px;
}
.userItemHeader {
font-size: 32px;
}
}
@media all and (min-width: 1920px) {
.userItem {
font-size: 20px;
}
.userItemImage {
height: 240px;
width: 240px;
}
.userItemContent {
height: 240px;
width: 360px;
}
.userItemHeader {
font-size: 40px;
} }
} }

2
MediaBrowser.WebDashboard/Html/login.html
View file

@ -7,7 +7,7 @@
<div id="loginPage" data-role="page" class="page standalonePage"> <div id="loginPage" data-role="page" class="page standalonePage">
<div data-role="content"> <div data-role="content">
<div id="divUsers" style="margin: 50px 20px 20px; text-align: center;"></div> <div id="divUsers" style="margin: 50px 0px 20px; text-align: center;"></div>
</div> </div>
<div data-role="popup" id="popupLogin" class="ui-corner-all popup"> <div data-role="popup" id="popupLogin" class="ui-corner-all popup">

26
MediaBrowser.WebDashboard/Html/scripts/LoginPage.js
View file

@ -62,10 +62,12 @@
var background = Dashboard.getRandomMetroColor(); var background = Dashboard.getRandomMetroColor();
html += '<div class="posterViewItem">';
if (user.HasPassword) { if (user.HasPassword) {
html += "<a id='" + linkId + "' data-userid='" + user.Id + "' data-username='" + user.Name + "' href='#popupLogin' data-rel='popup' onclick='LoginPage.authenticatingLinkId=this.id;' class='userItem'>"; html += "<a id='" + linkId + "' data-userid='" + user.Id + "' data-username='" + user.Name + "' href='#popupLogin' data-rel='popup' onclick='LoginPage.authenticatingLinkId=this.id;' \">";
} else { } else {
html += "<a id='" + linkId + "' data-userid='" + user.Id + "' data-username='" + user.Name + "' href='#' onclick='LoginPage.authenticateUserLink(this);' class='userItem'>"; html += "<a id='" + linkId + "' data-userid='" + user.Id + "' data-username='" + user.Name + "' href='#' onclick='LoginPage.authenticateUserLink(this);' \">";
} }
if (user.PrimaryImageTag) { if (user.PrimaryImageTag) {
@ -76,20 +78,28 @@
type: "Primary" type: "Primary"
}); });
html += '<img class="userItemImage" src="' + imgUrl + '" />'; html += '<img src="' + imgUrl + '" />';
} else { } else {
html += '<img class="userItemImage" src="css/images/logindefault.png" style="background:' + background + ';" />'; html += '<img style="background:' + background + ';" src="css/images/logindefault.png"/>';
} }
html += '<div class="userItemContent" style="background:' + background + ';">'; html += '<div class="posterViewItemText">';
html += '<div class="userItemContentInner">'; html += '<div>' + user.Name + '</div>';
html += '<p class="userItemHeader">' + user.Name + '</p>'; html += '<div>';
html += '<p>' + LoginPage.getLastSeenText(user.LastActivityDate) + '</p>'; var lastSeen = LoginPage.getLastSeenText(user.LastActivityDate);
if (lastSeen != "") {
html += lastSeen;
}
else {
html += "&nbsp;";
}
html += '</div>'; html += '</div>';
html += '</div>'; html += '</div>';
html += '</a>'; html += '</a>';
html += '</div>';
} }
$('#divUsers', '#loginPage').html(html); $('#divUsers', '#loginPage').html(html);

6
MediaBrowser.WebDashboard/Html/scripts/PluginCatalogPage.js
View file

@ -49,21 +49,23 @@
if (plugin.isPremium) { if (plugin.isPremium) {
html += "<div class='premiumBanner'><img src='css/images/premiumflag.png' /></div>"; html += "<div class='premiumBanner'><img src='css/images/premiumflag.png' /></div>";
} }
var color = plugin.tileColor || Dashboard.getRandomMetroColor(); var color = plugin.tileColor || Dashboard.getRandomMetroColor();
html += "<div class='posterViewItemText' style='background:" + color + "'>"; html += "<div class='posterViewItemText' style='background:" + color + "'>";
var installedPlugin = installedPlugins.filter(function (ip) { var installedPlugin = installedPlugins.filter(function (ip) {
return ip.Name == plugin.name; return ip.Name == plugin.name;
})[0]; })[0];
html += "<div>";
if (installedPlugin) { if (installedPlugin) {
html += plugin.name + " (Installed)"; html += plugin.name + " (Installed)";
} else { } else {
html += plugin.name; html += plugin.name;
} }
html += "</div>";
html += "</div>"; html += "</div>";

20
MediaBrowser.WebDashboard/Html/scripts/site.js
View file

@ -444,7 +444,9 @@ var Dashboard = {
} }
if (options.showTitle || !hasPrimaryImage || (item.Type !== 'Movie' && item.Type !== 'Series' && item.Type !== 'Season')) { if (options.showTitle || !hasPrimaryImage || (item.Type !== 'Movie' && item.Type !== 'Series' && item.Type !== 'Season')) {
html += "<div class='posterViewItemText'>" + item.Name + "</div>"; html += "<div class='posterViewItemText'>";
html += "<div>" + item.Name + "</div>";
html += "</div>"
} }
html += "</a></div>"; html += "</a></div>";
@ -566,15 +568,15 @@ var Dashboard = {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
var promise; var promise;
if (path === "Network") { if (path === "Network") {
promise = ApiClient.getNetworkComputers(); promise = ApiClient.getNetworkComputers();
} }
else if (path) { else if (path) {
promise = ApiClient.getDirectoryContents(path, { includeDirectories: true }); promise = ApiClient.getDirectoryContents(path, { includeDirectories: true });
} else { } else {
promise = ApiClient.getDrives(); promise = ApiClient.getDrives();
} }
promise.done(function (folders) { promise.done(function (folders) {
@ -1108,7 +1110,7 @@ var Dashboard = {
setPageTitle: function (title) { setPageTitle: function (title) {
$('.pageTitle', $.mobile.activePage).html(title); $('.pageTitle', $.mobile.activePage).html(title);
if (title) { if (title) {
document.title = title; document.title = title;
} }
@ -1142,7 +1144,7 @@ $(function () {
footerHtml += '</div>'; footerHtml += '</div>';
footerHtml += '<div id="footerNotifications"></div>'; footerHtml += '<div id="footerNotifications"></div>';
footerHtml += '</div>'; footerHtml += '</div>';