obsidian-plugin/lostpaul_obsidian-folder-notes
1
0
Fork 0
mirror of https://github.com/lostpaul/obsidian-folder-notes.git synced 2026-07-22 07:40:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Delete confirmation modal mobile support

Browse source
This commit is contained in:
Lost Paul 2023-03-23 08:35:13 +01:00
parent b128fb9904
commit e3e18e83c0
2 changed files with 30 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/modals/deleteConfirmation.ts
View file

@ -1,4 +1,4 @@
import { App, Modal, Setting, TFile } from 'obsidian';
import { App, Modal, Setting, TFile, Platform } from 'obsidian';
import FolderNotesPlugin from '../main';
export default class DeleteConfirmationModal extends Modal {
plugin: FolderNotesPlugin;
@ -21,20 +21,31 @@ export default class DeleteConfirmationModal extends Modal {
// Create a container for the buttons and the checkbox
const buttonContainer = setting.infoEl.createEl('div', { cls: 'fn-delete-confirmation-modal-buttons' });
const checkbox = buttonContainer.createEl('input', { type: 'checkbox' });
checkbox.addEventListener('change', (e) => {
const target = e.target as HTMLInputElement;
if (target.checked) {
if (Platform.isDesktopApp) {
const checkbox = buttonContainer.createEl('input', { type: 'checkbox' });
checkbox.addEventListener('change', (e) => {
const target = e.target as HTMLInputElement;
if (target.checked) {
this.plugin.settings.showDeleteConfirmation = false;
} else {
this.plugin.settings.showDeleteConfirmation = true;
}
this.plugin.saveSettings();
});
const checkBoxText = buttonContainer.createEl('span', { text: 'Don\'t ask again' });
checkBoxText.addEventListener('click', () => {
checkbox.click();
});
} else if (Platform.isMobileApp) {
const confirmButton = buttonContainer.createEl('button', { text: 'Delete and don\'t ask again' });
confirmButton.classList.add('mod-warning', 'fn-confirmation-modal-button');
confirmButton.addEventListener('click', async () => {
this.plugin.settings.showDeleteConfirmation = false;
} else {
this.plugin.settings.showDeleteConfirmation = true;
}
this.plugin.saveSettings();
});
const checkBoxText = buttonContainer.createEl('span', { text: 'Don\'t ask again' });
checkBoxText.addEventListener('click', () => {
checkbox.click();
});
this.plugin.saveSettings();
this.close();
this.app.vault.delete(this.file);
});
}
const button = buttonContainer.createEl('button', { text: 'Delete' });
button.classList.add('mod-warning', 'fn-confirmation-modal-button');
button.addEventListener('click', async () => {

10
styles.css
View file

@ -51,12 +51,12 @@
padding-bottom: 0;
}
.fn-confirmation-modal-button {
:not(.is-phone) .fn-confirmation-modal-button {
margin-right: 0.7rem;
}
.fn-delete-confirmation-modal-buttons {
:not(.is-phone) .fn-delete-confirmation-modal-buttons {
display: flex;
align-items: center;
margin-top: 10px;
@ -67,10 +67,10 @@
cursor: pointer;
}
.fn-delete-confirmation-modal-buttons .fn-confirmation-modal-button {
:not(.is-phone) .fn-delete-confirmation-modal-buttons .fn-confirmation-modal-button {
margin-left: auto;
}
}
.fn-delete-confirmation-modal-buttons input[type="checkbox"] {
:not(.is-phone) .fn-delete-confirmation-modal-buttons input[type="checkbox"] {
margin-right: 5px;
}