From fccd707677bc1465c7cb04d4ae0c56a60a2e0b98 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Fri, 13 Dec 2024 01:03:00 +0100
Subject: [PATCH] added a button in the options page to open the tag info page.
 see #183

---
 options/mzta-options.css  |  4 ++++
 options/mzta-options.html |  3 ++-
 options/mzta-options.js   | 13 +++++++++++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/options/mzta-options.css b/options/mzta-options.css
index 013c39ec..23924e83 100644
--- a/options/mzta-options.css
+++ b/options/mzta-options.css
@@ -170,6 +170,10 @@ input.option-input[type="text"]{
     cursor: pointer;
 }
 
+.btn_small{
+    font-size: 0.8em;
+}
+
 @media (prefers-color-scheme: dark) {
     body {
         background-color: rgb(35, 34, 43);
diff --git a/options/mzta-options.html b/options/mzta-options.html
index 7735d9ee..aac0b1c2 100644
--- a/options/mzta-options.html
+++ b/options/mzta-options.html
@@ -267,7 +267,8 @@
         </td>
       </tr>
       <tr class="add_tags_tr">
-        <td><span>__MSG_prefs_OptionText_add_tags__</span></td>
+        <td><span>__MSG_prefs_OptionText_add_tags__</span>
+        <br><button id="btnManageTagsInfo" class="btn_small">__MSG_prefs_OptionText_btnManageTagsInfo__</button></td>
         <td>
           <label>
             <input type="checkbox" id="add_tags" name="add_tags" class="option-input" />
diff --git a/options/mzta-options.js b/options/mzta-options.js
index a9f6dd74..16b2c2ee 100644
--- a/options/mzta-options.js
+++ b/options/mzta-options.js
@@ -264,6 +264,19 @@ document.addEventListener('DOMContentLoaded', async () => {
     })
   });
 
+  document.getElementById('btnManageTagsInfo').addEventListener('click', () => {
+    // check if the tab is already there
+    browser.tabs.query({url: browser.runtime.getURL('../addtags/mzta-add-tags.html')}).then((tabs) => {
+      if (tabs.length > 0) {
+        // if the tab is already there, focus it
+        browser.tabs.update(tabs[0].id, {active: true});
+      } else {
+        // if the tab is not there, create it
+        browser.tabs.create({url: browser.runtime.getURL('../addtags/mzta-add-tags.html')});
+      }
+    })
+  });
+
   let conntype_select = document.getElementById("connection_type");
   conntype_select.addEventListener("change", showConnectionOptions);
   conntype_select.addEventListener("change", warn_ChatGPT_APIKeyEmpty);