diff --git a/pages/addtags/mzta-add-tags.css b/pages/addtags/mzta-add-tags.css index f59ce8a9..bb2204d8 100644 --- a/pages/addtags/mzta-add-tags.css +++ b/pages/addtags/mzta-add-tags.css @@ -44,6 +44,10 @@ table#miczPrefs { margin: auto; } +.section_title{ + font-weight: bold; +} + table#miczPrefs td{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; diff --git a/pages/addtags/mzta-add-tags.html b/pages/addtags/mzta-add-tags.html index d0323bd8..de06bccc 100644 --- a/pages/addtags/mzta-add-tags.html +++ b/pages/addtags/mzta-add-tags.html @@ -11,7 +11,7 @@

__MSG_AddTags_PageTitle__

__MSG_AddTags_info_default__

-
__MSG_AddTags_prompt_prefs_title__
+
__MSG_AddTags_prompt_prefs_title__
@@ -42,7 +42,7 @@
__MSG_prefs_OptionText_add_tags_maxnum__
- __MSG_AddTags_prompt_text_title__ + __MSG_AddTags_prompt_text_title__
__MSG_prefs_OptionText_btnManagePrompts_infoline__ __MSG_customPrompts_managePrompts_help__
@@ -53,7 +53,7 @@
- __MSG_AddTags_excl_list_title__ + __MSG_AddTags_excl_list_title__
__MSG_AddTags_excl_list_infoline__
__MSG_AddTags_excl_list_infoline2__

diff --git a/pages/addtags/mzta-add-tags.js b/pages/addtags/mzta-add-tags.js index 79f1edef..7e38b81d 100644 --- a/pages/addtags/mzta-add-tags.js +++ b/pages/addtags/mzta-add-tags.js @@ -74,12 +74,9 @@ document.addEventListener('DOMContentLoaded', async () => { addtags_textarea.value = addtags_prompt.text; addtags_reset_btn.disabled = (addtags_textarea.value === browser.i18n.getMessage('prompt_add_tags_full_text')); - let prefs_maxt = await browser.storage.sync.get({add_tags_maxnum: 3}); - if(prefs_maxt.add_tags_maxnum > 0){ - let el_tag_limit = document.getElementById('addtags_info_limit_num'); - el_tag_limit.textContent = browser.i18n.getMessage("addtags_info_limit_num") + " \"" + browser.i18n.getMessage("prompt_add_tags_maxnum") + " " + prefs_maxt.add_tags_maxnum +"\"."; - el_tag_limit.style.display = 'block'; - } + document.getElementById('add_tags_maxnum').addEventListener('change', updateMaxTagsNumDesc); + + updateMaxTagsNumDesc(); autocompleteSuggestions = (await getPlaceholders(true)).filter(p => !(p.id === 'selected_text' || p.id === 'additional_text')).map(p => ({command: '{%'+p.id+'%}', type: p.type})); textareaAutocomplete(addtags_textarea, autocompleteSuggestions, 1); // type_value = 1, only when reading an email @@ -113,6 +110,17 @@ document.addEventListener('DOMContentLoaded', async () => { }); +async function updateMaxTagsNumDesc(){ + let prefs_maxt = await browser.storage.sync.get({add_tags_maxnum: 3}); + let el_tag_limit = document.getElementById('addtags_info_limit_num'); + if(prefs_maxt.add_tags_maxnum > 0){ + el_tag_limit.textContent = browser.i18n.getMessage("addtags_info_limit_num") + " \"" + browser.i18n.getMessage("prompt_add_tags_maxnum") + " " + prefs_maxt.add_tags_maxnum +"\"."; + el_tag_limit.style.display = 'block'; + }else{ + el_tag_limit.style.display = 'none'; + } +} + // Methods to manage options, derived from: /options/mzta-options.js