mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
parent
556b64e92c
commit
a8a609a04d
39 changed files with 121 additions and 1198 deletions
|
@ -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>';
|
||||
|
|
|
@ -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';
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue