Merge pull request #121 from vict0rsch/tags-list

vict0rsch · Sep 27, 2022 · 2f554b5 · 2f554b5
2 parents b8cbe34 + 7d456fb
commit 2f554b5
Show file tree

Hide file tree

Showing 5 changed files with 50 additions and 3 deletions.
diff --git a/src/popup/css/popup.css b/src/popup/css/popup.css
@@ -831,3 +831,27 @@ button.changed {
         transform: rotate(359deg);
     }
 }
+
+#tags-list-container {
+    margin: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: calc(100% - 32px);
+}
+#all-tags-list li {
+    display: inline-block;
+    margin-bottom: 8px;
+}
+#all-tags-list {
+    display: block;
+    list-style-type: none;
+    padding: 0;
+    margin-bottom: -8px;
+}
+summary {
+    cursor: pointer;
+    padding: 4px 6px 2px;
+    border-radius: var(--round);
+    margin-left: 3px;
+}
diff --git a/src/popup/js/handlers.js b/src/popup/js/handlers.js
@@ -229,6 +229,7 @@ const handleMemorySearchKeyPress = (allowEmptySearch) => (e) => {
         searchMemory(query);
     }
     // display filtered papers
+    toggleTagsCollapse(query.startsWith("t:"));
     displayMemoryTable();
 };
 

diff --git a/src/popup/js/memory.js b/src/popup/js/memory.js
@@ -25,6 +25,28 @@ const getTagsOptions = (paper) => {
         })
         .join("");
 };
+
+const toggleTagsCollapse = (on) => {
+    if (on) {
+        if (!!findEl("tags-list-container")) return;
+        const contents = /*html*/ `
+            <ul id="all-tags-list">
+                ${[...global.state.paperTags]
+                    .map((t) => /*html*/ `<li class="memory-tag" >${t}</li>`)
+                    .join("")}
+            </ul>`;
+        const details = /*html*/ `
+            <div id="tags-list-container">
+                <details id="tags-list-details" style="outline: none !important;">
+                    <summary style="font-size: 0.85rem; color: #5f5f5f;">Tags list</summary>
+                    ${contents}
+                </details>
+            </div>`;
+        findEl("memory-filters").insertAdjacentHTML("afterend", details);
+    } else {
+        findEl("tags-list-container")?.remove();
+    }
+};
 /**
  * Updates all the papers' options HTML list
  */

diff --git a/src/popup/min/popup.min.css b/src/popup/min/popup.min.css