mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update forms
This commit is contained in:
parent
acefeed732
commit
3e3a7b12d6
8 changed files with 39 additions and 26 deletions
|
@ -55,23 +55,28 @@
|
||||||
height: 4.4vh;
|
height: 4.4vh;
|
||||||
width: 4.4vh;
|
width: 4.4vh;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
font-size: 4.4vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
[is="emby-button"].noflex {
|
[is="emby-button"].noflex {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
[is="emby-button"].fab.mini {
|
[is="emby-button"].fab.mini:not(.autoSize) {
|
||||||
min-width: 40px !important;
|
min-width: 40px !important;
|
||||||
min-height: 40px !important;
|
min-height: 40px !important;
|
||||||
height: 3.3vh !important;
|
height: 3.3vh !important;
|
||||||
width: 3.3vh !important;
|
width: 3.3vh !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
[is="emby-button"].fab.mini {
|
||||||
padding: .4em;
|
padding: .4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
[is="emby-button"].fab.mini i {
|
[is="emby-button"].fab.mini i {
|
||||||
height: 2.6vh !important;
|
height: 2.4vh !important;
|
||||||
width: 2.6vh !important;
|
width: 2.4vh !important;
|
||||||
|
font-size: 2.4vh !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
[is="emby-button"].fab iron-icon {
|
[is="emby-button"].fab iron-icon {
|
||||||
|
@ -108,6 +113,8 @@
|
||||||
[is=emby-button].autoSize {
|
[is=emby-button].autoSize {
|
||||||
width: auto !important;
|
width: auto !important;
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
|
min-height: initial !important;
|
||||||
|
min-width: initial !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
[is=paper-icon-button-light] {
|
[is=paper-icon-button-light] {
|
||||||
|
|
|
@ -22,6 +22,10 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[is="emby-select"] option {
|
||||||
|
color: initial;
|
||||||
|
}
|
||||||
|
|
||||||
.selectContainer {
|
.selectContainer {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
define(['dialogHelper', 'jQuery', 'paper-checkbox', 'paper-fab', 'paper-icon-button-light'], function (dialogHelper, $) {
|
define(['dialogHelper', 'jQuery', 'emby-checkbox', 'paper-fab', 'paper-icon-button-light'], function (dialogHelper, $) {
|
||||||
|
|
||||||
var currentItemId;
|
var currentItemId;
|
||||||
var currentItemType;
|
var currentItemType;
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
<div style="text-align: center;">
|
<div style="text-align: center;display:flex; align-items: center; justify-content: center;margin: 0 0 1em 0;">
|
||||||
<div style="margin: 0; display: inline-block;">
|
<div style="margin: 0;">
|
||||||
<label for="selectImageProvider" style="display: inline-block;">${LabelSource}</label>
|
<label for="selectImageProvider" style="display: inline-block;">${LabelSource}</label>
|
||||||
<select id="selectImageProvider" style="padding-left:.5em;padding-right:0;display: inline-block;width:auto!important;">
|
<select id="selectImageProvider" style="padding-left:.5em;padding-right:0;display: inline-block;width:auto!important;">
|
||||||
<option value="">${OptionAll}</option>
|
<option value="">${OptionAll}</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-left:.5em; display: inline-block;">
|
<div style="margin-left:1em;">
|
||||||
<label for="selectBrowsableImageType" style="display: inline-block;">${LabelImage}</label>
|
<label for="selectBrowsableImageType" style="display: inline-block;">${LabelImage}</label>
|
||||||
<select id="selectBrowsableImageType" style="padding-left:.5em;padding-right:0;display: inline-block;width:auto!important;">
|
<select id="selectBrowsableImageType" style="padding-left:.5em;padding-right:0;display: inline-block;width:auto!important;">
|
||||||
<option value="Primary">${OptionPrimary}</option>
|
<option value="Primary">${OptionPrimary}</option>
|
||||||
|
@ -21,10 +21,11 @@
|
||||||
<option value="Thumb">${OptionThumb}</option>
|
<option value="Thumb">${OptionThumb}</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="availableImagesPaging" style="display: inline-block;vertical-align: middle;margin-left:.5em;"></div>
|
<div class="availableImagesPaging" style="margin-left:1em;"></div>
|
||||||
<div style="display: inline-block; vertical-align: middle; margin-left: .5em;">
|
<label style="margin: 0 0 0 1em;width:auto;">
|
||||||
<paper-checkbox id="chkAllLanguages">${LabelAllLanguages}</paper-checkbox>
|
<input id="chkAllLanguages" type="checkbox" is="emby-checkbox" />
|
||||||
</div>
|
<span>${LabelAllLanguages}</span>
|
||||||
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="availableImagesList" style="text-align:center;"></div>
|
<div class="availableImagesList" style="text-align:center;"></div>
|
|
@ -1,4 +1,4 @@
|
||||||
<div id="syncPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${ButtonSyncSettings}" data-require="scripts/mysyncsettings,paper-checkbox,emby-input,emby-button,paper-icon-button-light" data-backbutton="true" data-menubutton="false">
|
<div id="syncPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${ButtonSyncSettings}" data-require="scripts/mysyncsettings,emby-checkbox,emby-input,emby-button,paper-icon-button-light" data-backbutton="true" data-menubutton="false">
|
||||||
|
|
||||||
<div data-role="content">
|
<div data-role="content">
|
||||||
<form class="userProfileSettingsForm" style="margin: 0 auto;">
|
<form class="userProfileSettingsForm" style="margin: 0 auto;">
|
||||||
|
@ -17,11 +17,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<label class="checkboxContainer">
|
||||||
<paper-checkbox id="chkWifi">${OptionSyncOnlyOnWifi}</paper-checkbox>
|
<input type="checkbox" is="emby-checkbox" id="chkWifi"/>
|
||||||
</div>
|
<span>${OptionSyncOnlyOnWifi}</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
<br />
|
|
||||||
<h1>
|
<h1>
|
||||||
${HeaderCameraUpload}
|
${HeaderCameraUpload}
|
||||||
</h1>
|
</h1>
|
||||||
|
@ -29,7 +29,7 @@
|
||||||
<p>${SelectCameraUploadServers}</p>
|
<p>${SelectCameraUploadServers}</p>
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
<div class="paperCheckboxList uploadServerList">
|
<div class="checkboxList uploadServerList">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
|
@ -1083,8 +1083,8 @@
|
||||||
cssClass += ' checkedInitial';
|
cssClass += ' checkedInitial';
|
||||||
}
|
}
|
||||||
var checkedAttribute = isChecked ? ' checked' : '';
|
var checkedAttribute = isChecked ? ' checked' : '';
|
||||||
itemSelectionPanel.innerHTML = '<paper-checkbox class="' + cssClass + '"' + checkedAttribute + '></paper-checkbox>';
|
itemSelectionPanel.innerHTML = '<label class="checkboxContainer"><input type="checkbox" is="emby-checkbox" class="' + cssClass + '"' + checkedAttribute + '/><span></span></label>>';
|
||||||
var chkItemSelect = itemSelectionPanel.querySelector('paper-checkbox');
|
var chkItemSelect = itemSelectionPanel.querySelector('.chkItemSelect');
|
||||||
chkItemSelect.addEventListener('change', onSelectionChange);
|
chkItemSelect.addEventListener('change', onSelectionChange);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1145,7 +1145,7 @@
|
||||||
|
|
||||||
function showSelections(initialCard) {
|
function showSelections(initialCard) {
|
||||||
|
|
||||||
require(['paper-checkbox'], function () {
|
require(['emby-checkbox'], function () {
|
||||||
var cards = document.querySelectorAll('.card');
|
var cards = document.querySelectorAll('.card');
|
||||||
for (var i = 0, length = cards.length; i < length; i++) {
|
for (var i = 0, length = cards.length; i < length; i++) {
|
||||||
showSelection(cards[i], initialCard == cards[i]);
|
showSelection(cards[i], initialCard == cards[i]);
|
||||||
|
|
|
@ -119,7 +119,7 @@
|
||||||
|
|
||||||
function showActivePlayerMenu(playerInfo) {
|
function showActivePlayerMenu(playerInfo) {
|
||||||
|
|
||||||
require(['dialogHelper', 'paper-checkbox', ], function (dialogHelper) {
|
require(['dialogHelper', 'emby-checkbox', 'emby-button'], function (dialogHelper) {
|
||||||
showActivePlayerMenuInternal(dialogHelper, playerInfo);
|
showActivePlayerMenuInternal(dialogHelper, playerInfo);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -147,10 +147,11 @@
|
||||||
|
|
||||||
if (playerInfo.supportedCommands.indexOf('DisplayContent') != -1) {
|
if (playerInfo.supportedCommands.indexOf('DisplayContent') != -1) {
|
||||||
|
|
||||||
html += '<div>';
|
html += '<label class="checkboxContainer" style="margin-bottom:0;">';
|
||||||
var checkedHtml = MediaController.enableDisplayMirroring() ? ' checked' : '';
|
var checkedHtml = MediaController.enableDisplayMirroring() ? ' checked' : '';
|
||||||
html += '<paper-checkbox class="chkMirror"' + checkedHtml + '>' + Globalize.translate('OptionEnableDisplayMirroring') + '</paper-checkbox>';
|
html += '<input type="checkbox" is="emby-checkbox" class="chkMirror"' + checkedHtml + '/>';
|
||||||
html += '</div>';
|
html += '<span>' + Globalize.translate('OptionEnableDisplayMirroring') + '</span>';
|
||||||
|
html += '</label>';
|
||||||
}
|
}
|
||||||
|
|
||||||
html += '</div>';
|
html += '</div>';
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
function loadForm(page, user) {
|
function loadForm(page, user) {
|
||||||
|
|
||||||
page.querySelector('#txtSyncPath').value = appSettings.syncPath();
|
page.querySelector('#txtSyncPath').value = appSettings.syncPath() || '';
|
||||||
page.querySelector('#chkWifi').checked = appSettings.syncOnlyOnWifi();
|
page.querySelector('#chkWifi').checked = appSettings.syncOnlyOnWifi();
|
||||||
|
|
||||||
var uploadServers = appSettings.cameraUploadServers();
|
var uploadServers = appSettings.cameraUploadServers();
|
||||||
|
@ -10,7 +10,7 @@
|
||||||
page.querySelector('.uploadServerList').innerHTML = ConnectionManager.getSavedServers().map(function (s) {
|
page.querySelector('.uploadServerList').innerHTML = ConnectionManager.getSavedServers().map(function (s) {
|
||||||
|
|
||||||
var checkedHtml = uploadServers.indexOf(s.Id) == -1 ? '' : ' checked';
|
var checkedHtml = uploadServers.indexOf(s.Id) == -1 ? '' : ' checked';
|
||||||
var html = '<paper-checkbox' + checkedHtml + ' class="chkUploadServer" data-id="' + s.Id + '">' + s.Name + '</paper-checkbox>';
|
var html = '<label><input type="checkbox" is="emby-checkbox"' + checkedHtml + ' class="chkUploadServer" data-id="' + s.Id + '"/><span>' + s.Name + '</span></label>';
|
||||||
|
|
||||||
return html;
|
return html;
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue