feat(List/Matrix View): ✨ Button to toggle alphabetical sorting direc…

…tion (Updates the corresponding setting) (Fix #208)
SkepticMystic · Dec 16, 2021 · 2d164c1 · 2d164c1
1 parent b3bba6d
commit 2d164c1
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 4 deletions.
diff --git a/main.js b/main.js
@@ -24683,16 +24683,29 @@ class MatrixView extends require$$0.ItemView {
             const currFile = this.app.workspace.getActiveFile();
             contentEl.createEl("button", {
                 text: this.matrixQ ? "List" : "Matrix",
+                attr: { "aria-label": "Mode" },
             }, (el) => {
                 el.onclick = async () => {
                     this.matrixQ = !this.matrixQ;
                     el.innerText = this.matrixQ ? "List" : "Matrix";
                     await this.draw();
                 };
             });
-            contentEl.createEl("button", { text: "↻" }, (el) => {
+            contentEl.createEl("button", { text: "↻", attr: { "aria-label": "Refresh Index" } }, (el) => {
                 el.onclick = async () => await this.plugin.refreshIndex();
             });
+            contentEl.createEl("button", {
+                text: settings.alphaSortAsc ? "↗" : "↘",
+                attr: { "aria-label": "Alphabetical sorting order" },
+            }, (el) => {
+                el.onclick = async () => {
+                    this.plugin.settings.alphaSortAsc =
+                        !this.plugin.settings.alphaSortAsc;
+                    await this.plugin.saveSettings();
+                    el.innerText = settings.alphaSortAsc ? "↗" : "↘";
+                    await this.draw();
+                };
+            });
             const hierSquares = this.getHierSquares(userHiers, currFile, settings).filter((squareArr) => squareArr.some((square) => square.realItems.length + square.impliedItems.length > 0));
             const compInput = {
                 target: contentEl,

diff --git a/src/MatrixView.ts b/src/MatrixView.ts
@@ -274,6 +274,7 @@ export default class MatrixView extends ItemView {
         "button",
         {
           text: this.matrixQ ? "List" : "Matrix",
+          attr: { "aria-label": "Mode" },
         },
         (el) => {
           el.onclick = async () => {
@@ -284,9 +285,30 @@ export default class MatrixView extends ItemView {
         }
       );
 
-      contentEl.createEl("button", { text: "↻" }, (el) => {
-        el.onclick = async () => await this.plugin.refreshIndex();
-      });
+      contentEl.createEl(
+        "button",
+        { text: "↻", attr: { "aria-label": "Refresh Index" } },
+        (el) => {
+          el.onclick = async () => await this.plugin.refreshIndex();
+        }
+      );
+
+      contentEl.createEl(
+        "button",
+        {
+          text: settings.alphaSortAsc ? "↗" : "↘",
+          attr: { "aria-label": "Alphabetical sorting order" },
+        },
+        (el) => {
+          el.onclick = async () => {
+            this.plugin.settings.alphaSortAsc =
+              !this.plugin.settings.alphaSortAsc;
+            await this.plugin.saveSettings();
+            el.innerText = settings.alphaSortAsc ? "↗" : "↘";
+            await this.draw();
+          };
+        }
+      );
 
       const hierSquares = this.getHierSquares(
         userHiers,