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>';
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue