working on the add tags settings page. see #183

This commit is contained in:
mic 2024-12-14 23:17:38 +01:00
parent 4be618228a
commit 073655f1e2
3 changed files with 67 additions and 1 deletions

View file

@ -802,5 +802,17 @@
"AddTags_prompt_text_title": {
"message": "Current prompt text",
"description": ""
},
"AddTags_excl_list_title": {
"message": "Exclusion list",
"description": ""
},
"AddTags_excl_list_infoline": {
"message": "This is a list of tags that are not allowed to be added to emails.",
"description": ""
},
"save": {
"message": "Save",
"description": ""
}
}

View file

@ -0,0 +1,39 @@
@media (prefers-color-scheme: dark) {
body {
background-color: #1C1B22;
color: rgb(251, 251, 254);
}
a:link { color: #409EFF; }
a:visited { color: #409EFF; }
a:hover { color: #66B1FF; }
a:active { color: #66B1FF; }
}
#addtags_prompt_container{
width: 90%;
margin: 20px auto;
}
#addtags_prompt_text{
width: 100%;
}
.infoline{
font-size: 0.8em;
font-style: italic;
}
#addtags_excl_list_container{
width: 90%;
margin: 40px auto;
}
#addtags_excl_list{
width: 100%;
}
.btn_div{
width: 100%;
text-align: right;
}

View file

@ -7,7 +7,22 @@
<link rel="icon" href="../../images/icon-16px.png">
</head>
<body>
TEST
<div>
<h1 class="page_title">__MSG_AddTags_PageTitle__</h1>
<p>__MSG_AddTags_info_default__</p>
</div>
<div id="addtags_prompt_container">
__MSG_AddTags_prompt_text_title__
<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><textarea id="addtags_prompt_text" rows="15"></textarea>
<div class="btn_div"><button id="btn_save_prompt" disabled>__MSG_save__</button></div>
</div>
<div id="addtags_excl_list_container">
__MSG_AddTags_excl_list_title__
<br><span class="infoline">__MSG_AddTags_excl_list_infoline__</span>
<br><textarea id="addtags_excl_list" rows="15"></textarea>
<div class="btn_div"><button id="btn_save_excl_list" disabled>__MSG_save__</button></div>
</div>
<script src="mzta-add-tags.js" type="module"></script>
<script src="../../js/mzta-i18n.js"></script>
</body>