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

update forms

This commit is contained in:
Luke Pulverenti 2016-06-14 00:06:57 -04:00
parent acefeed732
commit 3e3a7b12d6
8 changed files with 39 additions and 26 deletions

View file

@ -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] {

View file

@ -22,6 +22,10 @@
width: 100%; width: 100%;
} }
[is="emby-select"] option {
color: initial;
}
.selectContainer { .selectContainer {
margin-bottom: 2em; margin-bottom: 2em;
} }

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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