Add button and functionality to manage data placeholders in options. see #156

_locales/en/messages.json

@@ -315,6 +315,10 @@
     "message": "Manage your prompts",
     "description": ""
   },
+  "prefs_OptionText_btnManageCustomDataPH": {
+    "message": "Manage your data placeholders",
+    "description": ""
+  },
   "prefsInfoTitle": {
     "message": "Important Information",
     "description": ""

options/mzta-options.html

@@ -543,6 +543,7 @@
     <div id="btn_custom_prompts">
         <button id="btnManagePrompts">__MSG_prefs_OptionText_btnManagePrompts__</button>
         <br>__MSG_prefs_OptionText_btnManagePrompts_infoline__ <a href="https://micz.it/thunderbird-addon-thunderai/data-placeholders/">__MSG_customPrompts_managePrompts_help__</a>
+        <br><button id="btnManageCustomDataPH">__MSG_prefs_OptionText_btnManageCustomDataPH__</button>
     </div>
     <div id="miczDescription">
       <h1>__MSG_prefsInfoTitle__</h1>

options/mzta-options.js

@@ -482,6 +482,10 @@ document.addEventListener('DOMContentLoaded', async () => {
     openTab('../pages/customprompts/mzta-custom-prompts.html');
   });
 
+  document.getElementById('btnManageCustomDataPH').addEventListener('click', () => {
+    openTab('../pages/customdataplaceholders/mzta-custom-dataplaceholders.html');
+  });
+
   document.getElementById('btnManageTagsInfo').addEventListener('click', () => {
     openTab('../pages/addtags/mzta-add-tags.html');
   });