From 4a8b845c2d563564b252b579aa0f1f5b8928109a Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 15 Dec 2024 22:07:52 +0100
Subject: [PATCH] showing an unsaved msg when needed. see #183

---
 pages/addtags/mzta-add-tags.css  | 4 ++++
 pages/addtags/mzta-add-tags.html | 2 +-
 pages/addtags/mzta-add-tags.js   | 5 +++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/pages/addtags/mzta-add-tags.css b/pages/addtags/mzta-add-tags.css
index be79f242..22019d66 100644
--- a/pages/addtags/mzta-add-tags.css
+++ b/pages/addtags/mzta-add-tags.css
@@ -68,6 +68,10 @@
     display: none;
 }
 
+.unsaved{
+    color: red;
+}
+
 
 @media (prefers-color-scheme: dark) {
     body {
diff --git a/pages/addtags/mzta-add-tags.html b/pages/addtags/mzta-add-tags.html
index 88469af6..52b240e9 100644
--- a/pages/addtags/mzta-add-tags.html
+++ b/pages/addtags/mzta-add-tags.html
@@ -12,7 +12,7 @@
         <p>__MSG_AddTags_info_default__</p>
     </div>
     <div id="addtags_prompt_container">
-        __MSG_AddTags_prompt_text_title__
+        __MSG_AddTags_prompt_text_title__<span id="addtags_prompt_unsaved" class="unsaved hidden"> __MSG_customPrompts_unsaved_changes__</span>
         <br><span class="infoline">__MSG_prefs_OptionText_btnManagePrompts_infoline__ <a href="https://micz.it/thunderbird-addon-thunderai/data-placeholders/">__MSG_customPrompts_managePrompts_help__</a></span>
         <br>
         <div class="autocomplete-container">
diff --git a/pages/addtags/mzta-add-tags.js b/pages/addtags/mzta-add-tags.js
index 7bb8eb08..4c4aba3f 100644
--- a/pages/addtags/mzta-add-tags.js
+++ b/pages/addtags/mzta-add-tags.js
@@ -34,6 +34,11 @@ document.addEventListener('DOMContentLoaded', async () => {
     addtags_textarea.addEventListener('input', (event) => {
         addtags_reset_btn.disabled = (event.target.value === browser.i18n.getMessage('prompt_add_tags_full_text'));
         addtags_save_btn.disabled = (event.target.value === addtags_prompt.text);
+        if(addtags_save_btn.disabled){
+            document.getElementById('addtags_prompt_unsaved').classList.add('hidden');
+        } else {
+            document.getElementById('addtags_prompt_unsaved').classList.remove('hidden');
+        }
     });
 
     addtags_reset_btn.addEventListener('click', () => {