1
0
Fork 0
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:
Luke Pulverenti 2016-08-05 16:25:09 -04:00
parent fad66be11a
commit e00fbec2a8
30 changed files with 89 additions and 1179 deletions

View file

@ -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;

View file

@ -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;
}

View file

@ -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>';

View file

@ -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>';