cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 19:08:18 -07:00
Code Issues Packages Projects Releases Wiki Activity

update forms

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css vendored
View File

@ -55,23 +55,28 @@
height: 4.4vh;
width: 4.4vh;
vertical-align: middle;
font-size: 4.4vh;
}
[is="emby-button"].noflex {
display: inline-block;
}
[is="emby-button"].fab.mini {
[is="emby-button"].fab.mini:not(.autoSize) {
min-width: 40px !important;
min-height: 40px !important;
height: 3.3vh !important;
width: 3.3vh !important;
}
[is="emby-button"].fab.mini {
padding: .4em;
}
[is="emby-button"].fab.mini i {
height: 2.6vh !important;
width: 2.6vh !important;
height: 2.4vh !important;
width: 2.4vh !important;
font-size: 2.4vh !important;
}
[is="emby-button"].fab iron-icon {
@ -108,6 +113,8 @@
[is=emby-button].autoSize {
width: auto !important;
height: auto !important;
min-height: initial !important;
min-width: initial !important;
}
[is=paper-icon-button-light] {

4
dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.css vendored
View File

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

2
dashboard-ui/components/imagedownloader/imagedownloader.js
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 currentItemType;

15
dashboard-ui/components/imagedownloader/imagedownloader.template.html
View File

@ -1,11 +1,11 @@
<div style="text-align: center;">
<div style="margin: 0; display: inline-block;">
<div style="text-align: center;display:flex; align-items: center; justify-content: center;margin: 0 0 1em 0;">
<div style="margin: 0;">
<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;">
<option value="">${OptionAll}</option>
</select>
</div>
<div style="margin-left:.5em; display: inline-block;">
<div style="margin-left:1em;">
<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;">
<option value="Primary">${OptionPrimary}</option>
@ -21,10 +21,11 @@
<option value="Thumb">${OptionThumb}</option>
</select>
</div>
<div class="availableImagesPaging" style="display: inline-block;vertical-align: middle;margin-left:.5em;"></div>
<div style="display: inline-block; vertical-align: middle; margin-left: .5em;">
<paper-checkbox id="chkAllLanguages">${LabelAllLanguages}</paper-checkbox>
</div>
<div class="availableImagesPaging" style="margin-left:1em;"></div>
<label style="margin: 0 0 0 1em;width:auto;">
<input id="chkAllLanguages" type="checkbox" is="emby-checkbox" />
<span>${LabelAllLanguages}</span>
</label>
</div>
<div class="availableImagesList" style="text-align:center;"></div>

12
dashboard-ui/mysyncsettings.html
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">
<form class="userProfileSettingsForm" style="margin: 0 auto;">
@ -17,11 +17,11 @@
</div>
</div>
<div>
<paper-checkbox id="chkWifi">${OptionSyncOnlyOnWifi}</paper-checkbox>
</div>
<label class="checkboxContainer">
<input type="checkbox" is="emby-checkbox" id="chkWifi"/>
<span>${OptionSyncOnlyOnWifi}</span>
</label>
<br />
<h1>
${HeaderCameraUpload}
</h1>
@ -29,7 +29,7 @@
<p>${SelectCameraUploadServers}</p>
<br />
<div class="paperCheckboxList uploadServerList">
<div class="checkboxList uploadServerList">
</div>
<br />

6
dashboard-ui/scripts/librarylist.js
View File

@ -1083,8 +1083,8 @@
cssClass += ' checkedInitial';
}
var checkedAttribute = isChecked ? ' checked' : '';
itemSelectionPanel.innerHTML = '<paper-checkbox class="' + cssClass + '"' + checkedAttribute + '></paper-checkbox>';
var chkItemSelect = itemSelectionPanel.querySelector('paper-checkbox');
itemSelectionPanel.innerHTML = '<label class="checkboxContainer"><input type="checkbox" is="emby-checkbox" class="' + cssClass + '"' + checkedAttribute + '/><span></span></label>>';
var chkItemSelect = itemSelectionPanel.querySelector('.chkItemSelect');
chkItemSelect.addEventListener('change', onSelectionChange);
}
}
@ -1145,7 +1145,7 @@
function showSelections(initialCard) {
require(['paper-checkbox'], function () {
require(['emby-checkbox'], function () {
var cards = document.querySelectorAll('.card');
for (var i = 0, length = cards.length; i < length; i++) {
showSelection(cards[i], initialCard == cards[i]);

9
dashboard-ui/scripts/mediacontroller.js
View File

@ -119,7 +119,7 @@
function showActivePlayerMenu(playerInfo) {
require(['dialogHelper', 'paper-checkbox', ], function (dialogHelper) {
require(['dialogHelper', 'emby-checkbox', 'emby-button'], function (dialogHelper) {
showActivePlayerMenuInternal(dialogHelper, playerInfo);
});
}
@ -147,10 +147,11 @@
if (playerInfo.supportedCommands.indexOf('DisplayContent') != -1) {
html += '<div>';
html += '<label class="checkboxContainer" style="margin-bottom:0;">';
var checkedHtml = MediaController.enableDisplayMirroring() ? ' checked' : '';
html += '<paper-checkbox class="chkMirror"' + checkedHtml + '>' + Globalize.translate('OptionEnableDisplayMirroring') + '</paper-checkbox>';
html += '</div>';
html += '<input type="checkbox" is="emby-checkbox" class="chkMirror"' + checkedHtml + '/>';
html += '<span>' + Globalize.translate('OptionEnableDisplayMirroring') + '</span>';
html += '</label>';
}
html += '</div>';

4
dashboard-ui/scripts/mysyncsettings.js
View File

@ -2,7 +2,7 @@
function loadForm(page, user) {
page.querySelector('#txtSyncPath').value = appSettings.syncPath();
page.querySelector('#txtSyncPath').value = appSettings.syncPath() || '';
page.querySelector('#chkWifi').checked = appSettings.syncOnlyOnWifi();
var uploadServers = appSettings.cameraUploadServers();
@ -10,7 +10,7 @@
page.querySelector('.uploadServerList').innerHTML = ConnectionManager.getSavedServers().map(function (s) {
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;