feat(quickswitcher: order): allow to move up/down the order of the co…

…mmand for the quickSwitcher close #9
Mara-Li · Oct 15, 2023 · 4dd8019 · 4dd8019
1 parent 0da3ade
commit 4dd8019
Show file tree

Hide file tree

Showing 4 changed files with 67 additions and 12 deletions.
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
@@ -20,6 +20,7 @@
     "submit": "Submit",
     "value": "The value"
   },
+  "down": "Move down",
   "duplicate": "Duplicate",
   "editFolder": {
     "add": "Add folder",
@@ -103,6 +104,7 @@
     "separator": "Separator"
   },
   "title": "Folders",
+  "up": "Move up",
   "variable": {
     "add": "Add new variable",
     "current": {

diff --git a/src/i18n/locales/fr.json b/src/i18n/locales/fr.json
@@ -20,6 +20,7 @@
     "submit": "Valider",
     "value": "La valeur"
   },
+  "down": "Déplacer vers le bas",
   "duplicate": "Dupliquer",
   "editFolder": {
     "add": "Ajouter un dossier",
@@ -79,6 +80,7 @@
   },
   "example": "Exemple: chemin/vers/dossier",
   "log": "Création de la note dans le dossier {{- path}}, avec le nom {{- name}}.",
+  "moveUp": "Déplacer en haut",
   "path": "Chemin du dossier",
   "quickSwitcher": {
     "anyFolder": "Quick Switcher (tout dossier)",
@@ -103,6 +105,7 @@
     "separator": "Séparateur"
   },
   "title": "Dossiers",
+  "up": "Déplacer vers le haut",
   "variable": {
     "add": "Ajouter une nouvelle variable",
     "current": {

diff --git a/src/settings.ts b/src/settings.ts
@@ -83,7 +83,7 @@ export class NoteInFolderSettingsTab extends PluginSettingTab {
 		containerEl.createEl("h3", {text: i18next.t("title")} as const);
 
 		for (const folder of this.plugin.settings.folder) {
-			new Setting(containerEl)
+			const sett = new Setting(containerEl)
 				.setClass("no-display")
 				.addButton(cb =>
 					cb
@@ -136,17 +136,58 @@ export class NoteInFolderSettingsTab extends PluginSettingTab {
 						await this.plugin.saveSettings();
 					});
 					this.addTooltip(i18next.t("path"), cb.inputEl);
-				})
-				.addButton(cb =>
-					cb
-						.setIcon("cross")
-						.setTooltip(i18next.t("remove"))
-						.onClick(async () => {
-							this.plugin.settings.folder.splice(this.plugin.settings.folder.indexOf(folder), 1);
-							await this.plugin.saveSettings();
-							await this.plugin.addNewCommands(folder.commandName, undefined, true);
-							this.display();
-						}));
+				});
+
+			/**
+			 * if folder is not the first one in the setting
+			 * add a "up-arrow" button */
+			const disableUpArrow = this.plugin.settings.folder.indexOf(folder) === 0;
+
+			sett.addExtraButton(cb => {
+				if (!disableUpArrow)
+					cb.setTooltip(i18next.t("up"));
+				cb
+					.setDisabled(disableUpArrow)
+					.setIcon("arrow-up")
+					.setTooltip(i18next.t("up"))
+					.onClick(async () => {
+						const index = this.plugin.settings.folder.indexOf(folder);
+						this.plugin.settings.folder.splice(index, 1);
+						this.plugin.settings.folder.splice(index - 1, 0, folder);
+						await this.plugin.saveSettings();
+						this.display();
+					});
+			});
+			/**
+			 * if folder is not the last one in the setting
+			 * add a "down-arrow" button */
+			const disableDownArrow = this.plugin.settings.folder.indexOf(folder) === this.plugin.settings.folder.length - 1;
+			sett.addExtraButton(cb => {
+				if (!disableDownArrow)
+					cb.setTooltip(i18next.t("down"));
+				cb
+					.setDisabled(disableDownArrow)
+					.setIcon("arrow-down")
+					.onClick(async () => {
+						const index = this.plugin.settings.folder.indexOf(folder);
+						this.plugin.settings.folder.splice(index, 1);
+						this.plugin.settings.folder.splice(index + 1, 0, folder);
+						await this.plugin.saveSettings();
+						this.display();
+					});
+			});
+
+
+			sett.addButton(cb =>
+				cb
+					.setIcon("cross")
+					.setTooltip(i18next.t("remove"))
+					.onClick(async () => {
+						this.plugin.settings.folder.splice(this.plugin.settings.folder.indexOf(folder), 1);
+						await this.plugin.saveSettings();
+						await this.plugin.addNewCommands(folder.commandName, undefined, true);
+						this.display();
+					}));
 		}
 		new Setting(containerEl)
 			.addButton(cb => cb

diff --git a/src/styles.css b/src/styles.css
@@ -21,6 +21,15 @@
     background-color: transparent;
 }
 
+.create-note-in-folder .is-disabled {
+    opacity: 0.2;
+}
+
+@media (hover: hover) {
+    .create-note-in-folder .clickable-icon.is-disabled:hover {
+        background-color: var(--background-primary);
+    }
+}
 
 .create-note-in-folder.edit.is-facultative input[type="text"],
 .create-note-in-folder.edit.is-facultative .setting-item-name {