update dialogs

This commit is contained in:
Luke Pulverenti 2016-09-07 01:48:14 -04:00
parent 411bc43282
commit 74e43e1346
20 changed files with 122 additions and 83 deletions

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -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.",

View file

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