afiqzudinhadi/obsidian-media-db-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Modified the toggles so only one can be on at a time

Browse source
This commit is contained in:
ltctceplrm 2024-02-06 20:46:56 +01:00
parent 0634e3904f
commit c5ba44cfe5
1 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/modals/MediaDbSearchModal.ts
View file

@ -76,6 +76,9 @@ export class MediaDbSearchModal extends Modal {
const placeholder = 'Search by title'; const placeholder = 'Search by title';
const searchComponent = new TextComponent(contentEl); const searchComponent = new TextComponent(contentEl);
const toggleComponents = [];
let currentToggle: ToggleComponent = null;
searchComponent.inputEl.style.width = '100%'; searchComponent.inputEl.style.width = '100%';
searchComponent.setPlaceholder(placeholder); searchComponent.setPlaceholder(placeholder);
searchComponent.setValue(this.query); searchComponent.setValue(this.query);
@ -99,10 +102,17 @@ export class MediaDbSearchModal extends Modal {
const apiToggleComponent = new ToggleComponent(apiToggleComponentWrapper); const apiToggleComponent = new ToggleComponent(apiToggleComponentWrapper);
apiToggleComponent.setTooltip(unCamelCase(mediaType)); apiToggleComponent.setTooltip(unCamelCase(mediaType));
apiToggleComponent.setValue(this.selectedTypes.find(x => x.name === mediaType).selected); apiToggleComponent.setValue(this.selectedTypes.find(x => x.name === mediaType).selected);
if (apiToggleComponent.getValue()) {
currentToggle = apiToggleComponent;
}
apiToggleComponent.onChange(value => { apiToggleComponent.onChange(value => {
this.selectedTypes.find(x => x.name === mediaType).selected = value; if (currentToggle && currentToggle !== apiToggleComponent) {
currentToggle.setValue(false);
}
currentToggle = value ? apiToggleComponent : null;
}); });
apiToggleComponentWrapper.appendChild(apiToggleComponent.toggleEl); apiToggleComponentWrapper.appendChild(apiToggleComponent.toggleEl);
toggleComponents.push(apiToggleComponent);
} }
contentEl.createDiv({ cls: 'media-db-plugin-spacer' }); contentEl.createDiv({ cls: 'media-db-plugin-spacer' });