mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
remove paper-fab
This commit is contained in:
parent
fad66be11a
commit
e00fbec2a8
30 changed files with 89 additions and 1179 deletions
|
@ -1,4 +1,4 @@
|
|||
define(['jQuery'], function ($) {
|
||||
define(['jQuery', 'listViewStyle'], function ($) {
|
||||
|
||||
var query = {
|
||||
|
||||
|
@ -58,30 +58,30 @@
|
|||
|
||||
var info = infos[i];
|
||||
|
||||
html += '<paper-icon-item>';
|
||||
html += '<div class="listItem">';
|
||||
|
||||
html += '<paper-fab mini icon="folder" item-icon class="blue"></paper-fab>';
|
||||
html += '<i class="listItemIcon md-icon">folder</i>';
|
||||
|
||||
html += (info.DisplayName || info.ItemName);
|
||||
|
||||
html += '</paper-icon-item>';
|
||||
html += '</div>';
|
||||
|
||||
var matchStringIndex = 0;
|
||||
|
||||
html += info.MatchStrings.map(function (m) {
|
||||
|
||||
var matchStringHtml = '';
|
||||
matchStringHtml += '<paper-icon-item>';
|
||||
matchStringHtml += '<div class="listItem">';
|
||||
|
||||
matchStringHtml += '<paper-item-body>';
|
||||
matchStringHtml += '<div class="listItemBody">';
|
||||
|
||||
matchStringHtml += "<div secondary>" + m + "</div>";
|
||||
matchStringHtml += "<div class='listItemBodyText secondary'>" + m + "</div>";
|
||||
|
||||
matchStringHtml += '</paper-item-body>';
|
||||
matchStringHtml += '</div>';
|
||||
|
||||
matchStringHtml += '<button type="button" is="paper-icon-button-light" class="btnDeleteMatchEntry" data-index="' + i + '" data-matchindex="' + matchStringIndex + '" title="' + Globalize.translate('ButtonDelete') + '"><iron-icon icon="delete"></iron-icon></button>';
|
||||
matchStringHtml += '<button type="button" is="paper-icon-button-light" class="btnDeleteMatchEntry" data-index="' + i + '" data-matchindex="' + matchStringIndex + '" title="' + Globalize.translate('ButtonDelete') + '"><i class="md-icon">delete</i></button>';
|
||||
|
||||
matchStringHtml += '</paper-icon-item>';
|
||||
matchStringHtml += '</div>';
|
||||
matchStringIndex++;
|
||||
|
||||
return matchStringHtml;
|
||||
|
|
|
@ -151,28 +151,28 @@
|
|||
var itemHtml = '';
|
||||
|
||||
itemHtml += '<a class="clearLink" href="' + item.Link + '" target="_blank">';
|
||||
itemHtml += '<paper-icon-item>';
|
||||
itemHtml += '<div class="listItem">';
|
||||
|
||||
itemHtml += '<paper-fab mini class="blue" icon="dvr" item-icon></paper-fab>';
|
||||
itemHtml += '<i class="listItemIcon md-icon">dvr</i>';
|
||||
|
||||
itemHtml += '<paper-item-body three-line>';
|
||||
itemHtml += '<div class="listItemBody three-line">';
|
||||
|
||||
itemHtml += '<div>';
|
||||
itemHtml += '<h3 class="listItemBodyText">';
|
||||
itemHtml += item.Title;
|
||||
itemHtml += '</div>';
|
||||
itemHtml += '</h3>';
|
||||
|
||||
itemHtml += '<div secondary>';
|
||||
itemHtml += '<div class="listItemBodyText secondary">';
|
||||
var date = datetime.parseISO8601Date(item.Date, true);
|
||||
itemHtml += date.toLocaleDateString();
|
||||
itemHtml += '</div>';
|
||||
|
||||
itemHtml += '<div secondary>';
|
||||
itemHtml += '<div class="listItemBodyText secondary listItemBodyText-nowrap">';
|
||||
itemHtml += item.Description;
|
||||
itemHtml += '</div>';
|
||||
|
||||
itemHtml += '</paper-item-body>';
|
||||
itemHtml += '</div>';
|
||||
|
||||
itemHtml += '</paper-icon-item>';
|
||||
itemHtml += '</div>';
|
||||
itemHtml += '</a>';
|
||||
|
||||
return itemHtml;
|
||||
|
@ -1031,7 +1031,7 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
html += '<paper-icon-item>';
|
||||
html += '<div class="listItem">';
|
||||
|
||||
var color = entry.Severity == 'Error' || entry.Severity == 'Fatal' || entry.Severity == 'Warn' ? '#cc0000' : '#52B54B';
|
||||
|
||||
|
@ -1043,30 +1043,30 @@
|
|||
height: 40
|
||||
});
|
||||
|
||||
html += '<paper-fab mini style="background-color:' + color + ';background-image:url(\'' + userImgUrl + '\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
|
||||
html += '<i class="listItemIcon md-icon" style="width:2em!important;height:2em!important;padding:0;color:transparent;background-color:' + color + ';background-image:url(\'' + userImgUrl + '\');background-repeat:no-repeat;background-position:center center;background-size: cover;">dvr</i>';
|
||||
}
|
||||
else {
|
||||
html += '<paper-fab mini icon="dvr" style="background-color:' + color + '" item-icon></paper-fab>';
|
||||
html += '<i class="listItemIcon md-icon" style="background-color:' + color + '">dvr</i>';
|
||||
}
|
||||
|
||||
html += '<paper-item-body three-line>';
|
||||
html += '<div class="listItemBody three-line">';
|
||||
|
||||
html += '<div>';
|
||||
html += '<h3 class="listItemBodyText">';
|
||||
html += entry.Name;
|
||||
html += '</div>';
|
||||
html += '</h3>';
|
||||
|
||||
html += '<div secondary>';
|
||||
html += '<div class="listItemBodyText secondary">';
|
||||
var date = datetime.parseISO8601Date(entry.Date, true);
|
||||
html += date.toLocaleDateString() + ' ' + date.toLocaleTimeString().toLowerCase();
|
||||
html += '</div>';
|
||||
|
||||
html += '<div secondary>';
|
||||
html += '<div class="listItemBodyText secondary listItemBodyText-nowrap">';
|
||||
html += entry.ShortOverview || '';
|
||||
html += '</div>';
|
||||
|
||||
html += '</paper-item-body>';
|
||||
html += '</div>';
|
||||
|
||||
html += '</paper-icon-item>';
|
||||
html += '</div>';
|
||||
|
||||
return html;
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['jQuery'], function ($) {
|
||||
define(['jQuery', 'listViewStyle'], function ($) {
|
||||
|
||||
function resetTuner(page, id) {
|
||||
|
||||
|
@ -30,21 +30,21 @@
|
|||
for (var i = 0, length = tuners.length; i < length; i++) {
|
||||
|
||||
var tuner = tuners[i];
|
||||
html += '<paper-icon-item>';
|
||||
html += '<div class="listItem">';
|
||||
|
||||
html += '<paper-fab mini style="background:#52B54B;" icon="live-tv" item-icon></paper-fab>';
|
||||
html += '<i class="listItemIcon md-icon">live_tv</i>';
|
||||
|
||||
html += '<paper-item-body two-line>';
|
||||
html += '<div class="listItemBody two-line">';
|
||||
|
||||
html += '<div>';
|
||||
html += '<h3 class="listItemBodyText">';
|
||||
html += tuner.Name;
|
||||
html += '</div>';
|
||||
html += '</h3>';
|
||||
|
||||
html += '<div secondary>';
|
||||
html += '<div class="listItemBodyText secondary">';
|
||||
html += tuner.SourceType;
|
||||
html += '</div>';
|
||||
|
||||
html += '<div secondary>';
|
||||
html += '<div class="listItemBodyText secondary">';
|
||||
if (tuner.Status == 'RecordingTv') {
|
||||
if (tuner.ChannelName) {
|
||||
|
||||
|
@ -73,13 +73,13 @@
|
|||
}
|
||||
html += '</div>';
|
||||
|
||||
html += '</paper-item-body>';
|
||||
html += '</div>';
|
||||
|
||||
if (tuner.CanReset) {
|
||||
html += '<button type="button" is="paper-icon-button-light" data-tunerid="' + tuner.Id + '" title="' + Globalize.translate('ButtonResetTuner') + '" class="btnResetTuner"><iron-icon icon="refresh"></iron-icon></button>';
|
||||
html += '<button type="button" is="paper-icon-button-light" data-tunerid="' + tuner.Id + '" title="' + Globalize.translate('ButtonResetTuner') + '" class="btnResetTuner"><i class="md-icon">refresh</i></button>';
|
||||
}
|
||||
|
||||
html += '</paper-icon-item>';
|
||||
html += '</div>';
|
||||
}
|
||||
|
||||
html += '</div>';
|
||||
|
@ -198,24 +198,24 @@
|
|||
|
||||
var href = 'livetvtunerprovider-' + device.Type + '.html?id=' + device.Id;
|
||||
|
||||
html += '<paper-icon-item>';
|
||||
html += '<div class="listItem">';
|
||||
|
||||
html += '<paper-fab mini style="background:#52B54B;" icon="live-tv" item-icon></paper-fab>';
|
||||
html += '<i class="listItemIcon md-icon">live_tv</i>';
|
||||
|
||||
html += '<paper-item-body two-line>';
|
||||
html += '<div class="listItemBody two-line">';
|
||||
html += '<a class="clearLink" href="' + href + '">';
|
||||
html += '<div>';
|
||||
html += '<h3 class="listItemBodyText">';
|
||||
html += device.FriendlyName || getTunerName(device.Type);
|
||||
html += '</div>';
|
||||
html += '</h3>';
|
||||
|
||||
html += '<div secondary>';
|
||||
html += '<div class="listItemBodyText secondary">';
|
||||
html += device.Url;
|
||||
html += '</div>';
|
||||
html += '</a>';
|
||||
html += '</paper-item-body>';
|
||||
html += '</div>';
|
||||
|
||||
html += '<button type="button" is="paper-icon-button-light" class="btnDeleteDevice" data-id="' + device.Id + '" title="' + Globalize.translate('ButtonDelete') + '"><iron-icon icon="delete"></iron-icon></button>';
|
||||
html += '</paper-icon-item>';
|
||||
html += '<button type="button" is="paper-icon-button-light" class="btnDeleteDevice" data-id="' + device.Id + '" title="' + Globalize.translate('ButtonDelete') + '"><i class="md-icon">delete</i></button>';
|
||||
html += '</div>';
|
||||
}
|
||||
|
||||
html += '</div>';
|
||||
|
@ -308,22 +308,22 @@
|
|||
for (var i = 0, length = providers.length; i < length; i++) {
|
||||
|
||||
var provider = providers[i];
|
||||
html += '<paper-icon-item>';
|
||||
html += '<div class="listItem">';
|
||||
|
||||
html += '<paper-fab mini style="background:#52B54B;" icon="dvr" item-icon></paper-fab>';
|
||||
html += '<i class="listItemIcon md-icon">dvr</i>';
|
||||
|
||||
html += '<paper-item-body two-line>';
|
||||
html += '<div class="listItemBody two-line">';
|
||||
|
||||
html += '<a class="clearLink" href="' + getProviderConfigurationUrl(provider.Type) + '&id=' + provider.Id + '">';
|
||||
|
||||
html += '<div>';
|
||||
html += '<h3 class="listItemBodyText">';
|
||||
html += getProviderName(provider.Type);
|
||||
html += '</div>';
|
||||
html += '</h3>';
|
||||
|
||||
html += '</a>';
|
||||
html += '</paper-item-body>';
|
||||
html += '<button type="button" is="paper-icon-button-light" class="btnOptions" data-id="' + provider.Id + '"><iron-icon icon="more-vert"></iron-icon></button>';
|
||||
html += '</paper-icon-item>';
|
||||
html += '</div>';
|
||||
html += '<button type="button" is="paper-icon-button-light" class="btnOptions" data-id="' + provider.Id + '"><i class="md-icon">more_vert</i></button>';
|
||||
html += '</div>';
|
||||
}
|
||||
|
||||
html += '</div>';
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['jQuery'], function ($) {
|
||||
define(['jQuery', 'listViewStyle'], function ($) {
|
||||
|
||||
var currentType;
|
||||
|
||||
|
@ -159,22 +159,22 @@
|
|||
|
||||
var isChecked = config.DisabledImageFetchers.indexOf(plugin.Name) == -1 ? ' checked="checked"' : '';
|
||||
|
||||
html += '<paper-icon-item class="imageFetcherItem" data-pluginname="' + plugin.Name + '">';
|
||||
html += '<div class="listItem imageFetcherItem" data-pluginname="' + plugin.Name + '">';
|
||||
|
||||
html += '<paper-checkbox class="chkImageFetcher" data-pluginname="' + plugin.Name + '" item-icon' + isChecked + '></paper-checkbox>';
|
||||
|
||||
html += '<paper-item-body>';
|
||||
html += '<div class="listItemBody">';
|
||||
|
||||
html += '<div>';
|
||||
html += '<h3 class="listItemBodyText">';
|
||||
html += plugin.Name;
|
||||
html += '</h3>';
|
||||
|
||||
html += '</div>';
|
||||
|
||||
html += '</paper-item-body>';
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonUp') + '" class="btnUp" style="padding:3px 8px;"><i class="md-icon">keyboard_arrow_up</i></button>';
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonDown') + '" class="btnDown" style="padding:3px 8px;"><i class="md-icon">keyboard_arrow_down</i></button>';
|
||||
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonUp') + '" class="btnUp" style="padding:3px 8px;"><iron-icon icon="keyboard-arrow-up"></iron-icon></button>';
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonDown') + '" class="btnDown" style="padding:3px 8px;"><iron-icon icon="keyboard-arrow-down"></iron-icon></button>';
|
||||
|
||||
html += '</paper-icon-item>';
|
||||
html += '</div>';
|
||||
}
|
||||
|
||||
html += '</div>';
|
||||
|
@ -262,22 +262,22 @@
|
|||
|
||||
var isChecked = config.DisabledMetadataFetchers.indexOf(plugin.Name) == -1 ? ' checked="checked"' : '';
|
||||
|
||||
html += '<paper-icon-item class="metadataFetcherItem" data-pluginname="' + plugin.Name + '">';
|
||||
html += '<div class="listItem metadataFetcherItem" data-pluginname="' + plugin.Name + '">';
|
||||
|
||||
html += '<paper-checkbox class="chkMetadataFetcher" data-pluginname="' + plugin.Name + '" item-icon' + isChecked + '></paper-checkbox>';
|
||||
|
||||
html += '<paper-item-body>';
|
||||
html += '<div class="listItemBody">';
|
||||
|
||||
html += '<div>';
|
||||
html += '<h3 class="listItemBodyText">';
|
||||
html += plugin.Name;
|
||||
html += '</h3>';
|
||||
|
||||
html += '</div>';
|
||||
|
||||
html += '</paper-item-body>';
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonUp') + '" class="btnUp" style="padding:3px 8px;"><i class="md-icon">keyboard_arrow_up</i></button>';
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonDown') + '" class="btnDown" style="padding:3px 8px;"><i class="md-icon">keyboard_arrow_down</i></button>';
|
||||
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonUp') + '" class="btnUp" style="padding:3px 8px;"><iron-icon icon="keyboard-arrow-up"></iron-icon></button>';
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonDown') + '" class="btnDown" style="padding:3px 8px;"><iron-icon icon="keyboard-arrow-down"></iron-icon></button>';
|
||||
|
||||
html += '</paper-icon-item>';
|
||||
html += '</div>';
|
||||
}
|
||||
|
||||
html += '</div>';
|
||||
|
@ -330,27 +330,27 @@
|
|||
|
||||
var plugin = plugins[i];
|
||||
|
||||
html += '<paper-icon-item class="localReaderOption" data-pluginname="' + plugin.Name + '">';
|
||||
html += '<div class="listItem localReaderOption" data-pluginname="' + plugin.Name + '">';
|
||||
|
||||
html += '<paper-fab mini style="background:#52B54B;" icon="live-tv" item-icon></paper-fab>';
|
||||
html += '<i class="listItemIcon md-icon">live_tv</i>';
|
||||
|
||||
html += '<paper-item-body>';
|
||||
html += '<div class="listItemBody">';
|
||||
|
||||
html += '<div>';
|
||||
html += '<h3 class="listItemBodyText">';
|
||||
html += plugin.Name;
|
||||
html += '</h3>';
|
||||
|
||||
html += '</div>';
|
||||
|
||||
html += '</paper-item-body>';
|
||||
|
||||
if (i > 0) {
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonUp') + '" class="btnLocalReaderUp btnLocalReaderMove" data-pluginindex="' + i + '"><iron-icon icon="keyboard-arrow-up"></iron-icon></button>';
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonUp') + '" class="btnLocalReaderUp btnLocalReaderMove" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_up</i></button>';
|
||||
}
|
||||
else if (plugins.length > 1) {
|
||||
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonDown') + '" class="btnLocalReaderDown btnLocalReaderMove" data-pluginindex="' + i + '"><iron-icon icon="keyboard-arrow-down"></iron-icon></button>';
|
||||
html += '<button type="button" is="paper-icon-button-light" title="' + Globalize.translate('ButtonDown') + '" class="btnLocalReaderDown btnLocalReaderMove" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_down</i></button>';
|
||||
}
|
||||
|
||||
html += '</paper-icon-item>';
|
||||
html += '</div>';
|
||||
}
|
||||
|
||||
html += '</div>';
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue