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

update components

This commit is contained in:
Luke Pulverenti 2016-08-06 10:07:44 -04:00
parent 556b64e92c
commit a8a609a04d
39 changed files with 121 additions and 1198 deletions

View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'jQuery', 'paper-item', 'emby-input', 'emby-button', 'paper-item-body', 'paper-icon-button-light', 'css!./directorybrowser'], function (dialogHelper, $) {
define(['dialogHelper', 'jQuery', 'listViewStyle', 'emby-input', 'emby-button', 'paper-icon-button-light', 'css!./directorybrowser'], function (dialogHelper, $) {
var systemInfo;
function getSystemInfo() {
@ -91,12 +91,14 @@
function getItem(cssClass, type, path, name) {
var html = '';
html += '<paper-item role="menuitem" class="' + cssClass + '" data-type="' + type + '" data-path="' + path + '">';
html += '<paper-item-body>';
html += '<div class="listItem ' + cssClass + '" data-type="' + type + '" data-path="' + path + '" style="border-bottom:1px solid #e0e0e0;">';
html += '<div class="listItemBody" style="min-height:2em;padding-left:0;">';
html += '<div class="listItemBodyText">';
html += name;
html += '</paper-item-body>';
html += '<iron-icon icon="arrow-forward"></iron-icon>';
html += '</paper-item>';
html += '</div>';
html += '</div>';
html += '<i class="md-icon" style="font-size:inherit;">arrow_forward</i>';
html += '</div>';
return html;
}
@ -137,7 +139,7 @@
html += '<div style="flex-grow:1;">';
html += '<input is="emby-input" id="txtDirectoryPickerPath" type="text" required="required" label="' + Globalize.translate('LabelCurrentPath') + '"/>';
html += '</div>';
html += '<button type="button" is="paper-icon-button-light" class="btnRefreshDirectories" title="' + Globalize.translate('ButtonRefresh') + '"><iron-icon icon="refresh"></iron-icon></button>';
html += '<button type="button" is="paper-icon-button-light" class="btnRefreshDirectories" title="' + Globalize.translate('ButtonRefresh') + '"><i class="md-icon">search</i></button>';
html += '</div>';
html += '<div class="results paperList" style="height: 180px; overflow-y: auto;"></div>';

View file

@ -7,7 +7,7 @@
var hasChanges = false;
// These images can be large and we're seeing memory problems in safari
var browsableImagePageSize = browserInfo.safari ? 6 : (browserInfo.mobile ? 10 : 40);
var browsableImagePageSize = browserInfo.slow ? 6 : 30;
var browsableImageStartIndex = 0;
var browsableImageType = 'Primary';

View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'jQuery', 'emby-button', 'paper-item-body', 'paper-icon-item', 'paper-icon-button-light'], function (dialogHelper, $) {
define(['dialogHelper', 'jQuery', 'emby-button', 'listViewStyle', 'paper-icon-button-light'], function (dialogHelper, $) {
var currentDeferred;
var hasChanges;
@ -57,17 +57,19 @@
var html = '';
html += '<paper-icon-item role="menuitem" class="lnkPath">';
html += '<div class="listItem lnkPath">';
html += '<button type="button" is="emby-button" style="background:#52B54B;" class="fab mini" item-icon><iron-icon icon="folder"></iron-icon></button>';
html += '<i class="listItemIcon md-icon">folder</i>';
html += '<paper-item-body>';
html += '<div class="listItemBody">';
html += '<h3 class="listItemBodyText">';
html += path;
html += '</paper-item-body>';
html += '</h3>';
html += '</div>';
html += '<button is="paper-icon-button-light" class="btnRemovePath" data-index="' + index + '"><iron-icon icon="remove-circle"></iron-icon></button>';
html += '<button is="paper-icon-button-light" class="btnRemovePath" data-index="' + index + '"><i class="md-icon">remove_circle</i></button>';
html += '</paper-icon-item>';
html += '</div>';
return html;
}

View file

@ -194,7 +194,7 @@
// This should be outside of the IF
// But for now, if you change songs but keep the same artist, the backdrop will flicker because in-between songs it clears out the image
if (!browser.mobile) {
if (!browser.slow) {
// Exclude from mobile because it just doesn't perform well
require(['backdrop'], function (backdrop) {
backdrop.setBackdrop(backdropUrl);

View file

@ -1,4 +1,4 @@
define(['jQuery','paper-checkbox', 'paper-input', 'paper-item-body', 'paper-icon-item'], function ($) {
define(['jQuery','paper-checkbox', 'listViewStyle'], function ($) {
return function (page, providerId, options) {
@ -257,24 +257,24 @@
var device = devices[i];
html += '<paper-icon-item>';
html += '<div class="listItem">';
var enabledTuners = providerInfo.EnableAllTuners || [];
var isChecked = providerInfo.EnableAllTuners || enabledTuners.indexOf(device.Id) != -1;
var checkedAttribute = isChecked ? ' checked' : '';
html += '<paper-checkbox data-id="' + device.Id + '" class="chkTuner" item-icon ' + checkedAttribute + '></paper-checkbox>';
html += '<paper-item-body two-line>';
html += '<div>';
html += '<div class="listItemBody two-line">';
html += '<div class="listItemBodyText">';
html += device.FriendlyName || getTunerName(device.Type);
html += '</div>';
html += '<div secondary>';
html += '<div class="listItemBodyText secondary">';
html += device.Url;
html += '</div>';
html += '</paper-item-body>';
html += '</div>';
html += '</paper-icon-item>';
html += '</div>';
}
page.querySelector('.tunerList').innerHTML = html;

View file

@ -1,4 +1,4 @@
define(['jQuery', 'registrationservices', 'paper-checkbox', 'emby-input', 'paper-item-body', 'paper-icon-item', 'paper-icon-button-light'], function ($, registrationServices) {
define(['jQuery', 'registrationservices', 'paper-checkbox', 'emby-input', 'listViewStyle', 'paper-icon-button-light'], function ($, registrationServices) {
return function (page, providerId, options) {
@ -135,24 +135,24 @@
var device = devices[i];
html += '<paper-icon-item>';
html += '<div class="listItem">';
var enabledTuners = providerInfo.EnableAllTuners || [];
var isChecked = providerInfo.EnableAllTuners || enabledTuners.indexOf(device.Id) != -1;
var checkedAttribute = isChecked ? ' checked' : '';
html += '<paper-checkbox data-id="' + device.Id + '" class="chkTuner" item-icon ' + checkedAttribute + '></paper-checkbox>';
html += '<paper-item-body two-line>';
html += '<div>';
html += '<div class="listItemBody two-line">';
html += '<div class="listItemBodyText">';
html += device.FriendlyName || getTunerName(device.Type);
html += '</div>';
html += '<div secondary>';
html += '<div class="listItemBodyText secondary">';
html += device.Url;
html += '</div>';
html += '</paper-item-body>';
html += '</div>';
html += '</paper-icon-item>';
html += '</div>';
}
page.querySelector('.tunerList').innerHTML = html;