mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update dialogs
This commit is contained in:
parent
411bc43282
commit
74e43e1346
20 changed files with 122 additions and 83 deletions
|
@ -14,12 +14,12 @@
|
|||
},
|
||||
"devDependencies": {},
|
||||
"ignore": [],
|
||||
"version": "1.4.222",
|
||||
"_release": "1.4.222",
|
||||
"version": "1.4.223",
|
||||
"_release": "1.4.223",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "1.4.222",
|
||||
"commit": "29a8d9be1a6c3bb59bddb54c721c64a8664f9724"
|
||||
"tag": "1.4.223",
|
||||
"commit": "e3fce0848cb9f7839d98090ea55c80f0a5ff672d"
|
||||
},
|
||||
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
||||
"_target": "^1.2.1",
|
||||
|
|
|
@ -166,8 +166,8 @@
|
|||
// newCollectionInfo
|
||||
html += '</div>';
|
||||
|
||||
html += '<div>';
|
||||
html += '<button is="emby-button" type="submit" class="raised btnSubmit block">' + globalize.translate('sharedcomponents#ButtonOk') + '</button>';
|
||||
html += '<div class="formDialogFooter">';
|
||||
html += '<button is="emby-button" type="submit" class="raised btnSubmit block formDialogFooterItem">' + globalize.translate('sharedcomponents#ButtonOk') + '</button>';
|
||||
html += '</div>';
|
||||
|
||||
html += '<input type="hidden" class="fldSelectedItemIds" />';
|
||||
|
|
|
@ -41,6 +41,13 @@
|
|||
right: 10% !important;
|
||||
}
|
||||
|
||||
.dialog-medium-tall {
|
||||
top: 5% !important;
|
||||
bottom: 5% !important;
|
||||
left: 10% !important;
|
||||
right: 10% !important;
|
||||
}
|
||||
|
||||
.dialog-small {
|
||||
top: 10% !important;
|
||||
bottom: 10% !important;
|
||||
|
|
|
@ -7,10 +7,13 @@
|
|||
padding: .8em .5em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #222326;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.formDialogHeader, .formDialogFooter {
|
||||
background-color: #222326;
|
||||
}
|
||||
|
||||
.formDialogHeaderTitle {
|
||||
margin-left: .5em;
|
||||
}
|
||||
|
@ -32,8 +35,39 @@
|
|||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.formDialogFooter {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
padding: 1.5em;
|
||||
/* Without this emby-checkbox is able to appear on top */
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.formDialogFooterItem {
|
||||
margin-left: .5em !important;
|
||||
margin-right: .5em !important;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.formDialogFooterItem {
|
||||
max-width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1280px) {
|
||||
|
||||
.formDialogFooterItem {
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.dialogContentInner {
|
||||
padding-left: 2em;
|
||||
padding-right: 2em;
|
||||
|
|
|
@ -20,12 +20,12 @@
|
|||
<div class="identifyProviderIds">
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<button is="emby-button" type="submit" class="raised submit block">
|
||||
<div class="formDialogFooter">
|
||||
<button is="emby-button" type="submit" class="raised submit block formDialogFooterItem">
|
||||
<i class="md-icon">search</i>
|
||||
<span>${Search}</span>
|
||||
</button>
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
<div class="identificationSearchResults hide">
|
||||
|
||||
|
@ -42,10 +42,13 @@
|
|||
<input type="checkbox" is="emby-checkbox" id="chkIdentifyReplaceImages" />
|
||||
<span>${ReplaceExistingImages}</span>
|
||||
</label>
|
||||
<button is="emby-button" type="submit" class="raised submit block btnSubmit">
|
||||
<i class="md-icon">check</i>
|
||||
<span>${ButtonOk}</span>
|
||||
</button>
|
||||
|
||||
<div class="formDialogFooter">
|
||||
<button is="emby-button" type="submit" class="raised submit block btnSubmit formDialogFooterItem">
|
||||
<i class="md-icon">check</i>
|
||||
<span>${ButtonOk}</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
|
@ -357,11 +357,6 @@
|
|||
|
||||
});
|
||||
|
||||
context.querySelector('.btnHeaderSave').addEventListener('click', function (e) {
|
||||
|
||||
context.querySelector('.btnSave').click();
|
||||
});
|
||||
|
||||
context.querySelector('#chkLockData').addEventListener('click', function (e) {
|
||||
|
||||
if (!e.target.checked) {
|
||||
|
@ -1161,7 +1156,7 @@
|
|||
if (layoutManager.tv) {
|
||||
dialogOptions.size = 'fullscreen';
|
||||
} else {
|
||||
dialogOptions.size = 'medium';
|
||||
dialogOptions.size = 'medium-tall';
|
||||
}
|
||||
|
||||
var dlg = dialogHelper.createDialog(dialogOptions);
|
||||
|
|
|
@ -4,10 +4,6 @@
|
|||
${Edit}
|
||||
</div>
|
||||
<div style="margin-left: auto; display: flex; align-items: center; justify-content: center;">
|
||||
<button is="emby-button" type="button" class="btnHeaderSave accent autoSize" tabindex="-1">
|
||||
<i class="md-icon">check</i>
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
<button is="paper-icon-button-light" class="btnMore autoSize" tabindex="-1">
|
||||
<i class="md-icon">more_vert</i>
|
||||
</button>
|
||||
|
@ -308,9 +304,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<button is="emby-button" type="submit" class="raised submit block btnSave">
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
<div class="formDialogFooter">
|
||||
<button is="emby-button" type="submit" class="raised submit block btnSave formDialogFooterItem">
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
|
|
|
@ -27,9 +27,13 @@
|
|||
<input is="emby-input" type="text" class="txtPersonRole" label="${LabelPersonRole}" />
|
||||
<div class="fieldDescription">${LabelPersonRoleHelp}</div>
|
||||
</div>
|
||||
<button is="emby-button" type="submit" class="raised submit block">
|
||||
<i class="md-icon">check</i>
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
|
||||
<div class="formDialogFooter">
|
||||
<button is="emby-button" type="submit" class="raised submit block formDialogFooterItem">
|
||||
<i class="md-icon">check</i>
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
|
@ -154,8 +154,8 @@
|
|||
// newPlaylistInfo
|
||||
html += '</div>';
|
||||
|
||||
html += '<div>';
|
||||
html += '<button is="emby-button" type="submit" class="raised btnSubmit block">' + globalize.translate('sharedcomponents#ButtonOk') + '</button>';
|
||||
html += '<div class="formDialogFooter">';
|
||||
html += '<button is="emby-button" type="submit" class="raised btnSubmit block formDialogFooterItem">' + globalize.translate('sharedcomponents#ButtonOk') + '</button>';
|
||||
html += '</div>';
|
||||
|
||||
html += '<input type="hidden" class="fldSelectedItemIds" />';
|
||||
|
|
|
@ -141,25 +141,13 @@
|
|||
|
||||
getRegistration(apiClient).then(function (regInfo) {
|
||||
|
||||
if (regInfo.IsValid) {
|
||||
context.querySelector('.btnSubmit').classList.remove('hide');
|
||||
} else {
|
||||
context.querySelector('.btnSubmit').classList.add('hide');
|
||||
}
|
||||
|
||||
if (regInfo.IsRegistered) {
|
||||
|
||||
context.querySelector('.btnSubmit').classList.remove('hide');
|
||||
context.querySelector('.supporterContainer').classList.add('hide');
|
||||
|
||||
} else {
|
||||
|
||||
context.querySelector('.supporterContainer').classList.remove('hide');
|
||||
|
||||
if (regInfo.TrialVersion) {
|
||||
context.querySelector('.supporterTrial').classList.remove('hide');
|
||||
} else {
|
||||
context.querySelector('.supporterTrial').classList.add('hide');
|
||||
}
|
||||
context.querySelector('.btnSubmit').classList.add('hide');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
|
@ -97,16 +97,15 @@
|
|||
<br />
|
||||
</div>
|
||||
<br />
|
||||
<div>
|
||||
<div class="supporterContainer hide">
|
||||
<div class="formDialogFooter">
|
||||
<div class="supporterContainer hide formDialogFooterItem">
|
||||
<p>${MessageActiveSubscriptionRequiredSeriesRecordings}</p>
|
||||
<p class="supporterTrial hide">${HeaderEnjoyDayTrial}</p>
|
||||
<button is="emby-button" type="button" raised class="btnSupporter hide raised accent block">
|
||||
<button is="emby-button" type="button" class="btnSupporter hide raised accent block">
|
||||
<i class="md-icon">check</i>
|
||||
<span>${HeaderBecomeProjectSupporter}</span>
|
||||
</button>
|
||||
</div>
|
||||
<button is="emby-button" type="submit" class="raised btnSubmit block">
|
||||
<button is="emby-button" type="submit" class="raised btnSubmit block formDialogFooterItem">
|
||||
<i class="md-icon recordingDialogSubmitIcon">fiber_manual_record</i>
|
||||
<span>${Record}</span>
|
||||
</button>
|
||||
|
|
|
@ -31,10 +31,14 @@
|
|||
<input is="emby-input" type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}" />
|
||||
</div>
|
||||
<br />
|
||||
<button is="emby-button" type="submit" class="raised btnSubmit block" autofocus>
|
||||
<i class="md-icon recordingDialogSubmitIcon">fiber_manual_record</i>
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
|
||||
<div class="formDialogFooter">
|
||||
<button is="emby-button" type="submit" class="raised btnSubmit block formDialogFooterItem" autofocus>
|
||||
<i class="md-icon recordingDialogSubmitIcon">fiber_manual_record</i>
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
|
@ -37,13 +37,13 @@
|
|||
html += globalize.translate('sharedcomponents#RefreshDialogHelp');
|
||||
html += '</div>';
|
||||
|
||||
html += '<br />';
|
||||
html += '<div>';
|
||||
html += '<button is="emby-button" type="submit" class="raised btnSubmit block" autofocus>' + globalize.translate('sharedcomponents#ButtonOk') + '</button>';
|
||||
html += '</div>';
|
||||
|
||||
html += '<input type="hidden" class="fldSelectedItemIds" />';
|
||||
|
||||
html += '<br />';
|
||||
html += '<div class="formDialogFooter">';
|
||||
html += '<button is="emby-button" type="submit" class="raised btnSubmit block formDialogFooterItem">' + globalize.translate('sharedcomponents#ButtonOk') + '</button>';
|
||||
html += '</div>';
|
||||
|
||||
html += '</form>';
|
||||
html += '</div>';
|
||||
html += '</div>';
|
||||
|
|
|
@ -45,7 +45,6 @@
|
|||
"RecordAnytime": "Record at any time",
|
||||
"RecordOnlyNewEpisodes": "Record only new episodes",
|
||||
"HeaderBecomeProjectSupporter": "Get Emby Premiere",
|
||||
"HeaderEnjoyDayTrial": "Enjoy a 14 Day Free Trial",
|
||||
"MessageActiveSubscriptionRequiredSeriesRecordings": "An active Emby Premiere subscription is required in order to create automated series recordings.",
|
||||
"OptionConvertRecordingsToStreamingFormat": "Automatically convert recordings to a streaming friendly format",
|
||||
"OptionConvertRecordingsToStreamingFormatHelp": "Recordings will be converted on the fly to MP4 for easy playback on your devices.",
|
||||
|
|
|
@ -408,9 +408,9 @@
|
|||
|
||||
html += '<div class="formFields"></div>';
|
||||
|
||||
html += '<p>';
|
||||
html += '<button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">sync</i><span>' + globalize.translate('sharedcomponents#Sync') + '</span></button>';
|
||||
html += '</p>';
|
||||
html += '<div class="formDialogFooter">';
|
||||
html += '<button is="emby-button" type="submit" class="raised submit block formDialogFooterItem"><i class="md-icon">sync</i><span>' + globalize.translate('sharedcomponents#Sync') + '</span></button>';
|
||||
html += '</div>';
|
||||
|
||||
html += '</form>';
|
||||
|
||||
|
|
|
@ -32,14 +32,14 @@
|
|||
"iron-component-page": "polymerElements/iron-component-page#^1.1.6"
|
||||
},
|
||||
"private": true,
|
||||
"homepage": "https://github.com/Polymer/polymer",
|
||||
"homepage": "https://github.com/polymer/polymer",
|
||||
"_release": "1.6.1",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.6.1",
|
||||
"commit": "1f197d9d7874b1e5808b2a5c26f34446a7d912fc"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/polymer.git",
|
||||
"_source": "git://github.com/polymer/polymer.git",
|
||||
"_target": "^1.1.0",
|
||||
"_originalSource": "Polymer/polymer"
|
||||
"_originalSource": "polymer/polymer"
|
||||
}
|
|
@ -246,7 +246,7 @@
|
|||
itemBirthday.classList.add('hide');
|
||||
}
|
||||
|
||||
var itemDeathDate = page.querySelector('#itemBirthday');
|
||||
var itemDeathDate = page.querySelector('#itemDeathDate');
|
||||
if (item.Type == "Person" && item.EndDate) {
|
||||
|
||||
try {
|
||||
|
|
|
@ -27,6 +27,8 @@
|
|||
|
||||
var promise = params.type == 'Recordings' ?
|
||||
ApiClient.getLiveTvRecordings(query) :
|
||||
params.type == 'RecordingSeries' ?
|
||||
ApiClient.getLiveTvRecordingSeries(query) :
|
||||
ApiClient.getLiveTvPrograms(query);
|
||||
|
||||
promise.then(function (result) {
|
||||
|
@ -46,15 +48,15 @@
|
|||
|
||||
html = cardBuilder.getCardsHtml({
|
||||
items: result.Items,
|
||||
shape: query.IsMovie ? 'portrait' : "backdrop",
|
||||
preferThumb: !query.IsMovie,
|
||||
shape: query.IsMovie || params.type == 'RecordingSeries' ? 'portrait' : "backdrop",
|
||||
preferThumb: !query.IsMovie && params.type != 'RecordingSeries',
|
||||
context: 'livetv',
|
||||
centerText: true,
|
||||
lazy: true,
|
||||
overlayText: false,
|
||||
showTitle: true,
|
||||
//showParentTitle: query.IsSeries !== false && !query.IsMovie,
|
||||
showProgramAirInfo: params.type != 'Recordings',
|
||||
showProgramAirInfo: params.type != 'Recordings' && params.type != 'RecordingSeries',
|
||||
overlayMoreButton: true,
|
||||
showYear: query.IsMovie && params.type == 'Recordings'
|
||||
});
|
||||
|
|
|
@ -195,7 +195,7 @@
|
|||
Dashboard.navigate('livetvitems.html?type=Recordings&IsMovie=true');
|
||||
break;
|
||||
case 'episodes':
|
||||
Dashboard.navigate('livetvitems.html?type=Recordings&IsSeries=true');
|
||||
Dashboard.navigate('livetvitems.html?type=RecordingSeries');
|
||||
break;
|
||||
case 'programs':
|
||||
Dashboard.navigate('livetvitems.html?type=Recordings&IsSeries=false&IsMovie=false');
|
||||
|
|
25
dashboard-ui/thirdparty/paper-button-style.css
vendored
25
dashboard-ui/thirdparty/paper-button-style.css
vendored
|
@ -20,11 +20,25 @@ button.emby-button.submit {
|
|||
color: #52B54B;
|
||||
}
|
||||
|
||||
button.emby-button.raised.submit, button.emby-button.raised:not(.subdued):not(.cancel):not(.more) {
|
||||
.ui-body-a .emby-button.raised {
|
||||
background: #52B54B;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-b .emby-button.raised {
|
||||
background: #404040;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-a .emby-button.raised.subdued {
|
||||
background: #fff;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.ui-body-b .emby-button.raised.subdued {
|
||||
background: #262626;
|
||||
}
|
||||
|
||||
button.emby-button.more {
|
||||
color: #3388cc;
|
||||
}
|
||||
|
@ -140,13 +154,4 @@ div.dialogHeader {
|
|||
.ui-body-a .formDialogHeader a {
|
||||
color: #fff !important;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.ui-body-b div.formDialogHeader {
|
||||
background-color: #222326;
|
||||
}
|
||||
|
||||
.formDialogHeader button {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue