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

make metro styled tiles look and act the same

This commit is contained in:
Chris Schneider 2013-02-22 09:08:51 -06:00
parent a7b18ac6ab
commit e6e4b74d26
5 changed files with 62 additions and 49 deletions

View file

@ -23,8 +23,7 @@
return ApiClient.getUserImageUrl(user.Id, {
width: 240,
tag: user.PrimaryImageTag,
type: "Primary"
tag: user.PrimaryImageTag
});
},
@ -62,34 +61,43 @@
var background = Dashboard.getRandomMetroColor();
html += '<div class="posterViewItem">';
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 {
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) {
var imgUrl = ApiClient.getUserImageUrl(user.Id, {
width: 500,
tag: user.PrimaryImageTag,
type: "Primary"
tag: user.PrimaryImageTag
});
html += '<img class="userItemImage" src="' + imgUrl + '" />';
html += '<img src="' + imgUrl + '" />';
} 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 += '<p class="userItemHeader">' + user.Name + '</p>';
html += '<p>' + LoginPage.getLastSeenText(user.LastActivityDate) + '</p>';
html += '<div>' + user.Name + '</div>';
html += '<div>';
var lastSeen = LoginPage.getLastSeenText(user.LastActivityDate);
if (lastSeen != "") {
html += lastSeen;
}
else {
html += "&nbsp;";
}
html += '</div>';
html += '</div>';
html += '</a>';
html += '</div>';
}
$('#divUsers', '#loginPage').html(html);