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

update list styles

This commit is contained in:
Luke Pulverenti 2016-08-05 15:34:10 -04:00
parent 5b72e1c91b
commit fad66be11a
23 changed files with 183 additions and 279 deletions

View file

@ -1,4 +1,4 @@
define(['jQuery'], function ($) {
define(['jQuery', 'listViewStyle'], function ($) {
function deleteDevice(page, id) {
@ -36,35 +36,39 @@
html += devices.map(function (d) {
var deviceHtml = '';
deviceHtml += '<paper-icon-item>';
deviceHtml += '<div class="listItem">';
deviceHtml += '<paper-fab mini style="background:#999;" icon="tablet-android" item-icon></paper-fab>';
deviceHtml += '<i class="listItemIcon md-icon" style="background:#999;">tablet_android</i>';
deviceHtml += '<paper-item-body three-line>';
if (d.AppName && d.LastUserName) {
deviceHtml += '<div class="listItemBody three-line">';
} else {
deviceHtml += '<div class="listItemBody two-line">';
}
deviceHtml += '<a class="clearLink" href="device.html?id=' + d.Id + '">';
deviceHtml += '<div>';
deviceHtml += '<div class="listItemBodyText">';
deviceHtml += d.Name;
deviceHtml += '</div>';
if (d.AppName) {
deviceHtml += '<div secondary>';
deviceHtml += '<div class="listItemBodyText secondary">';
deviceHtml += d.AppName;
deviceHtml += '</div>';
}
if (d.LastUserName) {
deviceHtml += '<div secondary>';
deviceHtml += '<div class="listItemBodyText secondary">';
deviceHtml += Globalize.translate('DeviceLastUsedByUserName', d.LastUserName);
deviceHtml += '</div>';
}
deviceHtml += '</a>';
deviceHtml += '</paper-item-body>';
deviceHtml += '</div>';
deviceHtml += '<button type="button" is="paper-icon-button-light" class="btnDeleteDevice" data-id="' + d.Id + '" title="' + Globalize.translate('ButtonDelete') + '"><iron-icon icon="delete"></iron-icon></button>';
deviceHtml += '<button type="button" is="paper-icon-button-light" class="btnDeleteDevice" data-id="' + d.Id + '" title="' + Globalize.translate('ButtonDelete') + '"><i class="md-icon">delete</i></button>';
deviceHtml += '</paper-icon-item>';
deviceHtml += '</div>';
return deviceHtml;
@ -91,9 +95,7 @@
})).then(function (result) {
require(['paper-fab', 'paper-item-body', 'paper-icon-item'], function () {
load(page, result.Items);
});
load(page, result.Items);
Dashboard.hideLoadingMsg();
});