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

update dialogs

Browse source
This commit is contained in:
Luke Pulverenti 2016-08-07 02:15:03 -04:00
parent c71f597c58
commit afc7e51fc8
33 changed files with 152 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

8
dashboard-ui/bower_components/emby-webcomponents/.bower.json vendored
View file

@ -14,12 +14,12 @@
},
"devDependencies": {},
"ignore": [],
"version": "1.4.158",
"_release": "1.4.158",
"version": "1.4.159",
"_release": "1.4.159",
"_resolution": {
"type": "version",
"tag": "1.4.158",
"commit": "ffda5994565e3f458e9da09c168cfce699237a0f"
"tag": "1.4.159",
"commit": "6320b765b9390fc57210d45c8e9bfcf66d1a2706"
},
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
"_target": "^1.2.1",

10
dashboard-ui/bower_components/emby-webcomponents/collectioneditor/collectioneditor.js vendored
View file

@ -137,7 +137,7 @@
var html = '';
html += '<div class="dialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="formDialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="dialogContentInner dialog-content-centered">';
html += '<form class="newCollectionForm" style="margin:auto;">';
@ -249,9 +249,9 @@
var html = '';
var title = items.length ? globalize.translate('sharedcomponents#HeaderAddToCollection') : globalize.translate('sharedcomponents#NewCollection');
html += '<div class="dialogHeader">';
html += '<div class="formDialogHeader">';
html += '<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>';
html += '<div class="dialogHeaderTitle">';
html += '<div class="formDialogHeaderTitle">';
html += title;
html += '</div>';
@ -272,13 +272,13 @@
});
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, true);
centerFocus(dlg.querySelector('.formDialogContent'), false, true);
}
return new Promise(function (resolve, reject) {
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, false);
centerFocus(dlg.querySelector('.formDialogContent'), false, false);
}
dlg.addEventListener('close', resolve);

15
dashboard-ui/bower_components/emby-webcomponents/dialog/dialog.css vendored
View file

@ -1,8 +1,15 @@
.promptDialog {
border-radius: .25em !important;
}
.dialogButtons {
.promptDialogContent {
padding: 1em 1.6em;
}
.promptDialogButtons {
position: relative;
padding: 0 !important;
margin: 1em;
margin: 1em 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
@ -14,13 +21,13 @@
justify-content: flex-end;
}
.dialogButton {
.promptDialogButton {
color: #52B54B;
padding: 0.35em 1em;
margin: 0;
}
.dialogButton:focus {
.promptDialogButton:focus {
color: #fff;
background-color: #52B54B;
}

10
dashboard-ui/bower_components/emby-webcomponents/dialog/dialog.js vendored
View file

@ -36,8 +36,13 @@ define(['layoutManager', 'globalize', 'css!./dialog'], function (layoutManager,
}
var dlg = dialogHelper.createDialog(dialogOptions);
dlg.classList.add('promptDialog');
var html = '';
html += '<div class="promptDialogContent">';
if (options.title) {
html += '<h2>' + options.title + '</h2>';
}
@ -48,16 +53,17 @@ define(['layoutManager', 'globalize', 'css!./dialog'], function (layoutManager,
html += '<div style="margin:1em 0;">' + text + '</div>';
}
html += '<div class="dialogButtons">';
html += '<div class="promptDialogButtons">';
var i, length;
for (i = 0, length = options.buttons.length; i < length; i++) {
var item = options.buttons[i];
var autoFocus = i == 0 ? ' autofocus' : '';
html += '<button is="emby-button" type="button" class="btnOption dialogButton" data-id="' + item.id + '"' + autoFocus + '>' + item.name + '</button>';
html += '<button is="emby-button" type="button" class="btnOption promptDialogButton" data-id="' + item.id + '"' + autoFocus + '>' + item.name + '</button>';
}
html += '</div>';
html += '</div>';
dlg.innerHTML = html;

4
dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css vendored
View file

@ -64,10 +64,6 @@
overflow-y: hidden !important;
}
.dialog > * {
padding: 0 24px;
}
.dialogBackdrop {
background-color: #000;
opacity: 0;

15
dashboard-ui/bower_components/emby-webcomponents/formdialog.css vendored
View file

@ -3,25 +3,24 @@
flex-direction: column;
}
.formDialog .dialogHeader {
.formDialogHeader {
padding: .7em .5em;
display: flex;
align-items: center;
background-color: #101010;
flex-shrink: 0;
}
}
.formDialog .dialogHeaderTitle {
.formDialogHeaderTitle {
margin-left: .75em;
}
}
.formDialog .dialogContent {
.formDialogContent {
flex-grow: 1;
}
}
.dialogContentInner {
padding-top: .5em;
padding-bottom: 30vh;
padding: .5em 1em 30vh 1em;
}
.dialog-content-centered {

8
dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js vendored
View file

@ -299,7 +299,7 @@
page.querySelector('.identifyProviderIds').innerHTML = html;
page.querySelector('.dialogHeaderTitle').innerHTML = globalize.translate('sharedcomponents#Identify');
page.querySelector('.formDialogHeaderTitle').innerHTML = globalize.translate('sharedcomponents#Identify');
});
}
@ -341,7 +341,7 @@
dlg.addEventListener('close', onDialogClosed);
if (layoutManager.tv) {
scrollHelper.centerFocus.on(dlg.querySelector('.dialogContent'), false);
scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
}
dialogHelper.open(dlg);
@ -412,7 +412,7 @@
document.body.appendChild(dlg);
if (layoutManager.tv) {
scrollHelper.centerFocus.on(dlg.querySelector('.dialogContent'), false);
scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
}
dialogHelper.open(dlg);
@ -458,7 +458,7 @@
dlg.querySelector('#txtLookupYear').value = itemYear;
}
dlg.querySelector('.dialogHeaderTitle').innerHTML = globalize.translate('sharedcomponents#Search');
dlg.querySelector('.formDialogHeaderTitle').innerHTML = globalize.translate('sharedcomponents#Search');
}
return {

6
dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.template.html vendored
View file

@ -1,11 +1,11 @@
<div class="dialogHeader">
<div class="formDialogHeader">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
<div class="dialogHeaderTitle">
<div class="formDialogHeaderTitle">
${Identify}
</div>
</div>
<div class="dialogContent smoothScrollY">
<div class="formDialogContent smoothScrollY">
<div class="dialogContentInner dialog-content-centered">
<form class="popupIdentifyForm" style="margin:auto;">

4
dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.js vendored
View file

@ -1183,14 +1183,14 @@
document.body.appendChild(dlg);
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, true);
centerFocus(dlg.querySelector('.formDialogContent'), false, true);
}
dialogHelper.open(dlg);
dlg.addEventListener('close', function () {
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, false);
centerFocus(dlg.querySelector('.formDialogContent'), false, false);
}
unbindItemChanged(dlg, connectionManager.getApiClient(serverId));

6
dashboard-ui/bower_components/emby-webcomponents/metadataeditor/metadataeditor.template.html vendored
View file

@ -1,6 +1,6 @@
<div class="dialogHeader">
<div class="formDialogHeader">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
<div class="dialogHeaderTitle">
<div class="formDialogHeaderTitle">
${Edit}
</div>
<div style="margin-left: auto; display: flex; align-items: center; justify-content: center;">
@ -14,7 +14,7 @@
</div>
</div>
<div class="dialogContent smoothScrollY" style="padding-top:2em;">
<div class="formDialogContent smoothScrollY" style="padding-top:2em;">
<form class="editItemMetadataForm editMetadataForm dialogContentInner dialog-content-centered">
<div class="metadataFormFields">

4
dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.js vendored
View file

@ -43,7 +43,7 @@
dlg.querySelector('.txtPersonRole', dlg).value = person.Role || '';
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, true);
centerFocus(dlg.querySelector('.formDialogContent'), false, true);
}
dialogHelper.open(dlg);
@ -51,7 +51,7 @@
dlg.addEventListener('close', function () {
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, false);
centerFocus(dlg.querySelector('.formDialogContent'), false, false);
}
if (submitted) {

6
dashboard-ui/bower_components/emby-webcomponents/metadataeditor/personeditor.template.html vendored
View file

@ -1,11 +1,11 @@
<div class="dialogHeader">
<div class="formDialogHeader">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
<div class="dialogHeaderTitle">
<div class="formDialogHeaderTitle">
${Edit}
</div>
</div>
<div class="dialogContent smoothScrollY" style="padding-top:2em;">
<div class="formDialogContent smoothScrollY" style="padding-top:2em;">
<form class="popupEditPersonForm dialogContentInner dialog-content-centered">
<div class="inputContainer">

10
dashboard-ui/bower_components/emby-webcomponents/playlisteditor/playlisteditor.js vendored
View file

@ -137,7 +137,7 @@
var html = '';
html += '<div class="dialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="formDialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="dialogContentInner dialog-content-centered">';
html += '<form style="margin:auto;">';
@ -230,9 +230,9 @@
var html = '';
var title = globalize.translate('sharedcomponents#HeaderAddToPlaylist');
html += '<div class="dialogHeader">';
html += '<div class="formDialogHeader">';
html += '<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>';
html += '<div class="dialogHeaderTitle">';
html += '<div class="formDialogHeaderTitle">';
html += title;
html += '</div>';
@ -251,13 +251,13 @@
});
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, true);
centerFocus(dlg.querySelector('.formDialogContent'), false, true);
}
return new Promise(function (resolve, reject) {
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, false);
centerFocus(dlg.querySelector('.formDialogContent'), false, false);
}
dlg.addEventListener('close', resolve);

2
dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingcreator.js vendored
View file

@ -391,7 +391,7 @@
});
if (layoutManager.tv) {
scrollHelper.centerFocus.on(dlg.querySelector('.dialogContent'), false);
scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
}
dlg.querySelector('.btnSupporterForConverting').addEventListener('click', onSupporterButtonClick);

6
dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingcreator.template.html vendored
View file

@ -1,10 +1,10 @@
<div class="dialogHeader">
<div class="formDialogHeader">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
<div class="dialogHeaderTitle">
<div class="formDialogHeaderTitle">
${HeaderNewRecording}
</div>
</div>
<div class="dialogContent smoothScrollY">
<div class="formDialogContent smoothScrollY">
<form class="dialogContentInner dialog-content-centered">
<h1 class="itemName dialogContentTitle"></h1>

4
dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingeditor.js vendored
View file

@ -15,7 +15,7 @@
context.querySelector('.itemGenres').innerHTML = (programInfo.Genres || []).join(' / ');
context.querySelector('.itemOverview').innerHTML = programInfo.Overview || '';
var timerPageImageContainer = context.querySelector('.timerPageImageContainer');
//var timerPageImageContainer = context.querySelector('.timerPageImageContainer');
context.querySelector('.itemMiscInfoPrimary').innerHTML = mediaInfo.getPrimaryMediaInfoHtml(programInfo);
context.querySelector('.itemMiscInfoSecondary').innerHTML = mediaInfo.getSecondaryMediaInfoHtml(programInfo);
@ -144,7 +144,7 @@
});
if (layoutManager.tv) {
scrollHelper.centerFocus.on(dlg.querySelector('.dialogContent'), false);
scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
}
init(dlg);

6
dashboard-ui/bower_components/emby-webcomponents/recordingcreator/recordingeditor.template.html vendored
View file

@ -1,6 +1,6 @@
<div class="dialogHeader">
<div class="formDialogHeader">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
<div class="dialogHeaderTitle">
<div class="formDialogHeaderTitle">
${Edit}
</div>
<div style="margin-left:auto; display: flex; align-items: center; justify-content: center;">
@ -11,7 +11,7 @@
</div>
</div>
<div class="dialogContent smoothScrollY">
<div class="formDialogContent smoothScrollY">
<div class="dialogContentInner dialog-content-centered">
<h1 class="itemName dialogContentTitle"></h1>
<p class="itemEpisodeName"></p>

10
dashboard-ui/bower_components/emby-webcomponents/refreshdialog/refreshdialog.js vendored
View file

@ -17,7 +17,7 @@
var html = '';
html += '<div class="dialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="formDialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="dialogContentInner dialog-content-centered">';
html += '<form style="margin:auto;">';
@ -121,9 +121,9 @@
var html = '';
var title = globalize.translate('sharedcomponents#RefreshMetadata');
html += '<div class="dialogHeader">';
html += '<div class="formDialogHeader">';
html += '<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>';
html += '<div class="dialogHeaderTitle">';
html += '<div class="formDialogHeaderTitle">';
html += title;
html += '</div>';
@ -142,13 +142,13 @@
});
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, true);
centerFocus(dlg.querySelector('.formDialogContent'), false, true);
}
return new Promise(function (resolve, reject) {
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, false);
centerFocus(dlg.querySelector('.formDialogContent'), false, false);
}
dlg.addEventListener('close', resolve);

12
dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.js vendored
View file

@ -333,7 +333,7 @@
var lang = form.querySelector('#selectLanguage', form).value;
searchForSubtitles(dom.parentWithClass(form, 'dialogContent'), lang);
searchForSubtitles(dom.parentWithClass(form, 'formDialogContent'), lang);
e.preventDefault();
return false;
@ -429,17 +429,13 @@
var btnSubmit = dlg.querySelector('.btnSubmit');
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, true);
}
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, true);
centerFocus(dlg.querySelector('.formDialogContent'), false, true);
dlg.querySelector('.btnSearchSubtitles').classList.add('hide');
} else {
btnSubmit.classList.add('hide');
}
var editorContent = dlg.querySelector('.dialogContent');
var editorContent = dlg.querySelector('.formDialogContent');
dlg.querySelector('.subtitleList').addEventListener('click', onSubtitleListClick);
dlg.querySelector('.subtitleResults').addEventListener('click', onSubtitleResultsClick);
@ -459,7 +455,7 @@
dlg.addEventListener('close', function () {
if (layoutManager.tv) {
centerFocus(dlg.querySelector('.dialogContent'), false, false);
centerFocus(dlg.querySelector('.formDialogContent'), false, false);
}
if (hasChanges) {

6
dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.template.html vendored
View file

@ -1,8 +1,8 @@
<div class="dialogHeader">
<div class="formDialogHeader">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
<div class="dialogHeaderTitle">${Subtitles}</div>
<div class="formDialogHeaderTitle">${Subtitles}</div>
</div>
<div class="dialogContent smoothScrollY">
<div class="formDialogContent smoothScrollY">
<div class="dialogContentInner dialog-content-centered">
<div class="subtitleList" style="margin-bottom:2em;"></div>

6
dashboard-ui/bower_components/emby-webcomponents/voice/voicedialog.js vendored
View file

@ -111,16 +111,16 @@ define(['dialogHelper', 'voiceReceiver', 'voiceProcessor', 'globalize', 'emby-bu
dlg.classList.add('formDialog');
var html = '';
html += '<div class="dialogHeader">';
html += '<div class="formDialogHeader">';
html += '<button is="paper-icon-button-light" class="btnCancelVoiceInput autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>';
html += '<div class="dialogHeaderTitle">';
html += '<div class="formDialogHeaderTitle">';
html += globalize.translate('sharedcomponents#VoiceInput');
html += '</div>';
html += '</div>';
html += '<div>';
html += '<div class="dialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="formDialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="dialogContentInner dialog-content-centered">';
html += '<div class="voiceHelpContent">';

8
dashboard-ui/components/channelmapper/channelmapper.js
View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'loading', 'connectionManager', 'globalize', 'actionsheet', 'paper-checkbox', 'emby-input', 'paper-icon-button-light', 'emby-button', 'listViewStyle', 'material-icons'],
define(['dialogHelper', 'loading', 'connectionManager', 'globalize', 'actionsheet', 'paper-checkbox', 'emby-input', 'paper-icon-button-light', 'emby-button', 'listViewStyle', 'material-icons', 'formDialogStyle'],
function (dialogHelper, loading, connectionManager, globalize, actionsheet) {
return function (options) {
@ -121,7 +121,7 @@ function (dialogHelper, loading, connectionManager, globalize, actionsheet) {
var html = '';
html += '<div class="dialogContent">';
html += '<div class="formDialogContent">';
html += '<div class="dialogContentInner dialog-content-centered">';
html += '<form style="margin:auto;">';
@ -170,9 +170,9 @@ function (dialogHelper, loading, connectionManager, globalize, actionsheet) {
var html = '';
var title = globalize.translate('MapChannels');
html += '<div class="dialogHeader" style="margin:0 0 2em;">';
html += '<div class="formDialogHeader">';
html += '<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>';
html += '<div class="dialogHeaderTitle">';
html += '<div class="formDialogHeaderTitle">';
html += title;
html += '</div>';

2
dashboard-ui/components/fileorganizer/fileorganizer.js
View file

@ -216,7 +216,7 @@
dlg.innerHTML = html;
document.body.appendChild(dlg);
dlg.querySelector('.dialogHeaderTitle').innerHTML = Globalize.translate('FileOrganizeManually');
dlg.querySelector('.formDialogHeaderTitle').innerHTML = Globalize.translate('FileOrganizeManually');
dialogHelper.open(dlg);

4
dashboard-ui/components/fileorganizer/fileorganizer.template.html
View file

@ -1,8 +1,8 @@
<div class="dialogHeader" style="margin:0 0 2em;">
<div class="formDialogHeader" style="margin:0 0 2em;">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1">
<i class="md-icon">&#xE5C4;</i>
</button>
<div class="dialogHeaderTitle">
<div class="formDialogHeaderTitle">
</div>
</div>

2
dashboard-ui/components/guestinviter/connectlink.js
View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'jQuery', 'emby-input', 'emby-button', 'emby-collapse', 'paper-checkbox', 'paper-icon-button-light'], function (dialogHelper, $) {
define(['dialogHelper', 'jQuery', 'emby-input', 'emby-button', 'emby-collapse', 'paper-checkbox', 'paper-icon-button-light', 'formDialogStyle'], function (dialogHelper, $) {
function updateUserInfo(user, newConnectUsername, actionCallback, noActionCallback) {
var currentConnectUsername = user.ConnectUserName || '';

4
dashboard-ui/components/guestinviter/connectlink.template.html
View file

@ -1,8 +1,8 @@
<div class="dialogHeader" style="margin:0 0 2em;">
<div class="formDialogHeader" style="margin:0 0 2em;">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1">
<i class="md-icon">&#xE5C4;</i>
</button>
<div class="dialogHeaderTitle">
<div class="formDialogHeaderTitle">
Emby Connect
</div>
</div>

2
dashboard-ui/components/guestinviter/guestinviter.js
View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'jQuery', 'emby-input', 'emby-button', 'emby-collapse', 'paper-checkbox', 'paper-icon-button-light'], function (dialogHelper, $) {
define(['dialogHelper', 'jQuery', 'emby-input', 'emby-button', 'emby-collapse', 'paper-checkbox', 'paper-icon-button-light', 'formDialogStyle'], function (dialogHelper, $) {
function renderLibrarySharingList(context, result) {

17
dashboard-ui/components/guestinviter/guestinviter.template.html
View file

@ -1,13 +1,12 @@
<div class="dialogHeader" style="margin:0 0 2em;">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1">
<i class="md-icon">&#xE5C4;</i>
</button>
<div class="dialogHeaderTitle">
<div class="formDialogHeader">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
<div class="formDialogHeaderTitle">
${HeaderInviteUser}
</div>
</div>
<form class="addUserForm" style="max-width: none;margin:0;">
<div class="formDialogContent smoothScrollY" style="padding-top:2em;">
<div class="dialogContentInner dialog-content-centered">
<form class="addUserForm" style="max-width: none;margin:0;">
<div class="inputContainer">
<input is="emby-input" type="text" id="txtConnectUsername" value="" label="${LabelConnectGuestUserName}" required />
@ -34,4 +33,6 @@
<br />
<br />
<br />
</form>
</form>
</div>
</div>

2
dashboard-ui/components/medialibrarycreator/medialibrarycreator.js
View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'jQuery', 'emby-input', 'emby-select', 'paper-icon-button-light', 'listViewStyle'], function (dialogHelper, $) {
define(['dialogHelper', 'jQuery', 'emby-input', 'emby-select', 'paper-icon-button-light', 'listViewStyle', 'formDialogStyle'], function (dialogHelper, $) {
var currentDeferred;
var hasChanges;

6
dashboard-ui/components/medialibrarycreator/medialibrarycreator.template.html
View file

@ -1,11 +1,11 @@
<div class="dialogHeader">
<div class="formDialogHeader">
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
<div class="dialogHeaderTitle">
<div class="formDialogHeaderTitle">
${ButtonAddMediaLibrary}
</div>
</div>
<div class="dialogContent smoothScrollY" style="padding-top:2em;">
<div class="formDialogContent smoothScrollY" style="padding-top:2em;">
<div class="dialogContentInner dialog-content-centered">
<form style="margin:auto;">
<div id="fldCollectionType" class="selectContainer">

1
dashboard-ui/scripts/site.js
View file

@ -1550,6 +1550,7 @@ var AppInfo = {};
define("userdataButtons", [embyWebComponentsBowerPath + "/userdatabuttons/userdatabuttons"], returnFirstDependency);
define("listView", [embyWebComponentsBowerPath + "/listview/listview"], returnFirstDependency);
define("listViewStyle", ['css!' + embyWebComponentsBowerPath + "/listview/listview"], returnFirstDependency);
define("formDialogStyle", ['css!' + embyWebComponentsBowerPath + "/formdialog"], returnFirstDependency);
define("indicators", [embyWebComponentsBowerPath + "/indicators/indicators"], returnFirstDependency);
if ('registerElement' in document && 'content' in document.createElement('template')) {

15
dashboard-ui/scripts/sync.js
View file

@ -228,7 +228,7 @@
function showSyncMenuInternal(options) {
require(['dialogHelper'], function (dialogHelper) {
require(['dialogHelper', 'formDialogStyle'], function (dialogHelper) {
var userId = Dashboard.getCurrentUserId();
@ -254,12 +254,12 @@
dlg.classList.add('ui-body-a');
dlg.classList.add('background-theme-a');
dlg.classList.add('popupEditor');
dlg.classList.add('formDialog');
var html = '';
html += '<div class="dialogHeader" style="margin:0 0 2em;">';
html += '<div class="formDialogHeader">';
html += '<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>';
html += '<div class="dialogHeaderTitle">';
html += '<div class="formDialogHeaderTitle">';
html += Globalize.translate('SyncMedia');
html += '</div>';
@ -267,6 +267,9 @@
html += '</div>';
html += '<div class="formDialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="dialogContentInner dialog-content-centered">';
html += '<form class="formSubmitSyncRequest" style="margin: auto;">';
html += '<div class="formFields"></div>';
@ -277,6 +280,10 @@
html += '</form>';
html += '</div>';
html += '</div>';
dlg.innerHTML = html;
document.body.appendChild(dlg);

10
dashboard-ui/thirdparty/paper-button-style.css vendored
View file

@ -158,21 +158,21 @@ div.dialogHeader {
font-size: 110%;
}
.ui-body-a div.dialogHeader {
.ui-body-a div.formDialogHeader {
background-color: #52B54B;
color: #fff;
}
.ui-body-a .dialogHeader a {
.ui-body-a .formDialogHeader a {
color: #fff !important;
text-transform: uppercase;
}
.ui-body-b div.dialogHeader {
.ui-body-b div.formDialogHeader {
background-color: #101010;
}
.dialogHeaderTitle {
.formDialogHeaderTitle {
margin-left: .75em;
}
@ -183,7 +183,7 @@ div.dialogHeader {
margin-top: .7em;
}
.dialogHeader button {
.formDialogHeader button {
margin-top: 0;
margin-bottom: 0;
}