add tags page improved. see #183
This commit is contained in:
parent
4bab16adbc
commit
a5c77eab25
3 changed files with 21 additions and 9 deletions
|
|
@ -44,6 +44,10 @@ table#miczPrefs {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.section_title{
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
table#miczPrefs td{
|
table#miczPrefs td{
|
||||||
border-top: 1px solid #ccc;
|
border-top: 1px solid #ccc;
|
||||||
border-bottom: 1px solid #ccc;
|
border-bottom: 1px solid #ccc;
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
<h1 class="page_title">__MSG_AddTags_PageTitle__</h1>
|
<h1 class="page_title">__MSG_AddTags_PageTitle__</h1>
|
||||||
<p>__MSG_AddTags_info_default__</p>
|
<p>__MSG_AddTags_info_default__</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="addtags_table_title">__MSG_AddTags_prompt_prefs_title__</div>
|
<div class="addtags_table_title section_title">__MSG_AddTags_prompt_prefs_title__</div>
|
||||||
<table id="miczPrefs">
|
<table id="miczPrefs">
|
||||||
<tr class="add_tags_tr">
|
<tr class="add_tags_tr">
|
||||||
<td><span>__MSG_prefs_OptionText_add_tags_maxnum__</span></td>
|
<td><span>__MSG_prefs_OptionText_add_tags_maxnum__</span></td>
|
||||||
|
|
@ -42,7 +42,7 @@
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<div id="addtags_prompt_container">
|
<div id="addtags_prompt_container">
|
||||||
__MSG_AddTags_prompt_text_title__<span id="addtags_prompt_unsaved" class="unsaved hidden"> __MSG_customPrompts_unsaved_changes__</span>
|
<span class="section_title">__MSG_AddTags_prompt_text_title__</span><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><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>
|
<br>
|
||||||
<div class="autocomplete-container">
|
<div class="autocomplete-container">
|
||||||
|
|
@ -53,7 +53,7 @@
|
||||||
<div class="btn_div"><button id="btn_reset_prompt" disabled>__MSG_reset_default__</button><button id="btn_save_prompt" disabled>__MSG_save__</button></div>
|
<div class="btn_div"><button id="btn_reset_prompt" disabled>__MSG_reset_default__</button><button id="btn_save_prompt" disabled>__MSG_save__</button></div>
|
||||||
</div>
|
</div>
|
||||||
<div id="addtags_excl_list_container">
|
<div id="addtags_excl_list_container">
|
||||||
__MSG_AddTags_excl_list_title__<span id="excl_list_unsaved" class="unsaved hidden"> __MSG_customPrompts_unsaved_changes__</span>
|
<span class="section_title">__MSG_AddTags_excl_list_title__</span><span id="excl_list_unsaved" class="unsaved hidden"> __MSG_customPrompts_unsaved_changes__</span>
|
||||||
<br><span class="infoline">__MSG_AddTags_excl_list_infoline__
|
<br><span class="infoline">__MSG_AddTags_excl_list_infoline__
|
||||||
<br>__MSG_AddTags_excl_list_infoline2__</span>
|
<br>__MSG_AddTags_excl_list_infoline2__</span>
|
||||||
<br><textarea id="addtags_excl_list" rows="15"></textarea>
|
<br><textarea id="addtags_excl_list" rows="15"></textarea>
|
||||||
|
|
|
||||||
|
|
@ -74,12 +74,9 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||||
addtags_textarea.value = addtags_prompt.text;
|
addtags_textarea.value = addtags_prompt.text;
|
||||||
addtags_reset_btn.disabled = (addtags_textarea.value === browser.i18n.getMessage('prompt_add_tags_full_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});
|
document.getElementById('add_tags_maxnum').addEventListener('change', updateMaxTagsNumDesc);
|
||||||
if(prefs_maxt.add_tags_maxnum > 0){
|
|
||||||
let el_tag_limit = document.getElementById('addtags_info_limit_num');
|
updateMaxTagsNumDesc();
|
||||||
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';
|
|
||||||
}
|
|
||||||
|
|
||||||
autocompleteSuggestions = (await getPlaceholders(true)).filter(p => !(p.id === 'selected_text' || p.id === 'additional_text')).map(p => ({command: '{%'+p.id+'%}', type: p.type}));
|
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
|
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
|
// Methods to manage options, derived from: /options/mzta-options.js
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue