Remove advanced toggle for library editor
This commit is contained in:
parent
94eb43e91e
commit
65c9e7f74e
6 changed files with 2 additions and 43 deletions
|
@ -378,13 +378,6 @@ import 'emby-input';
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
export function setAdvancedVisible(parent, visible) {
|
|
||||||
const elems = parent.querySelectorAll('.advanced');
|
|
||||||
for (let i = 0; i < elems.length; i++) {
|
|
||||||
visible ? elems[i].classList.remove('advancedHide') : elems[i].classList.add('advancedHide');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function setContentType(parent, contentType) {
|
export function setContentType(parent, contentType) {
|
||||||
if (contentType === 'homevideos' || contentType === 'photos') {
|
if (contentType === 'homevideos' || contentType === 'photos') {
|
||||||
parent.querySelector('.chkEnablePhotosContainer').classList.remove('hide');
|
parent.querySelector('.chkEnablePhotosContainer').classList.remove('hide');
|
||||||
|
@ -593,6 +586,5 @@ export default {
|
||||||
embed: embed,
|
embed: embed,
|
||||||
setContentType: setContentType,
|
setContentType: setContentType,
|
||||||
getLibraryOptions: getLibraryOptions,
|
getLibraryOptions: getLibraryOptions,
|
||||||
setLibraryOptions: setLibraryOptions,
|
setLibraryOptions: setLibraryOptions
|
||||||
setAdvancedVisible: setAdvancedVisible
|
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,8 +1,3 @@
|
||||||
<style>
|
|
||||||
.advancedHide {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<h2>${HeaderLibrarySettings}</h2>
|
<h2>${HeaderLibrarySettings}</h2>
|
||||||
<div class="selectContainer fldMetadataLanguage hide">
|
<div class="selectContainer fldMetadataLanguage hide">
|
||||||
<select is="emby-select" id="selectLanguage" label="${LabelMetadataDownloadLanguage}"></select>
|
<select is="emby-select" id="selectLanguage" label="${LabelMetadataDownloadLanguage}"></select>
|
||||||
|
|
|
@ -98,12 +98,6 @@ import 'flexStyles';
|
||||||
page.querySelector('.btnAddFolder').addEventListener('click', onAddButtonClick);
|
page.querySelector('.btnAddFolder').addEventListener('click', onAddButtonClick);
|
||||||
page.querySelector('.btnSubmit').addEventListener('click', onAddLibrary);
|
page.querySelector('.btnSubmit').addEventListener('click', onAddLibrary);
|
||||||
page.querySelector('.folderList').addEventListener('click', onRemoveClick);
|
page.querySelector('.folderList').addEventListener('click', onRemoveClick);
|
||||||
page.querySelector('.chkAdvanced').addEventListener('change', onToggleAdvancedChange);
|
|
||||||
}
|
|
||||||
|
|
||||||
function onToggleAdvancedChange() {
|
|
||||||
const dlg = dom.parentWithClass(this, 'dlg-librarycreator');
|
|
||||||
libraryoptionseditor.setAdvancedVisible(dlg.querySelector('.libraryOptions'), this.checked);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function onAddButtonClick() {
|
function onAddButtonClick() {
|
||||||
|
@ -190,7 +184,6 @@ import 'flexStyles';
|
||||||
function initLibraryOptions(dlg) {
|
function initLibraryOptions(dlg) {
|
||||||
libraryoptionseditor.embed(dlg.querySelector('.libraryOptions')).then(() => {
|
libraryoptionseditor.embed(dlg.querySelector('.libraryOptions')).then(() => {
|
||||||
$('#selectCollectionType', dlg).trigger('change');
|
$('#selectCollectionType', dlg).trigger('change');
|
||||||
onToggleAdvancedChange.call(dlg.querySelector('.chkAdvanced'));
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -5,12 +5,6 @@
|
||||||
|
|
||||||
<div class="formDialogContent scrollY" style="padding-top:2em;">
|
<div class="formDialogContent scrollY" style="padding-top:2em;">
|
||||||
<div class="dialogContentInner dialog-content-centered">
|
<div class="dialogContentInner dialog-content-centered">
|
||||||
<div class="inputContainer" style="text-align:right;">
|
|
||||||
<label style="width:auto;">
|
|
||||||
<input is="emby-toggle" type="checkbox" class="chkAdvanced noautofocus" />
|
|
||||||
<span>${ShowAdvancedSettings}</span>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="fldCollectionType" class="selectContainer">
|
<div id="fldCollectionType" class="selectContainer">
|
||||||
<select is="emby-select" id="selectCollectionType" data-mini="true" required="required" label="${LabelContentType}"></select>
|
<select is="emby-select" id="selectCollectionType" data-mini="true" required="required" label="${LabelContentType}"></select>
|
||||||
|
|
|
@ -189,20 +189,12 @@ import 'flexStyles';
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function onToggleAdvancedChange() {
|
|
||||||
const dlg = dom.parentWithClass(this, 'dlg-libraryeditor');
|
|
||||||
libraryoptionseditor.setAdvancedVisible(dlg.querySelector('.libraryOptions'), this.checked);
|
|
||||||
}
|
|
||||||
|
|
||||||
function initEditor(dlg, options) {
|
function initEditor(dlg, options) {
|
||||||
renderLibrary(dlg, options);
|
renderLibrary(dlg, options);
|
||||||
dlg.querySelector('.btnAddFolder').addEventListener('click', onAddButtonClick);
|
dlg.querySelector('.btnAddFolder').addEventListener('click', onAddButtonClick);
|
||||||
dlg.querySelector('.folderList').addEventListener('click', onListItemClick);
|
dlg.querySelector('.folderList').addEventListener('click', onListItemClick);
|
||||||
dlg.querySelector('.chkAdvanced').addEventListener('change', onToggleAdvancedChange);
|
|
||||||
dlg.querySelector('.btnSubmit').addEventListener('click', onEditLibrary);
|
dlg.querySelector('.btnSubmit').addEventListener('click', onEditLibrary);
|
||||||
libraryoptionseditor.embed(dlg.querySelector('.libraryOptions'), options.library.CollectionType, options.library.LibraryOptions).then(() => {
|
libraryoptionseditor.embed(dlg.querySelector('.libraryOptions'), options.library.CollectionType, options.library.LibraryOptions);
|
||||||
onToggleAdvancedChange.call(dlg.querySelector('.chkAdvanced'));
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function onDialogClosed() {
|
function onDialogClosed() {
|
||||||
|
|
|
@ -9,13 +9,6 @@
|
||||||
${ChangingMetadataImageSettingsNewContent}
|
${ChangingMetadataImageSettingsNewContent}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="inputContainer" style="text-align:right;">
|
|
||||||
<label style="width:auto;">
|
|
||||||
<input is="emby-toggle" type="checkbox" class="chkAdvanced noautofocus" />
|
|
||||||
<span>${ShowAdvancedSettings}</span>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="folders hide">
|
<div class="folders hide">
|
||||||
<div style="display: flex; align-items: center;">
|
<div style="display: flex; align-items: center;">
|
||||||
<h1 style="margin: .5em 0;">${Folders}</h1>
|
<h1 style="margin: .5em 0;">${Folders}</h1>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue