From e1b27d4dad9af77fa8683459ed327dc7d1ddbeb3 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 28 Sep 2024 15:55:02 +0200
Subject: [PATCH 001/136] version set to 2.3.0

---
 CHANGELOG.md                               | 4 ++++
 package-lock.json                          | 4 ++--
 package.json                               | 2 +-
 public/manifest.json                       | 2 +-
 src/components/options_tabs/OPTAB_Info.vue | 4 ++++
 5 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 422ebd53..23ad5cfa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,10 @@
 
 
 
+<h3>Version 2.3.0 - ??/??/2024</h3>
+      <ul>
+        <li>...</li>
+      </ul>
 <h3>Version 2.2.2 - 24/09/2024</h3>
       <ul>
         <li>In the Time Chart correctly displaying "Last Business Day" in legend and tooltip when needed.</li>
diff --git a/package-lock.json b/package-lock.json
index a10d95f7..7f61704f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "thunderstats",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "thunderstats",
-      "version": "2.2.2",
+      "version": "2.3.0",
       "dependencies": {
         "@imengyu/vue3-context-menu": "^1.4.1",
         "@vueform/multiselect": "^2.6.10",
diff --git a/package.json b/package.json
index aef120fa..b36987f9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "thunderstats",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/public/manifest.json b/public/manifest.json
index c786d701..06239a50 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -2,7 +2,7 @@
     "manifest_version": 2,
     "name": "ThunderStats",
     "description": "Do you remember the old good Eudora statistics? Do you miss them? Using this addon you can finally keep an eye on how you use your beloved Thunderbird!",
-    "version": "2.2.2",
+    "version": "2.3.0",
     "author": "Mic (m@micz.it)",
     "homepage_url": "http://micz.it/thunderbird-addon-thunderstats-your-thunderbird-statistics/",
     "default_locale": "en",
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index 34ccf875..6a4afd5c 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -22,6 +22,10 @@
     <OptionDonationHeader />
     <div>
       <h1>ThunderStats Release Notes</h1>
+      <h3>Version 2.3.0 - ??/??/2024</h3>
+      <ul>
+        <li>...</li>
+      </ul>
       <h3>Version 2.2.2 - 24/09/2024</h3>
       <ul>
         <li>In the Time Chart correctly displaying "Last Business Day" in legend and tooltip when needed.</li>

From 55d5e3f6210ab21e2f12929911f910c11adda772 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 29 Sep 2024 21:12:56 +0200
Subject: [PATCH 002/136] advanced filters ui updated. see #158 #354

---
 public/_locales/en/messages.json      | 32 +++++++++++
 src/assets/main.css                   | 32 +++++++++++
 src/components/tabs/TAB_CustomQry.vue | 80 +++++++++++++++++++--------
 3 files changed, 120 insertions(+), 24 deletions(-)

diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index 348259bc..3773ce3c 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -736,5 +736,37 @@
   "LastBusinessDayIs": {
     "message": "The last business day is",
     "description": ""
+  },
+  "ReadStatus": {
+    "message": "Read Status",
+    "description": ""
+  },
+  "FilterFoldersOnlyRead": {
+    "message": "Read",
+    "description": ""
+  },
+  "FilterFoldersOnlyUnread": {
+    "message": "Unread",
+    "description": ""
+  },
+  "FlagStatus": {
+    "message": "Star Status",
+    "description": ""
+  },
+  "FilterFoldersOnlyFlagged": {
+    "message": "Starred",
+    "description": "" 
+  },
+  "FilterFoldersOnlyUnflagged": {
+    "message": "Unstarred",
+    "description": ""
+  },
+  "FilterFoldersAll": {
+    "message": "All",
+    "description": ""
+  },
+  "FilterSubject": {
+    "message": "Filter the subject with a keyword",
+    "description": ""
   }
 }
diff --git a/src/assets/main.css b/src/assets/main.css
index 776da11b..3e90c19c 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -320,9 +320,41 @@ td.align_end {
 }
 
 #filterFolder_container{
+  width: 100%;
+}
+
+table#customqry_adv_filters_table{
+  width: 100%;
+}
+
+table#customqry_adv_filters_table td{
   width: 50%;
+  padding-right: 5px;
+  vertical-align: top;
 }
 
+#filterSubject{
+  min-height: calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);
+  width: 100%;
+  background: var(--ms-bg);
+  color: var(--ms-caret-color);
+  border: var(--ms-border-width,1px) solid var(--ms-border-color);
+  padding: 0.5rem;
+}
+
+#filterFolder_do_read_unread, #filterFolder_do_flagged_unflagged{
+  min-height: calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);
+  background: var(--ms-bg);
+  color: var(--ms-caret-color);
+  border: var(--ms-border-width,1px) solid var(--ms-border-color);
+  padding: 0.5rem;
+  width: 10em;
+}
+
+.td-30{
+  text-align: left;
+  width: 30% !important;
+}
 
 /* Dark mode styles */
 @media (prefers-color-scheme: dark) {
diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 1ce28f15..dd1e87cf 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -31,28 +31,57 @@
                 <div id="customqry_datamsg" v-if="do_run">__MSG_CustomQryDataMsg__: <div class="email_list_container" @mouseover="showEmailListTooltip" @mouseleave="hideEmailListTooltip"><span v-text="customqry_current_account" :class="props.accountEmails.length > max_direct_accounts ? 'email_list_span' : ''"></span><span class="email_list_tooltip_text" v-if="emailListTooltipVisible" v-text="customqry_current_account_tooltip"></span></div> - __MSG_TotalDays__: <span v-text="customqry_totaldays_num"></span></div>
                 <div id="customqry_adv_filters" v-if="show_advanced_filters">
                   <div class="adv_filters_main_title">__MSG_AdvFilters__</div>
-                  <div id="filterFolder_container">
-                    <span class="adv_filters_title">__MSG_ChooseFoldersFilter__<span v-if="tsStore.current_account_id == 0"> (__MSG_ChooseAccountToFilterFolders__)</span></span>
-                    <br><Multiselect
-                      v-model="filterFolder"
-                      id="filterFolder"
-                      name="filterFolder"
-                      :options="folderList"
-                      :searchable="true"
-                      :close-on-select="true"
-                      :show-labels="false"
-                      :allow-empty="true"
-                      :create-option="false"
-                      mode="tags"
-                      :disabled="tsStore.current_account_id == 0"
-                      :placeholder="folderFiltersPlaceholder"
-                      ref="filterFolder_ref"
-                    >
-                    </Multiselect>
-                    <div style="margin-top:2px;">
-                      <input type="checkbox" id="filterFolder_do_subfolders" v-model="filterFolder_do_subfolders" /><span @click="filterFolder_do_subfolders = !filterFolder_do_subfolders" style="cursor: pointer;"> __MSG_FilterFoldersIncludeSubfolders__</span>
-                    </div>
-                  </div>
+                  <table id="customqry_adv_filters_table">
+                    <tr>
+                      <td>
+                        <div id="filterFolder_container">
+                          <span class="adv_filters_title">__MSG_ChooseFoldersFilter__<span v-if="tsStore.current_account_id == 0"> (__MSG_ChooseAccountToFilterFolders__)</span></span>
+                          <br><Multiselect
+                            v-model="filterFolder"
+                            id="filterFolder"
+                            name="filterFolder"
+                            :options="folderList"
+                            :searchable="true"
+                            :close-on-select="true"
+                            :show-labels="false"
+                            :allow-empty="true"
+                            :create-option="false"
+                            mode="tags"
+                            :disabled="tsStore.current_account_id == 0"
+                            :placeholder="folderFiltersPlaceholder"
+                            ref="filterFolder_ref"
+                          >
+                          </Multiselect>
+                          <div style="margin-top:2px;">
+                            <input type="checkbox" id="filterFolder_do_subfolders" v-model="filterFolder_do_subfolders" /><span @click="filterFolder_do_subfolders = !filterFolder_do_subfolders" style="cursor: pointer;"> __MSG_FilterFoldersIncludeSubfolders__</span>
+                          </div>
+                        </div>
+                      </td>
+                      <td colspan="2">
+                        <span class="adv_filters_title">__MSG_FilterSubject__</span>
+                      <br><input type="text" id="filterSubject" name="filterSubject" v-model="filterSubject" />
+                      </td>
+                    </tr>
+                    <tr>
+                      <td></td>
+                      <td class="td-30">
+                        __MSG_ReadStatus__<br>
+                        <select id="filterFolder_do_read_unread" v-model="filterFolder_do_read_unread">
+                          <option value="0">__MSG_FilterFoldersAll__</option>
+                          <option value="1">__MSG_FilterFoldersOnlyRead__</option>
+                          <option value="2">__MSG_FilterFoldersOnlyUnread__</option>
+                        </select>
+                      </td>
+                      <td class="td-30">
+                        __MSG_FlagStatus__<br>
+                        <select id="filterFolder_do_flagged_unflagged" v-model="filterFolder_do_flagged_unflagged">
+                          <option value="0">__MSG_FilterFoldersAll__</option>
+                          <option value="1">__MSG_FilterFoldersOnlyFlagged__</option>
+                          <option value="2">__MSG_FilterFoldersOnlyUnflagged__</option>
+                        </select>
+                    </td>
+                    </tr>
+                  </table>
                 </div>
             </div>
     <div class="square_container" id="customqry_square_container">
@@ -181,10 +210,13 @@ let emailListTooltipVisible = ref(false);
 let show_advanced_filters = ref(false);
 let advanced_filters_set = ref(false)
 let folderList = ref([]);
-let filterFolder = ref([]);
-let filterFolder_do_subfolders = ref(true);
 let advanced_filters_icon = ref(advancedFiltersIconPath);
 let customqry_only_bd_disabled = ref(false);
+let filterFolder = ref([]);
+let filterFolder_do_subfolders = ref(true);
+let filterFolder_do_read_unread = ref(0); // 0: all, 1: read, 2: unread
+let filterFolder_do_flagged_unflagged = ref(0); // 0: all, 1: flagged, 2: unflagged
+let filterSubject = ref("");
 
 // single day view
 let do_progressive = true;

From b632134d5bdd7f1022bc6541ace10f5b455c1445 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 29 Sep 2024 21:37:51 +0200
Subject: [PATCH 003/136] added span to titles

---
 src/components/tabs/TAB_CustomQry.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index dd1e87cf..57620a06 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -65,7 +65,7 @@
                     <tr>
                       <td></td>
                       <td class="td-30">
-                        __MSG_ReadStatus__<br>
+                        <span class="adv_filters_title">__MSG_ReadStatus__</span><br>
                         <select id="filterFolder_do_read_unread" v-model="filterFolder_do_read_unread">
                           <option value="0">__MSG_FilterFoldersAll__</option>
                           <option value="1">__MSG_FilterFoldersOnlyRead__</option>
@@ -73,7 +73,7 @@
                         </select>
                       </td>
                       <td class="td-30">
-                        __MSG_FlagStatus__<br>
+                        <span class="adv_filters_title">__MSG_FlagStatus__</span><br>
                         <select id="filterFolder_do_flagged_unflagged" v-model="filterFolder_do_flagged_unflagged">
                           <option value="0">__MSG_FilterFoldersAll__</option>
                           <option value="1">__MSG_FilterFoldersOnlyFlagged__</option>

From 260ae08f8151c2131a7773e23554a59232c1ab91 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 29 Sep 2024 21:39:48 +0200
Subject: [PATCH 004/136] var names fixed

---
 src/assets/main.css                   | 2 +-
 src/components/tabs/TAB_CustomQry.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 3e90c19c..086e83a1 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -342,7 +342,7 @@ table#customqry_adv_filters_table td{
   padding: 0.5rem;
 }
 
-#filterFolder_do_read_unread, #filterFolder_do_flagged_unflagged{
+#filterReadUnread, #filterFlaggedUnflagged{
   min-height: calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);
   background: var(--ms-bg);
   color: var(--ms-caret-color);
diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 57620a06..b16727b5 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -66,7 +66,7 @@
                       <td></td>
                       <td class="td-30">
                         <span class="adv_filters_title">__MSG_ReadStatus__</span><br>
-                        <select id="filterFolder_do_read_unread" v-model="filterFolder_do_read_unread">
+                        <select id="filterReadUnread" v-model="filterReadUnread">
                           <option value="0">__MSG_FilterFoldersAll__</option>
                           <option value="1">__MSG_FilterFoldersOnlyRead__</option>
                           <option value="2">__MSG_FilterFoldersOnlyUnread__</option>
@@ -74,7 +74,7 @@
                       </td>
                       <td class="td-30">
                         <span class="adv_filters_title">__MSG_FlagStatus__</span><br>
-                        <select id="filterFolder_do_flagged_unflagged" v-model="filterFolder_do_flagged_unflagged">
+                        <select id="filterFlaggedUnflagged" v-model="filterFlaggedUnflagged">
                           <option value="0">__MSG_FilterFoldersAll__</option>
                           <option value="1">__MSG_FilterFoldersOnlyFlagged__</option>
                           <option value="2">__MSG_FilterFoldersOnlyUnflagged__</option>
@@ -214,8 +214,8 @@ let advanced_filters_icon = ref(advancedFiltersIconPath);
 let customqry_only_bd_disabled = ref(false);
 let filterFolder = ref([]);
 let filterFolder_do_subfolders = ref(true);
-let filterFolder_do_read_unread = ref(0); // 0: all, 1: read, 2: unread
-let filterFolder_do_flagged_unflagged = ref(0); // 0: all, 1: flagged, 2: unflagged
+let filterReadUnread = ref(0); // 0: all, 1: read, 2: unread
+let filterFlaggedUnflagged = ref(0); // 0: all, 1: flagged, 2: unflagged
 let filterSubject = ref("");
 
 // single day view

From deca89f0b83f9e066f5e0225afd916cc0cbea69c Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 29 Sep 2024 21:43:29 +0200
Subject: [PATCH 005/136] added new filters to advFilters. see #158 #354

---
 src/components/tabs/TAB_CustomQry.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index b16727b5..8c40bbcc 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -717,6 +717,10 @@ async function updateData() {
             let advFilters = {};
             advFilters.folders = filterFolder.value;
             advFilters.folders_do_subfolders = filterFolder_do_subfolders.value;
+            advFilters.read_unread = filterReadUnread.value;
+            advFilters.flagged_unflagged = filterFlaggedUnflagged.value;
+            advFilters.filterSubject = filterSubject.value;
+            tsLog.log("advFilters: " + JSON.stringify(advFilters, null, 2));
             let result_customqry = await tsCore.getCustomQryData(fromDate, toDate, tsStore.current_account_id, props.accountEmails, doOnlyBD.value, advFilters);
             tsLog.log("result_customqry: " + JSON.stringify(result_customqry, null, 2));
             // export data

From 725248d1601dd737241d170fe7ae0ed9b522c3b6 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 29 Sep 2024 22:38:24 +0200
Subject: [PATCH 006/136] added new filters to getFullStatsData. see #158 #354

---
 statslib/mzts-statscore.js | 44 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/statslib/mzts-statscore.js b/statslib/mzts-statscore.js
index eb5c78a1..0d43c7da 100644
--- a/statslib/mzts-statscore.js
+++ b/statslib/mzts-statscore.js
@@ -186,6 +186,15 @@ export class thunderStastsCore {
         //Folders
           adv_filter.folders is an array with the "folders ids" to be included in the query
           adv_filter.folders_do_subfolders is a boolean that indicates if the subfolders should be included in the query
+
+        // filterSubject
+          adv_filter.filterSubject is a string that is searched in the subject
+
+        // Read / Unread
+          adv_filter.read_unread is an integer value: 0: all, 1: read, 2: unread
+
+        // Flagged / Unflagged
+          adv_filter.flagged_unflagged is an integer value: 0: all, 1: flagged, 2: unflagged
       */
 
       let filter_folders = null;
@@ -197,6 +206,41 @@ export class thunderStastsCore {
         if ((account_id != 0) && ('folders' in adv_filters) && (adv_filters.folders.length > 0)) {
           filter_folders = [...new Set(adv_filters.folders)];
         }
+
+        // filterSubject
+        if ('filterSubject' in adv_filters) {
+          queryInfo_FullStatsData.subject = adv_filters.filterSubject;
+        }
+
+        // Read / Unread
+        if ('read_unread' in adv_filters) {
+          switch(adv_filters.read_unread){
+            case 1:
+              queryInfo_FullStatsData.unread = false;
+              break;
+            case 2:
+              queryInfo_FullStatsData.unread = true;
+              break;
+            case 0:
+            default:
+              break;
+          }
+        }
+
+        // Flagged / Unflagged
+        if ('flagged_unflagged' in adv_filters) {
+          switch(adv_filters.flagged_unflagged){
+            case 1:
+              queryInfo_FullStatsData.flagged = true;
+              break;
+            case 2:
+              queryInfo_FullStatsData.flagged = false;
+              break;
+            case 0:
+            default:
+              break;
+          }
+        }
       }
 
       let filter_folders_115 = null;

From 5cc1bdfacd1f9a5ea1c12b18c67a49ccb528b316 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 29 Sep 2024 22:41:37 +0200
Subject: [PATCH 007/136] using filterSubject only if has a value

---
 statslib/mzts-statscore.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/statslib/mzts-statscore.js b/statslib/mzts-statscore.js
index 0d43c7da..b16c9281 100644
--- a/statslib/mzts-statscore.js
+++ b/statslib/mzts-statscore.js
@@ -208,7 +208,7 @@ export class thunderStastsCore {
         }
 
         // filterSubject
-        if ('filterSubject' in adv_filters) {
+        if (('filterSubject' in adv_filters) && (adv_filters.filterSubject.length > 0)) {
           queryInfo_FullStatsData.subject = adv_filters.filterSubject;
         }
 

From 6897041a2f67c0eb5aaf5f6dfa13c84d4b1c21f4 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 29 Sep 2024 22:44:50 +0200
Subject: [PATCH 008/136] adv_filters forcing values as strings

---
 statslib/mzts-statscore.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/statslib/mzts-statscore.js b/statslib/mzts-statscore.js
index b16c9281..cfa34985 100644
--- a/statslib/mzts-statscore.js
+++ b/statslib/mzts-statscore.js
@@ -214,14 +214,14 @@ export class thunderStastsCore {
 
         // Read / Unread
         if ('read_unread' in adv_filters) {
-          switch(adv_filters.read_unread){
-            case 1:
+          switch(String(adv_filters.read_unread)){
+            case "1":
               queryInfo_FullStatsData.unread = false;
               break;
-            case 2:
+            case "2":
               queryInfo_FullStatsData.unread = true;
               break;
-            case 0:
+            case "0":
             default:
               break;
           }
@@ -229,14 +229,14 @@ export class thunderStastsCore {
 
         // Flagged / Unflagged
         if ('flagged_unflagged' in adv_filters) {
-          switch(adv_filters.flagged_unflagged){
-            case 1:
+          switch(String(adv_filters.flagged_unflagged)){
+            case "1":
               queryInfo_FullStatsData.flagged = true;
               break;
-            case 2:
+            case "2":
               queryInfo_FullStatsData.flagged = false;
               break;
-            case 0:
+            case "0":
             default:
               break;
           }
@@ -266,7 +266,7 @@ export class thunderStastsCore {
         }
       }
       
-      this.tsLog.log("queryInfo_getFullStatsData: " + JSON.stringify(queryInfo_FullStatsData));
+      this.tsLog.log("queryInfo_FullStatsData: " + JSON.stringify(queryInfo_FullStatsData));
       
       let count = 0;
       let sent = 0;

From 75aec6b3ba34b94ac9dd0399a3e7de958de7e34f Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 29 Sep 2024 23:01:34 +0200
Subject: [PATCH 009/136] trimming filtersubject value

---
 src/components/tabs/TAB_CustomQry.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 8c40bbcc..5c5cca0e 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -719,7 +719,7 @@ async function updateData() {
             advFilters.folders_do_subfolders = filterFolder_do_subfolders.value;
             advFilters.read_unread = filterReadUnread.value;
             advFilters.flagged_unflagged = filterFlaggedUnflagged.value;
-            advFilters.filterSubject = filterSubject.value;
+            advFilters.filterSubject = filterSubject.value.trim();
             tsLog.log("advFilters: " + JSON.stringify(advFilters, null, 2));
             let result_customqry = await tsCore.getCustomQryData(fromDate, toDate, tsStore.current_account_id, props.accountEmails, doOnlyBD.value, advFilters);
             tsLog.log("result_customqry: " + JSON.stringify(result_customqry, null, 2));

From aa7ed3ddd50e5e2a790c370a1bf51a5638c88d04 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Mon, 30 Sep 2024 20:51:28 +0200
Subject: [PATCH 010/136] case sensitive subject search warn added

---
 public/_locales/en/messages.json      | 4 ++++
 src/components/tabs/TAB_CustomQry.vue | 1 +
 2 files changed, 5 insertions(+)

diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index 3773ce3c..00907016 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -768,5 +768,9 @@
   "FilterSubject": {
     "message": "Filter the subject with a keyword",
     "description": ""
+  },
+  "WarnSearchCaseSensitive": {
+    "message": "Be aware that the search is case sensitive. Searching for \"test\" is different from searching for \"Test\".",
+    "description": ""
   }
 }
diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 5c5cca0e..59d2ce38 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -60,6 +60,7 @@
                       <td colspan="2">
                         <span class="adv_filters_title">__MSG_FilterSubject__</span>
                       <br><input type="text" id="filterSubject" name="filterSubject" v-model="filterSubject" />
+                      <br>__MSG_WarnSearchCaseSensitive__
                       </td>
                     </tr>
                     <tr>

From 857cfb7b141d42a57e280810a27152f677519981 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 6 Oct 2024 22:33:33 +0200
Subject: [PATCH 011/136] release notes updated

---
 CHANGELOG.md                               | 2 ++
 src/components/options_tabs/OPTAB_Info.vue | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 23ad5cfa..2be908e6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,8 @@
 
 <h3>Version 2.3.0 - ??/??/2024</h3>
       <ul>
+        <li>Is now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
+        <li>Is now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
         <li>...</li>
       </ul>
 <h3>Version 2.2.2 - 24/09/2024</h3>
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index 6a4afd5c..79c3a4dc 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -24,6 +24,8 @@
       <h1>ThunderStats Release Notes</h1>
       <h3>Version 2.3.0 - ??/??/2024</h3>
       <ul>
+        <li>Is now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
+        <li>Is now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
         <li>...</li>
       </ul>
       <h3>Version 2.2.2 - 24/09/2024</h3>

From c4e117c0af74368590da130c29de79b857c5c288 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 6 Oct 2024 22:51:52 +0200
Subject: [PATCH 012/136] correctly aupdating adv filters icon with the new
 filters added

---
 src/components/tabs/TAB_CustomQry.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 59d2ce38..cf4baf56 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -59,7 +59,7 @@
                       </td>
                       <td colspan="2">
                         <span class="adv_filters_title">__MSG_FilterSubject__</span>
-                      <br><input type="text" id="filterSubject" name="filterSubject" v-model="filterSubject" />
+                      <br><input type="text" id="filterSubject" name="filterSubject" v-model="filterSubject" @input="updateAdvFiltersSet" @change="updateAdvFiltersPosition" />
                       <br>__MSG_WarnSearchCaseSensitive__
                       </td>
                     </tr>
@@ -67,7 +67,7 @@
                       <td></td>
                       <td class="td-30">
                         <span class="adv_filters_title">__MSG_ReadStatus__</span><br>
-                        <select id="filterReadUnread" v-model="filterReadUnread">
+                        <select id="filterReadUnread" v-model="filterReadUnread" @change="updateAdvFiltersSet">
                           <option value="0">__MSG_FilterFoldersAll__</option>
                           <option value="1">__MSG_FilterFoldersOnlyRead__</option>
                           <option value="2">__MSG_FilterFoldersOnlyUnread__</option>
@@ -75,7 +75,7 @@
                       </td>
                       <td class="td-30">
                         <span class="adv_filters_title">__MSG_FlagStatus__</span><br>
-                        <select id="filterFlaggedUnflagged" v-model="filterFlaggedUnflagged">
+                        <select id="filterFlaggedUnflagged" v-model="filterFlaggedUnflagged" @change="updateAdvFiltersSet">
                           <option value="0">__MSG_FilterFoldersAll__</option>
                           <option value="1">__MSG_FilterFoldersOnlyFlagged__</option>
                           <option value="2">__MSG_FilterFoldersOnlyUnflagged__</option>
@@ -443,6 +443,15 @@ const updateAdvFiltersSet = () => {
   if(filterFolder.value.length > 0){
     out_value = true;
   }
+  if(filterReadUnread.value > 0){
+    out_value = true;
+  }
+  if(filterFlaggedUnflagged.value > 0){
+    out_value = true;
+  }
+  if(filterSubject.value.length > 0){
+    out_value = true;
+  }
 
   advanced_filters_set.value = out_value;
 }

From 386c3a4b8e8c9b8ace7bca29073efaca65989441 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 6 Oct 2024 23:23:45 +0200
Subject: [PATCH 013/136] debug console.log statement commented out

---
 src/components/counters/CounterYesterdayThisTime.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/counters/CounterYesterdayThisTime.vue b/src/components/counters/CounterYesterdayThisTime.vue
index c64c2b51..c006022d 100644
--- a/src/components/counters/CounterYesterdayThisTime.vue
+++ b/src/components/counters/CounterYesterdayThisTime.vue
@@ -71,7 +71,7 @@ let last_business_day_text = computed(() => {
 })
 
 let last_business_day_title = computed(() => {
-    console.log(">>>>>>>>>>>>>> props.last_bday_date: " + JSON.stringify(props.last_bday_date));
+    // console.log(">>>>>>>>>>>>>> props.last_bday_date: " + JSON.stringify(props.last_bday_date));
     return props.last_bday_date;
 })
 

From 7b1ecb337c2f24236790ae3ebeced9974cd1de30 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 6 Oct 2024 23:24:52 +0200
Subject: [PATCH 014/136] added domains aggregation. see #380

---
 statslib/mzts-statscore.js       | 34 +++++++++++++++++++++++++++++---
 statslib/mzts-statscore.utils.js | 24 ++++++++++++++++++++++
 2 files changed, 55 insertions(+), 3 deletions(-)

diff --git a/statslib/mzts-statscore.js b/statslib/mzts-statscore.js
index cfa34985..9c33e991 100644
--- a/statslib/mzts-statscore.js
+++ b/statslib/mzts-statscore.js
@@ -179,7 +179,7 @@ export class thunderStastsCore {
         toDate: toDate,
       }
 
-      // Advanced Filters
+      // ====================== Advanced Filters ======================
       /*
         adv_filters is an object that contains various filters
 
@@ -196,6 +196,7 @@ export class thunderStastsCore {
         // Flagged / Unflagged
           adv_filter.flagged_unflagged is an integer value: 0: all, 1: flagged, 2: unflagged
       */
+     // ===============================================================
 
       let filter_folders = null;
 
@@ -279,6 +280,8 @@ export class thunderStastsCore {
       let folders = {};
       let dates = tsUtils.getDateArray(fromDate,toDate);
 
+      let domains = {};
+
       //let messageids_sent = [];
 
       let messages = null;
@@ -373,6 +376,20 @@ export class thunderStastsCore {
               msg_hours[hour_message].sent++;
               // group by weekday
               msg_weekdays[date_message.getDay()].sent++;
+              // group by domain
+              let allRecipients = [...message.recipients, ...message.ccList, ...message.bccList];
+              let domains_array = tsCoreUtils.extractDomains(allRecipients);
+              for (let domain of domains_array) {
+                if (domains[domain]) {
+                  domains[domain].count++;
+                  domains[domain].sent++;
+                } else {
+                  domains[domain] = {}
+                  domains[domain].count = 1;
+                  domains[domain].sent = 1;
+                  domains[domain].received = 0;
+                }
+              }
               // check recipients
               //console.log(">>>>>>>>>>>>> recipients: " + JSON.stringify(message.recipients));
               for (let recipient of message.recipients) {
@@ -433,10 +450,21 @@ export class thunderStastsCore {
               msg_hours[hour_message].received++;
               // group by weekday
               msg_weekdays[date_message.getDay()].received++;
+              // group by domain
+              let curr_domain = tsCoreUtils.extractDomain(key_author);
+              if (domains[curr_domain]) {
+                domains[curr_domain].count++;
+                domains[curr_domain].received++;
+              } else {
+                domains[curr_domain] = {}
+                domains[curr_domain].count = 1;
+                domains[curr_domain].sent = 0;
+                domains[curr_domain].received = 1;
+              }
             }
           }
         //check recipients - END
-        
+
         count++;
       }
 
@@ -449,7 +477,7 @@ export class thunderStastsCore {
       // console.log(">>>>>>>> final senders: " + JSON.stringify(senders));
       // console.log(">>>>>>>> final recipients: " + JSON.stringify(recipients));
 
-      let output = {senders: senders, recipients: recipients, sent: sent, received: received, count: count, count_in_inbox: count_in_inbox, msg_hours: msg_hours, folders: folders, dates: dates, msg_weekdays: msg_weekdays};
+      let output = {senders: senders, recipients: recipients, sent: sent, received: received, count: count, count_in_inbox: count_in_inbox, msg_hours: msg_hours, folders: folders, dates: dates, msg_weekdays: msg_weekdays, domains: domains};
 
       if(do_aggregate_stats) {
         output.aggregate = await this.aggregateData(dates, only_businessdays);
diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 9fcb4ea3..46511526 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -627,6 +627,30 @@ export const tsCoreUtils = {
         }
     },
 
+    extractDomain(email) {
+        if (typeof email === 'string' && email.includes('@')) {
+          return email.split('@')[1];
+        }
+        return null;
+    },
+
+    extractDomains(recipients) {
+        const domains = [];
+      
+        recipients.forEach((recipient) => {
+          // Use regex to extract the email from a string like "Name <email@example.com>" or just "email@example.com"
+          const emailMatch = recipient.match(/<(.+?)>|(.+?@.+)/);
+          const email = emailMatch ? (emailMatch[1] || emailMatch[2]) : null;
+      
+          if (email && email.includes('@')) {
+            const domain = email.split('@')[1].trim();
+            domains.push(domain);
+          }
+        });
+      
+        return domains;
+    },
+
     // This function finds the first previous business day before the given date
     findPreviousBusinessDay(date) {
         let previousDate = new Date(date); // Create a copy of the original date

From 13c5101c70d5773c0fdb822acb7a2608e7aee260 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 6 Oct 2024 23:32:15 +0200
Subject: [PATCH 015/136] graphs renamed to charts

---
 CHANGELOG.md                               | 4 ++--
 src/components/options_tabs/OPTAB_Info.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2be908e6..52c6eab8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -22,7 +22,7 @@
         <li>The toolbar button is now always visible.</li>
         <li>Folders select dropdown text color fixed.</li>
         <li>Weekdays chart fixed [<a href="https://github.com/micz/ThunderStats/issues/374">#374</a>].</li>
-        <li>Improved the positioning of the labels on the Inbox Zero Folders graphs [<a href="https://github.com/micz/ThunderStats/issues/370">#370</a>, <a href="https://github.com/micz/ThunderStats/issues/373">#373</a>].</li>
+        <li>Improved the positioning of the labels on the Inbox Zero Folders charts [<a href="https://github.com/micz/ThunderStats/issues/370">#370</a>, <a href="https://github.com/micz/ThunderStats/issues/373">#373</a>].</li>
         <li>In the advanced filters panel is now possible to check the "include subolders" checkbox clicking on its label [<a href="https://github.com/micz/ThunderStats/issues/371">#371</a>].</li>
         <li>Inbox percentage loading indicator timing fixed [<a href="https://github.com/micz/ThunderStats/issues/376">#376</a>].</li>
         <li>Fixed a label error in the weekdays chart, which misordered the days relative to the number of emails.</li>
@@ -34,7 +34,7 @@
       <ul>
         <li>When executing a custom query for a single day, now is used the single day view [<a href="https://github.com/micz/ThunderStats/issues/315">#315</a>].</li>
         <li>The Inbox Zero Folders Chart is no longer partially hidden under the bottom border in certain circumstances.</li>
-        <li>The labels on the Inbox Zero Folders graphs no longer overlap [<a href="https://github.com/micz/ThunderStats/issues/341">#341</a>].</li>
+        <li>The labels on the Inbox Zero Folders charts no longer overlap [<a href="https://github.com/micz/ThunderStats/issues/341">#341</a>].</li>
         <li>Added the precentage of mails moved from inbox in all the single day views [<a href="https://github.com/micz/ThunderStats/issues/343">#343</a>].</li>
         <li>Fixed a concurrency bug in displaying the elapsed time. It now always shows the maximum value.</li>
         <li>Added a warning if querying too much days in the Custom View. Added an option in the advanced tab to choose the maximum number of days to query without a warning. It's also possible to disable the warning completely [<a href="https://github.com/micz/ThunderStats/issues/281">#281</a>].</li>
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index 79c3a4dc..f988fdf8 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -41,7 +41,7 @@
         <li>The toolbar button is now always visible.</li>
         <li>Folders select dropdown text color fixed.</li>
         <li>Weekdays chart fixed [<a href="https://github.com/micz/ThunderStats/issues/374">#374</a>].</li>
-        <li>Improved the positioning of the labels on the Inbox Zero Folders graphs [<a href="https://github.com/micz/ThunderStats/issues/370">#370</a>, <a href="https://github.com/micz/ThunderStats/issues/373">#373</a>].</li>
+        <li>Improved the positioning of the labels on the Inbox Zero Folders charts [<a href="https://github.com/micz/ThunderStats/issues/370">#370</a>, <a href="https://github.com/micz/ThunderStats/issues/373">#373</a>].</li>
         <li>In the advanced filters panel is now possible to check the "include subolders" checkbox clicking on its label [<a href="https://github.com/micz/ThunderStats/issues/371">#371</a>].</li>
         <li>Inbox percentage loading indicator timing fixed [<a href="https://github.com/micz/ThunderStats/issues/376">#376</a>].</li>
         <li>Fixed a label error in the weekdays chart, which misordered the days relative to the number of emails.</li>
@@ -53,7 +53,7 @@
       <ul>
         <li>When executing a custom query for a single day, now is used the single day view [<a href="https://github.com/micz/ThunderStats/issues/315">#315</a>].</li>
         <li>The Inbox Zero Folders Chart is no longer partially hidden under the bottom border in certain circumstances.</li>
-        <li>The labels on the Inbox Zero Folders graphs no longer overlap [<a href="https://github.com/micz/ThunderStats/issues/341">#341</a>].</li>
+        <li>The labels on the Inbox Zero Folders charts no longer overlap [<a href="https://github.com/micz/ThunderStats/issues/341">#341</a>].</li>
         <li>Added the precentage of mails moved from inbox in all the single day views [<a href="https://github.com/micz/ThunderStats/issues/343">#343</a>].</li>
         <li>Fixed a concurrency bug in displaying the elapsed time. It now always shows the maximum value.</li>
         <li>Added a warning if querying too much days in the Custom View. Added an option in the advanced tab to choose the maximum number of days to query without a warning. It's also possible to disable the warning completely [<a href="https://github.com/micz/ThunderStats/issues/281">#281</a>].</li>

From c2449ba40e3225d0f4013b75ea251b64f542e769 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 6 Oct 2024 23:44:36 +0200
Subject: [PATCH 016/136] everything has been renamed from *graph* to *chart*

---
 CHANGELOG.md                                  |   6 +-
 README.md                                     |   2 +-
 .../ChartCustomQry.vue}                       |   0
 .../ChartInboxZeroDates.vue}                  |   2 +-
 .../ChartInboxZeroFolders.vue}                |   2 +-
 .../ChartManyDays.vue}                        |   0
 .../GraphToday.vue => charts/ChartToday.vue}  |  10 +-
 .../ChartWeekDays.vue}                        |   2 +-
 .../ChartYesterday.vue}                       |   8 +-
 src/components/options_tabs/OPTAB_Info.vue    |   8 +-
 src/components/options_tabs/OPTAB_Main.vue    |   6 +-
 src/components/tabs/TAB_CustomQry.vue         | 190 +++++++++---------
 src/components/tabs/TAB_ManyDays.vue          | 118 +++++------
 src/components/tabs/TAB_Today.vue             | 102 +++++-----
 src/components/tabs/TAB_Yesterday.vue         |  78 +++----
 src/components/widgets/WidgetWeekDay.vue      |   4 +-
 ....js => external-tooltip-timechartlines.js} |   2 +-
 ...h-legend.js => plugin-timechart-legend.js} |   0
 ...e.js => plugin-timechart-vertical-line.js} |   0
 statslib/mzts-options-default.js              |   6 +-
 20 files changed, 273 insertions(+), 273 deletions(-)
 rename src/components/{graphs/GraphCustomQry.vue => charts/ChartCustomQry.vue} (100%)
 rename src/components/{graphs/GraphInboxZeroDates.vue => charts/ChartInboxZeroDates.vue} (99%)
 rename src/components/{graphs/GraphInboxZeroFolders.vue => charts/ChartInboxZeroFolders.vue} (99%)
 rename src/components/{graphs/GraphManyDays.vue => charts/ChartManyDays.vue} (100%)
 rename src/components/{graphs/GraphToday.vue => charts/ChartToday.vue} (96%)
 rename src/components/{graphs/GraphWeekDays.vue => charts/ChartWeekDays.vue} (99%)
 rename src/components/{graphs/GraphYesterday.vue => charts/ChartYesterday.vue} (96%)
 rename statslib/chartjs-lib/{external-tooltip-timegraphlines.js => external-tooltip-timechartlines.js} (99%)
 rename statslib/chartjs-lib/{plugin-timegraph-legend.js => plugin-timechart-legend.js} (100%)
 rename statslib/chartjs-lib/{plugin-timegraph-vertical-line.js => plugin-timechart-vertical-line.js} (100%)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 52c6eab8..bc9df925 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -54,8 +54,8 @@
         <li>Added an hourly email extract divider in the Today and Yesterday tabs.</li>
        </ul>
        <li>Added the total number of mails in aggregate stats in Today Tab, Yesterday Tab, 7 Days Tab and Custom View Tabs. This total also considers business days only if the corresponding option is active [<a href="https://github.com/micz/ThunderStats/issues/323">#323</a>].</li>
-       <li>Added an option to display today's time graph lines only up to the current hour [<a href="https://github.com/micz/ThunderStats/issues/302">#302</a>].</li>
-       <li>In today's time graph, a vertical line has been added to indicate the current hour [<a href="https://github.com/micz/ThunderStats/issues/79">#79</a>].</li>
+       <li>Added an option to display Today Tab's Time Chart lines only up to the current hour [<a href="https://github.com/micz/ThunderStats/issues/302">#302</a>].</li>
+       <li>In Today Tab's Time Chart, a vertical line has been added to indicate the current hour [<a href="https://github.com/micz/ThunderStats/issues/79">#79</a>].</li>
        <li>Some options have been moved from the options page "Advanced" tab to the "General" tab.</li>
        <li>Displaying the last execution time for each tab [<a href="https://github.com/micz/ThunderStats/issues/314">#314</a>].</li>
        <li>Changed the color of the 'Today' bar in the 7-Days Tab Chart [<a href="https://github.com/micz/ThunderStats/issues/326">#326</a>].</li>
@@ -85,7 +85,7 @@
        <li>Added dark mode [<a href="https://github.com/micz/ThunderStats/issues/197">#197</a>].</li>
        <li>It's now possibile to define a locale for the datepicker different from the default one [<a href="https://github.com/micz/ThunderStats/issues/238">#238</a>].</li>
        <li>Added an option to choose to remember last opened tab [<a href="https://github.com/micz/ThunderStats/issues/232">#232</a>].</li>
-       <li>The Time Graph is now a line graph [<a href="https://github.com/micz/ThunderStats/issues/198">#198</a>].</li>
+       <li>The Time Chart is now a line chart [<a href="https://github.com/micz/ThunderStats/issues/198">#198</a>].</li>
        <li>Added info for the last days in the Yesterday Tab [<a href="https://github.com/micz/ThunderStats/issues/276">#276</a>].</li>
        <li>The elaboration time is now shown [<a href="https://github.com/micz/ThunderStats/issues/218">#218</a>].</li>
        <li>The results are displayed as they become available [<a href="https://github.com/micz/ThunderStats/issues/219">#219</a>].</li>
diff --git a/README.md b/README.md
index 7fa0a6b1..61e5c587 100644
--- a/README.md
+++ b/README.md
@@ -15,7 +15,7 @@ More info on [#194](https://github.com/micz/ThunderStats/issues/194) and [#195](
 
 ## Features
 - Sent and received mails
-- Day time graph
+- Day time chart
 - Top senders and recipients list
 - Inbox Zero status
 - Multiple days and Custom range date statistics with:
diff --git a/src/components/graphs/GraphCustomQry.vue b/src/components/charts/ChartCustomQry.vue
similarity index 100%
rename from src/components/graphs/GraphCustomQry.vue
rename to src/components/charts/ChartCustomQry.vue
diff --git a/src/components/graphs/GraphInboxZeroDates.vue b/src/components/charts/ChartInboxZeroDates.vue
similarity index 99%
rename from src/components/graphs/GraphInboxZeroDates.vue
rename to src/components/charts/ChartInboxZeroDates.vue
index fec800b2..405bc3f8 100644
--- a/src/components/graphs/GraphInboxZeroDates.vue
+++ b/src/components/charts/ChartInboxZeroDates.vue
@@ -19,7 +19,7 @@
 -->
 
 <template>
-  <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="today_hours_graph_wait"/></div>
+  <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="today_hours_chart_wait"/></div>
   <Bar
       :options="chartOptions"
       :data="chartData"
diff --git a/src/components/graphs/GraphInboxZeroFolders.vue b/src/components/charts/ChartInboxZeroFolders.vue
similarity index 99%
rename from src/components/graphs/GraphInboxZeroFolders.vue
rename to src/components/charts/ChartInboxZeroFolders.vue
index 9a0778ea..1481f46b 100644
--- a/src/components/graphs/GraphInboxZeroFolders.vue
+++ b/src/components/charts/ChartInboxZeroFolders.vue
@@ -19,7 +19,7 @@
 -->
 
 <template>
-    <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="today_hours_graph_wait"/></div>
+    <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="today_hours_chart_wait"/></div>
     <Doughnut
         :options="chartOptions"
         :data="chartData"
diff --git a/src/components/graphs/GraphManyDays.vue b/src/components/charts/ChartManyDays.vue
similarity index 100%
rename from src/components/graphs/GraphManyDays.vue
rename to src/components/charts/ChartManyDays.vue
diff --git a/src/components/graphs/GraphToday.vue b/src/components/charts/ChartToday.vue
similarity index 96%
rename from src/components/graphs/GraphToday.vue
rename to src/components/charts/ChartToday.vue
index 8a7f1915..44e65e5e 100644
--- a/src/components/graphs/GraphToday.vue
+++ b/src/components/charts/ChartToday.vue
@@ -20,7 +20,7 @@
 
 <template>
 <div :class="getWrapperClass">
-  <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="today_hours_graph_wait"/></div>
+  <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="today_hours_chart_wait"/></div>
   <Line
       :options="chartOptions"
       :data="chartData"
@@ -39,9 +39,9 @@
 import { ref, computed, watch } from 'vue'
 import { Line } from 'vue-chartjs'
 import { Chart, LineController, CategoryScale, LinearScale, PointElement, LineElement, Title } from 'chart.js';
-import { externalTooltipTimeGraphLines } from '@statslib/chartjs-lib/external-tooltip-timegraphlines';
-import { htmlLegendPlugin } from '@statslib/chartjs-lib/plugin-timegraph-legend';
-import { tsVerticalLinePlugin } from '@statslib/chartjs-lib/plugin-timegraph-vertical-line';
+import { externalTooltipTimeChartLines } from '@statslib/chartjs-lib/external-tooltip-timechartlines';
+import { htmlLegendPlugin } from '@statslib/chartjs-lib/plugin-timechart-legend';
+import { tsVerticalLinePlugin } from '@statslib/chartjs-lib/plugin-timechart-vertical-line';
 import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import { tsUtils } from '@statslib/mzts-utils';
 import { tsStore } from '@statslib/mzts-store';
@@ -178,7 +178,7 @@ var chartOptions = ref({
               mode: 'index',
               intersect: false,
               external: function(context) {
-                externalTooltipTimeGraphLines(context, {is_last_business_day: is_last_business_day.value});
+                externalTooltipTimeChartLines(context, {is_last_business_day: is_last_business_day.value});
               }
             }
         },
diff --git a/src/components/graphs/GraphWeekDays.vue b/src/components/charts/ChartWeekDays.vue
similarity index 99%
rename from src/components/graphs/GraphWeekDays.vue
rename to src/components/charts/ChartWeekDays.vue
index 88350ce9..e686c684 100644
--- a/src/components/graphs/GraphWeekDays.vue
+++ b/src/components/charts/ChartWeekDays.vue
@@ -40,7 +40,7 @@ import { ref, computed, watch } from 'vue'
 import { Bar } from 'vue-chartjs'
 import { Chart, BarController, BarElement, CategoryScale, LinearScale, Title, Tooltip, Legend } from 'chart.js';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
-import { htmlLegendPlugin } from '@statslib/chartjs-lib/plugin-timegraph-legend';
+import { htmlLegendPlugin } from '@statslib/chartjs-lib/plugin-timechart-legend';
 import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import { tsStore } from '@statslib/mzts-store';
 import { tsUtils } from '@statslib/mzts-utils';
diff --git a/src/components/graphs/GraphYesterday.vue b/src/components/charts/ChartYesterday.vue
similarity index 96%
rename from src/components/graphs/GraphYesterday.vue
rename to src/components/charts/ChartYesterday.vue
index 1bdda9d5..8c4c0118 100644
--- a/src/components/graphs/GraphYesterday.vue
+++ b/src/components/charts/ChartYesterday.vue
@@ -20,7 +20,7 @@
 
 <template>
 <div :class="getWrapperClass">
-  <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="yesterday_hours_graph_wait"/></div>
+  <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="yesterday_hours_chart_wait"/></div>
   <Line
       :options="chartOptions"
       :data="chartData"
@@ -39,8 +39,8 @@
 import { ref, computed, watch } from 'vue'
 import { Line } from 'vue-chartjs'
 import { Chart, LineController, CategoryScale, LinearScale, PointElement, LineElement, Title } from 'chart.js';
-import { externalTooltipTimeGraphLines } from '@statslib/chartjs-lib/external-tooltip-timegraphlines';
-import { htmlLegendPlugin } from '@statslib/chartjs-lib/plugin-timegraph-legend';
+import { externalTooltipTimeChartLines } from '@statslib/chartjs-lib/external-tooltip-timechartlines';
+import { htmlLegendPlugin } from '@statslib/chartjs-lib/plugin-timechart-legend';
 import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import { tsStore } from '@statslib/mzts-store';
 
@@ -173,7 +173,7 @@ var chartOptions = ref({
               mode: 'index',
               intersect: false,
               external: function(context) {
-                externalTooltipTimeGraphLines(context, {is_generic_day: is_generic_day.value, is_last_business_day: is_last_business_day.value});
+                externalTooltipTimeChartLines(context, {is_generic_day: is_generic_day.value, is_last_business_day: is_last_business_day.value});
               }
             }
         },
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index f988fdf8..f4ff53f1 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -73,8 +73,8 @@
         <li>Added an hourly email extract divider in the Today and Yesterday tabs.</li>
        </ul>
        <li>Added the total number of mails in aggregate stats in Today Tab, Yesterday Tab, 7 Days Tab and Custom View Tabs. This total also considers business days only if the corresponding option is active [<a href="https://github.com/micz/ThunderStats/issues/323">#323</a>].</li>
-       <li>Added an option to display today's time graph lines only up to the current hour [<a href="https://github.com/micz/ThunderStats/issues/302">#302</a>].</li>
-       <li>In today's time graph, a vertical line has been added to indicate the current hour [<a href="https://github.com/micz/ThunderStats/issues/79">#79</a>].</li>
+       <li>Added an option to display Today Tab's Time Chart lines only up to the current hour [<a href="https://github.com/micz/ThunderStats/issues/302">#302</a>].</li>
+       <li>In Today Tab's Time Chart, a vertical line has been added to indicate the current hour [<a href="https://github.com/micz/ThunderStats/issues/79">#79</a>].</li>
        <li>Some options have been moved from the options page "Advanced" tab to the "General" tab.</li>
        <li>Displaying the last execution time for each tab [<a href="https://github.com/micz/ThunderStats/issues/314">#314</a>].</li>
        <li>Changed the color of the 'Today' bar in the 7-Days Tab Chart [<a href="https://github.com/micz/ThunderStats/issues/326">#326</a>].</li>
@@ -104,7 +104,7 @@
        <li>Added dark mode [<a href="https://github.com/micz/ThunderStats/issues/197">#197</a>].</li>
        <li>It's now possibile to define a locale for the datepicker different from the default one [<a href="https://github.com/micz/ThunderStats/issues/238">#238</a>].</li>
        <li>Added an option to choose to remember last opened tab [<a href="https://github.com/micz/ThunderStats/issues/232">#232</a>].</li>
-       <li>The Time Graph is now a line graph [<a href="https://github.com/micz/ThunderStats/issues/198">#198</a>].</li>
+       <li>The Time Chart is now a line chart [<a href="https://github.com/micz/ThunderStats/issues/198">#198</a>].</li>
        <li>Added info for the last days in the Yesterday Tab [<a href="https://github.com/micz/ThunderStats/issues/276">#276</a>].</li>
        <li>The elaboration time is now shown [<a href="https://github.com/micz/ThunderStats/issues/218">#218</a>].</li>
        <li>The results are displayed as they become available [<a href="https://github.com/micz/ThunderStats/issues/219">#219</a>].</li>
@@ -123,7 +123,7 @@
        <li>Added dark mode [<a href="https://github.com/micz/ThunderStats/issues/197">#197</a>].</li>
        <li>It's now possibile to define a locale for the datepicker different from the default one [<a href="https://github.com/micz/ThunderStats/issues/238">#238</a>].</li>
        <li>Added an option to choose to remember last opened tab [<a href="https://github.com/micz/ThunderStats/issues/232">#232</a>].</li>
-       <li>The Time Graph is now a line graph [<a href="https://github.com/micz/ThunderStats/issues/198">#198</a>].</li>
+       <li>The Time Chart is now a line chart [<a href="https://github.com/micz/ThunderStats/issues/198">#198</a>].</li>
        <li>Added info for the last days in the Yesterday Tab [<a href="https://github.com/micz/ThunderStats/issues/276">#276</a>].</li>
        <li>The elaboration time is now shown [<a href="https://github.com/micz/ThunderStats/issues/218">#218</a>].</li>
        <li>The results are displayed as they become available [<a href="https://github.com/micz/ThunderStats/issues/219">#219</a>].</li>
diff --git a/src/components/options_tabs/OPTAB_Main.vue b/src/components/options_tabs/OPTAB_Main.vue
index 022e4883..8b1aa068 100644
--- a/src/components/options_tabs/OPTAB_Main.vue
+++ b/src/components/options_tabs/OPTAB_Main.vue
@@ -73,7 +73,7 @@
     </tr>
     <tr>
       <td>
-        <label><input type="checkbox" id="today_time_graph_show_yesterday" name="today_time_graph_show_yesterday" class="option-input" /></label>
+        <label><input type="checkbox" id="today_time_chart_show_yesterday" name="today_time_chart_show_yesterday" class="option-input" /></label>
       </td>
       <td>
      <label><span class="dims_label" @click="toggle_options">__MSG_TodayTimeChartShowYesterday__</span></label>
@@ -81,7 +81,7 @@
     </tr>
       <tr>
       <td>
-        <label><input type="checkbox" id="_time_graph_progressive" name="_time_graph_progressive" class="option-input" /></label>
+        <label><input type="checkbox" id="_time_chart_progressive" name="_time_chart_progressive" class="option-input" /></label>
       </td>
       <td>
      <label><span class="dims_label" @click="toggle_options">__MSG_TimeChartProgressive__</span></label>
@@ -89,7 +89,7 @@
     </tr>
     <tr>
       <td>
-        <label><input type="checkbox" id="today_time_graph_do_no_show_future" name="today_time_graph_do_no_show_future" class="option-input" /></label> 
+        <label><input type="checkbox" id="today_time_chart_do_no_show_future" name="today_time_chart_do_no_show_future" class="option-input" /></label> 
       </td>
       <td>
         <label><span class="dims_label" @click="toggle_options">__MSG_TimeChartNoFutureHours__</span></label>
diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index cf4baf56..0212d435 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -90,47 +90,47 @@
                         <h2 class="list_heading cropped">__MSG_SentMails__: <span v-if="do_run && !is_loading_counter_sent_rcvd">{{ sent_total }}<InfoTooltip :showAnchor="doOnlyBD" :noteText="totalInfoTooltip_text"></InfoTooltip></span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="do_run && is_loading_counter_sent_rcvd"/></h2>
                         <CounterManyDays_Row v-if="do_run" :is_loading="is_loading_counter_customqry" :_total="counter_customqry_sent_total" :_max="counter_customqry_sent_max" :_min="counter_customqry_sent_min" :_avg="counter_customqry_sent_avg" :showTotalInfoTooltip="doOnlyBD" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
                       </div>
-                      <GraphCustomQry v-if="do_run" :chartData="chartData_Sent" :chart_width="chart_width" :is_loading="is_loading_sent_graph" :key="chartData_Sent_length"/>
+                      <ChartCustomQry v-if="do_run" :chartData="chartData_Sent" :chart_width="chart_width" :is_loading="is_loading_sent_chart" :key="chartData_Sent_length"/>
     </div>
     <div v-if="do_single_day" class="square_item"><div class="list_heading_wrapper"><h2 class="list_heading cropped">__MSG_Mails__</h2>
         </div>
         <span class="list_heading_date" v-html="singleday_date_str"></span>
         <CounterSentReceived :is_loading="is_loading_counter_sent_rcvd" :_sent="sent_total" :_rcvd="rcvd_total" />
         <div class="singleday_spacing"></div>
-        <GraphYesterday :chartData="chartData_SingleDay" :is_loading="is_loading_singleday_graph" :yesterday = "false" :key="chartData_TimeDay_length"/>
+        <ChartYesterday :chartData="chartData_SingleDay" :is_loading="is_loading_singleday_chart" :yesterday = "false" :key="chartData_TimeDay_length"/>
     </div>
 
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_ReceivedMails__: <span v-if="do_run && !is_loading_counter_sent_rcvd">{{ rcvd_total }}<InfoTooltip :showAnchor="doOnlyBD" :noteText="totalInfoTooltip_text"></InfoTooltip></span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="do_run && is_loading_counter_sent_rcvd"/></h2>
                         <CounterManyDays_Row v-if="do_run" :is_loading="is_loading_counter_customqry" :_total="counter_customqry_rcvd_total" :_max="counter_customqry_rcvd_max" :_min="counter_customqry_rcvd_min" :_avg="counter_customqry_rcvd_avg" :showTotalInfoTooltip="doOnlyBD" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
 					  </div>
-					  <GraphCustomQry v-if="do_run" :chartData="chartData_Rcvd" :chart_width="chart_width" :is_loading="is_loading_rcvd_graph"  :key="chartData_Rcvd_length"/>
+					  <ChartCustomQry v-if="do_run" :chartData="chartData_Rcvd" :chart_width="chart_width" :is_loading="is_loading_rcvd_chart"  :key="chartData_Rcvd_length"/>
     </div>
     <div v-if="do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_InboxZeroStatus__</h2>
 					  </div>
-					  <CounterInbox :is_loading="is_loading_inbox_graph_folders" :inbox_total="counter_inbox_total" :inbox_unread="counter_inbox_unread" />
+					  <CounterInbox :is_loading="is_loading_inbox_chart_folders" :inbox_total="counter_inbox_total" :inbox_unread="counter_inbox_unread" />
             <CounterInboxPercent :is_loading="is_loading_counter_inbox_percent" :inbox_percent="counter_inbox_percent" />
                       <div class="chart_inbox0_info"><p class="chart_info">__MSG_FolderLocation__ <InfoTooltip :showAnchor="showFolderLocationNoteAnchor" :noteText="folderLocationNote_text"></InfoTooltip></p><p class="chart_info_nomail" id="singleday_inbox0_folder_spread_nomails" v-if="!is_loading_counter_sent_rcvd && (rcvd_total == 0)" v-text="no_mails_received_yesterday"></p></div>
                       <div class="chart_inbox0">
-                        <GraphInboxZeroFolders :chartData="chartData_InboxZeroFolders" :openFolderInFirstTab="inbox0_openFolderInFirstTab" :is_loading="is_loading_inbox_graph_folders" />
+                        <ChartInboxZeroFolders :chartData="chartData_InboxZeroFolders" :openFolderInFirstTab="inbox0_openFolderInFirstTab" :is_loading="is_loading_inbox_chart_folders" />
                       </div>
                       <div class="chart_inbox0_datemsg">
                         <p class="chart_info">__MSG_InboxMailsDateSpreading__</p><p class="chart_info_nomail" id="singleday_inbox0_datemsg_nomails" v-if="!is_loading_counter_inbox && (counter_inbox_total == 0)" v-text="no_mails_inbox"></p>
-                        <GraphInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_graph_dates" />
+                        <ChartInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_chart_dates" />
                       </div>
     </div>
 
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_TimeDay__</h2>
 					  </div>
-                      <GraphYesterday v-if="do_run" :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_graph" :yesterday="false" :is_generic_day="true"/>
+                      <ChartYesterday v-if="do_run" :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_chart" :yesterday="false" :is_generic_day="true"/>
     </div>
 
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Weekdays__</h2>
 					  </div>
-					<WidgetWeekDay v-if="do_run" :weekday_chartData="chartData_WeekDays" :is_loading="is_loading_weekdays_graph" :key="chartData_WeekDays_length" />
+					<WidgetWeekDay v-if="do_run" :weekday_chartData="chartData_WeekDays" :is_loading="is_loading_weekdays_chart" :key="chartData_WeekDays_length" />
     </div>
 
     <div class="square_item"><div class="list_heading_wrapper">
@@ -158,7 +158,7 @@ import { thunderStastsCore } from '@statslib/mzts-statscore';
 import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import { tsUtils } from '@statslib/mzts-utils';
 import TableInvolved from '../tables/TableInvolved.vue';
-import GraphCustomQry from '../graphs/GraphCustomQry.vue';
+import ChartCustomQry from '../charts/ChartCustomQry.vue';
 import CounterManyDays_Row from '../counters/CounterManyDays_Row.vue';
 import ExportMenu from '../ExportMenu.vue';
 import InfoTooltip from '../InfoTooltip.vue';
@@ -171,9 +171,9 @@ import '@vuepic/vue-datepicker/dist/main.css'
 import ContextMenu from '@imengyu/vue3-context-menu'
 import '@imengyu/vue3-context-menu/lib/vue3-context-menu.css'
 import CounterSentReceived from '../counters/CounterSentReceived.vue';
-import GraphYesterday from '../graphs/GraphYesterday.vue';
-import GraphInboxZeroFolders from '../graphs/GraphInboxZeroFolders.vue';
-import GraphInboxZeroDates from '../graphs/GraphInboxZeroDates.vue';
+import ChartYesterday from '../charts/ChartYesterday.vue';
+import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
+import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
 import CounterInbox from '../counters/CounterInbox.vue';
 import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
 import Multiselect from '@vueform/multiselect';
@@ -226,13 +226,13 @@ let do_single_day = ref(false);
 let singleDay = ref(null);
 let singleday_date_str = ref("");
 
-let is_loading_singleday_graph = ref(true);
-let is_loading_inbox_graph_folders = ref(true);
-let is_loading_inbox_graph_dates = ref(true);
+let is_loading_singleday_chart = ref(true);
+let is_loading_inbox_chart_folders = ref(true);
+let is_loading_inbox_chart_dates = ref(true);
 let is_loading_counter_inbox = ref(true);
 let is_loading_counter_inbox_percent = ref(true);
-let is_loading_timeday_graph = ref(true);
-let is_loading_weekdays_graph = ref(true);
+let is_loading_timeday_chart = ref(true);
+let is_loading_weekdays_chart = ref(true);
 
 let counter_inbox_total = ref(0);
 let counter_inbox_unread = ref(0);
@@ -243,8 +243,8 @@ let chartData_SingleDay = ref({
     datasets: []
 });
 
-let graphdata_singleday_hours_sent = ref([]);
-let graphdata_singleday_hours_rcvd = ref([]);
+let chartdata_singleday_hours_sent = ref([]);
+let chartdata_singleday_hours_rcvd = ref([]);
 let chartData_InboxZeroFolders = ref({
     labels: [],
     datasets: []
@@ -253,8 +253,8 @@ let chartData_InboxZeroDates = ref({
     labels: [],
     datasets: []
 });
-let graphdata_inboxzero_folders = ref([]);
-let graphdata_inboxzero_dates = ref([]);
+let chartdata_inboxzero_folders = ref([]);
+let chartdata_inboxzero_dates = ref([]);
 
 let showFolderLocationNoteAnchor = ref(false);
 let folderLocationNote_text = ref("");
@@ -275,8 +275,8 @@ let is_loading_counter_sent_rcvd = ref(true);
 let is_loading_counter_customqry = ref(true);
 let is_loading_involved_table_recipients = ref(true);
 let is_loading_involved_table_senders = ref(true);
-let is_loading_sent_graph = ref(true);
-let is_loading_rcvd_graph = ref(true);
+let is_loading_sent_chart = ref(true);
+let is_loading_rcvd_chart = ref(true);
 
 let counter_customqry_sent_total = ref(0);
 let counter_customqry_sent_max = ref(0);
@@ -292,13 +292,13 @@ let table_involved_senders = ref([]);
 let show_table_involved_recipients = ref(false);
 let show_table_involved_senders = ref(false);
 
-let graphdata_customqry_sent = ref([]);
-let graphdata_customqry_rcvd = ref([]);
-let graphdata_customqry_labels = ref([]);
-let graphdata_customqry_hours_sent = ref([]);
-let graphdata_customqry_hours_rcvd = ref([]);
-let graphdata_customqry_weekdays_sent = ref([]);
-let graphdata_customqry_weekdays_rcvd = ref([]);
+let chartdata_customqry_sent = ref([]);
+let chartdata_customqry_rcvd = ref([]);
+let chartdata_customqry_labels = ref([]);
+let chartdata_customqry_hours_sent = ref([]);
+let chartdata_customqry_hours_rcvd = ref([]);
+let chartdata_customqry_weekdays_sent = ref([]);
+let chartdata_customqry_weekdays_rcvd = ref([]);
 
 let _export_data = ref({});
 
@@ -346,19 +346,19 @@ let job_done = computed(() => {
     is_loading_counter_customqry.value &&
     is_loading_involved_table_recipients.value &&
     is_loading_involved_table_senders.value &&
-    is_loading_sent_graph.value &&
-    is_loading_rcvd_graph.value &&
-    is_loading_timeday_graph.value &&
-    is_loading_weekdays_graph.value);
+    is_loading_sent_chart.value &&
+    is_loading_rcvd_chart.value &&
+    is_loading_timeday_chart.value &&
+    is_loading_weekdays_chart.value);
   }else{
     return !(is_loading_counter_sent_rcvd.value &&
-    is_loading_singleday_graph.value &&
+    is_loading_singleday_chart.value &&
     is_loading_involved_table_recipients.value &&
     is_loading_involved_table_senders.value &&
     is_loading_counter_inbox.value &&
     is_loading_counter_inbox_percent.value &&
-    is_loading_inbox_graph_folders.value &&
-    is_loading_inbox_graph_dates.value);
+    is_loading_inbox_chart_folders.value &&
+    is_loading_inbox_chart_dates.value);
   }
 });
 
@@ -594,8 +594,8 @@ async function updateData() {
     while(props.updated == false){
         await new Promise(r => setTimeout(r, 100));
     }
-    let prefs = await tsPrefs.getPrefs(["_time_graph_progressive", "accounts_adv_settings"]);
-    do_progressive = prefs._time_graph_progressive;
+    let prefs = await tsPrefs.getPrefs(["_time_chart_progressive", "accounts_adv_settings"]);
+    do_progressive = prefs._time_chart_progressive;
     let accounts_adv_settings = prefs.accounts_adv_settings;
     tsCore = new thunderStastsCore({do_debug: tsStore.do_debug, _involved_num: _involved_num, accounts_adv_settings: accounts_adv_settings});
     tsLog.log("props.accountEmails: " + JSON.stringify(props.accountEmails));
@@ -603,7 +603,7 @@ async function updateData() {
     await getCustomQryData();
     if(!do_single_day.value){
       let chart_container_width = document.querySelector('.chart_customqry').clientWidth;
-      let chart_ipotetic_width = graphdata_customqry_labels.value.length * 30;
+      let chart_ipotetic_width = chartdata_customqry_labels.value.length * 30;
       if(chart_container_width < chart_ipotetic_width){
         chart_width.value = String(chart_ipotetic_width) + "px";
       } else {
@@ -612,7 +612,7 @@ async function updateData() {
       chartData_Sent.value.datasets = [];
       chartData_Sent.value.datasets.push({
           label: 'Sent',
-          data: graphdata_customqry_sent.value,
+          data: chartdata_customqry_sent.value,
           borderColor: tsStore.chart_colors.many_days_default,
           backgroundColor: tsStore.chart_colors.many_days_default,
           borderWidth: 2,
@@ -620,12 +620,12 @@ async function updateData() {
           //maxBarThickness: 15,
           minBarThickness: 15,
       });
-      tsLog.log("graphdata_customqry_sent.value: " + JSON.stringify(graphdata_customqry_sent.value));
-      chartData_Sent.value.labels = graphdata_customqry_labels.value;
+      tsLog.log("chartdata_customqry_sent.value: " + JSON.stringify(chartdata_customqry_sent.value));
+      chartData_Sent.value.labels = chartdata_customqry_labels.value;
       chartData_Rcvd.value.datasets = [];
       chartData_Rcvd.value.datasets.push({
           label: 'Received',
-          data: graphdata_customqry_rcvd.value,
+          data: chartdata_customqry_rcvd.value,
           borderColor: tsStore.chart_colors.many_days_default,
           backgroundColor: tsStore.chart_colors.many_days_default,
           borderWidth: 2,
@@ -633,14 +633,14 @@ async function updateData() {
           //maxBarThickness: 15,
           minBarThickness: 15,
       });
-      tsLog.log("graphdata_customqry_rcvd.value: " + JSON.stringify(graphdata_customqry_rcvd.value));
-      chartData_Rcvd.value.labels = graphdata_customqry_labels.value;
-      tsLog.log("graphdata_customqry_hours_sent.value: " + JSON.stringify(graphdata_customqry_hours_sent.value));
-      tsLog.log("graphdata_customqry_hours_rcvd.value: " + JSON.stringify(graphdata_customqry_hours_rcvd.value));
+      tsLog.log("chartdata_customqry_rcvd.value: " + JSON.stringify(chartdata_customqry_rcvd.value));
+      chartData_Rcvd.value.labels = chartdata_customqry_labels.value;
+      tsLog.log("chartdata_customqry_hours_sent.value: " + JSON.stringify(chartdata_customqry_hours_sent.value));
+      tsLog.log("chartdata_customqry_hours_rcvd.value: " + JSON.stringify(chartdata_customqry_hours_rcvd.value));
       chartData_TimeDay.value.datasets = [];
       chartData_TimeDay.value.datasets.push({
           label: 'ysent',
-          data: graphdata_customqry_hours_sent.value,
+          data: chartdata_customqry_hours_sent.value,
           borderColor: tsStore.chart_colors._time_sent,
           backgroundColor: tsStore.chart_colors._time_sent,
           borderWidth: 2,
@@ -648,19 +648,19 @@ async function updateData() {
       });
       chartData_TimeDay.value.datasets.push({
           label: 'yrcvd',
-          data: graphdata_customqry_hours_rcvd.value,
+          data: chartdata_customqry_hours_rcvd.value,
           borderColor: tsStore.chart_colors._time_rcvd,
           backgroundColor: tsStore.chart_colors._time_rcvd,
           borderWidth: 2,
           pointRadius: 1,
       });
       // week days
-      tsLog.log("graphdata_customqry_hours_sent.value: " + JSON.stringify(graphdata_customqry_weekdays_rcvd.value));
-      tsLog.log("graphdata_customqry_hours_rcvd.value: " + JSON.stringify(graphdata_customqry_weekdays_sent.value));
+      tsLog.log("chartdata_customqry_hours_sent.value: " + JSON.stringify(chartdata_customqry_weekdays_rcvd.value));
+      tsLog.log("chartdata_customqry_hours_rcvd.value: " + JSON.stringify(chartdata_customqry_weekdays_sent.value));
       chartData_WeekDays.value.datasets = [];
       chartData_WeekDays.value.datasets.push({
           label: 'ysent',
-          data: graphdata_customqry_weekdays_sent.value,
+          data: chartdata_customqry_weekdays_sent.value,
           borderColor: tsStore.chart_colors._weekday_sent,
           backgroundColor: tsStore.chart_colors._weekday_sent,
           borderWidth: 2,
@@ -668,7 +668,7 @@ async function updateData() {
       })
       chartData_WeekDays.value.datasets.push({
           label: 'yrcvd',
-          data: graphdata_customqry_weekdays_rcvd.value,
+          data: chartdata_customqry_weekdays_rcvd.value,
           borderColor: tsStore.chart_colors._weekday_rcvd,
           backgroundColor: tsStore.chart_colors._weekday_rcvd,
           borderWidth: 2,
@@ -676,13 +676,13 @@ async function updateData() {
       })
     }else{    //single day
       getInboxZeroData();
-      // graph single day hours
-      tsLog.log("graphdata_singleday_hours_sent.value: " + JSON.stringify(graphdata_singleday_hours_sent.value));
-      tsLog.log("graphdata_singleday_hours_rcvd.value: " + JSON.stringify(graphdata_singleday_hours_rcvd.value));
+      // chart single day hours
+      tsLog.log("chartdata_singleday_hours_sent.value: " + JSON.stringify(chartdata_singleday_hours_sent.value));
+      tsLog.log("chartdata_singleday_hours_rcvd.value: " + JSON.stringify(chartdata_singleday_hours_rcvd.value));
       chartData_SingleDay.value.datasets = [];
       chartData_SingleDay.value.datasets.push({
           label: 'ysent',
-          data: graphdata_singleday_hours_sent.value,
+          data: chartdata_singleday_hours_sent.value,
           borderColor: tsStore.chart_colors._time_sent,
           backgroundColor: tsStore.chart_colors._time_sent,
           borderWidth: 2,
@@ -690,28 +690,28 @@ async function updateData() {
       })
       chartData_SingleDay.value.datasets.push({
           label: 'yrcvd',
-          data: graphdata_singleday_hours_rcvd.value,
+          data: chartdata_singleday_hours_rcvd.value,
           borderColor: tsStore.chart_colors._time_rcvd,
           backgroundColor: tsStore.chart_colors._time_rcvd,
           borderWidth: 2,
           pointRadius: 1,
       })
-      // graph inbox zero folders
-      let given_folders = tsCoreUtils.filterReceivedFolders(graphdata_inboxzero_folders.value);
+      // chart inbox zero folders
+      let given_folders = tsCoreUtils.filterReceivedFolders(chartdata_inboxzero_folders.value);
       let folders_data = tsCoreUtils.getFoldersLabelsColors(given_folders);
       chartData_InboxZeroFolders.value.folder_paths = folders_data.folder_paths;
       chartData_InboxZeroFolders.value.labels = folders_data.labels;
       chartData_InboxZeroFolders.value.datasets = [];
       chartData_InboxZeroFolders.value.datasets.push({data:tsCoreUtils.getFoldersCounts(given_folders), backgroundColor: folders_data.colors, borderColor: folders_data.colors});
       tsLog.log("chartData_InboxZeroFolders.value: " + JSON.stringify(chartData_InboxZeroFolders.value));
-      // graph inbox zero dates
+      // chart inbox zero dates
       inbox0_openFolderInFirstTab.value = await tsPrefs.getPref("inbox0_openFolderInFirstTab");
     }
     nextTick(async () => {
         if(do_single_day.value){
-          is_loading_singleday_graph.value = false;
-          is_loading_inbox_graph_folders.value = false;
-          // is_loading_inbox_graph_dates.value = false;
+          is_loading_singleday_chart.value = false;
+          is_loading_inbox_chart_folders.value = false;
+          // is_loading_inbox_chart_dates.value = false;
           showFolderLocationNoteAnchor.value = await tsCoreUtils.getFilterDuplicatesPreference(tsStore.current_account_id)
         }
         i18n.updateDocument();
@@ -754,11 +754,11 @@ async function updateData() {
             tsLog.log("sent_total: " + sent_total.value + " rcvd_total: " + rcvd_total.value);
             is_loading_counter_sent_rcvd.value = false;
             if(!do_single_day.value){
-              // graph day hours
+              // chart day hours
               const _hours_data = tsCoreUtils.transformCountDataToDataset(result_customqry.msg_hours, false); // the false is to not to it progressive
-              graphdata_customqry_hours_sent.value = _hours_data.dataset_sent;
-              graphdata_customqry_hours_rcvd.value = _hours_data.dataset_rcvd;
-              is_loading_timeday_graph.value = false;
+              chartdata_customqry_hours_sent.value = _hours_data.dataset_sent;
+              chartdata_customqry_hours_rcvd.value = _hours_data.dataset_rcvd;
+              is_loading_timeday_chart.value = false;
               //aggregated data
               let aggregate = result_customqry.aggregate;
               tsLog.log("dates: " + JSON.stringify(result_customqry.dates, null, 2));
@@ -772,22 +772,22 @@ async function updateData() {
               counter_customqry_sent_min.value = aggregate.min_sent;
               counter_customqry_sent_avg.value = aggregate.avg_sent;
               is_loading_counter_customqry.value = false;
-              // sent and received graphs
+              // sent and received charts
               const customqry_data = tsCoreUtils.transformCountDataToDataset(result_customqry.dates, false, true);
               tsLog.log("customqry_data: " + JSON.stringify(customqry_data));
-              graphdata_customqry_labels.value = customqry_data.labels;
-              // sent graph
-              graphdata_customqry_sent.value = customqry_data.dataset_sent;
-              is_loading_sent_graph.value = false;
-              // received graph
-              graphdata_customqry_rcvd.value = customqry_data.dataset_rcvd;
-              is_loading_rcvd_graph.value = false;
-              // graph weekdays
+              chartdata_customqry_labels.value = customqry_data.labels;
+              // sent chart
+              chartdata_customqry_sent.value = customqry_data.dataset_sent;
+              is_loading_sent_chart.value = false;
+              // received chart
+              chartdata_customqry_rcvd.value = customqry_data.dataset_rcvd;
+              is_loading_rcvd_chart.value = false;
+              // chart weekdays
               let first_day_week = tsStore.first_day_week;
               const _weekdays_data = tsCoreUtils.transformCountDataToDataset(tsUtils.sortWeekdays(first_day_week, result_customqry.msg_weekdays), false); // the false is to not do it progressive
-              graphdata_customqry_weekdays_sent.value = _weekdays_data.dataset_sent;
-              graphdata_customqry_weekdays_rcvd.value = _weekdays_data.dataset_rcvd;
-              is_loading_weekdays_graph.value = false;
+              chartdata_customqry_weekdays_sent.value = _weekdays_data.dataset_sent;
+              chartdata_customqry_weekdays_rcvd.value = _weekdays_data.dataset_rcvd;
+              is_loading_weekdays_chart.value = false;
             }else{  // single day view
               // console.log(">>>>>>>>>>>>>> count_total_rcvd: " + result_customqry.received);
               // console.log(">>>>>>>>>>>>>> count_in_inbox: " + result_customqry.count_in_inbox);
@@ -798,11 +798,11 @@ async function updateData() {
               }
               is_loading_counter_inbox_percent.value = false;
               const singleday_hours_data = tsCoreUtils.transformCountDataToDataset(result_customqry.msg_hours, do_progressive);
-              graphdata_singleday_hours_sent.value = singleday_hours_data.dataset_sent;
-              graphdata_singleday_hours_rcvd.value = singleday_hours_data.dataset_rcvd;
-              is_loading_singleday_graph.value = false;
+              chartdata_singleday_hours_sent.value = singleday_hours_data.dataset_sent;
+              chartdata_singleday_hours_rcvd.value = singleday_hours_data.dataset_rcvd;
+              is_loading_singleday_chart.value = false;
               // inbox zero folders
-              graphdata_inboxzero_folders.value = result_customqry.folders;
+              chartdata_inboxzero_folders.value = result_customqry.folders;
             }
             let stop_time = performance.now();
             updateElapsed('getCustomQryData', stop_time - start_time);
@@ -816,14 +816,14 @@ async function updateData() {
             counter_inbox_total.value = result_inbox.total;
             counter_inbox_unread.value = result_inbox.unread;
             // inbox zero dates
-            graphdata_inboxzero_dates.value = result_inbox.dates;
+            chartdata_inboxzero_dates.value = result_inbox.dates;
             is_loading_counter_inbox.value = false;
             chartData_InboxZeroDates.value.labels = ['date'];
             chartData_InboxZeroDates.value.datasets = [];
-            chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(graphdata_inboxzero_dates.value);
+            chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(chartdata_inboxzero_dates.value);
             tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
             nextTick(() => {
-                is_loading_inbox_graph_dates.value = false;
+                is_loading_inbox_chart_dates.value = false;
             });
             updateElapsed('getInboxZeroData', result_inbox.elapsed);
             resolve(true);
@@ -835,15 +835,15 @@ function loadingDo(){
     is_loading_counter_customqry.value = true;
     is_loading_involved_table_recipients.value = true;
     is_loading_involved_table_senders.value = true;
-    is_loading_sent_graph.value = true;
-    is_loading_rcvd_graph.value = true;
-    is_loading_singleday_graph.value = true;
+    is_loading_sent_chart.value = true;
+    is_loading_rcvd_chart.value = true;
+    is_loading_singleday_chart.value = true;
     is_loading_counter_inbox.value = true;
     is_loading_counter_inbox_percent.value = true;
-    is_loading_inbox_graph_folders.value = true;
-    is_loading_inbox_graph_dates.value = true;
-    is_loading_timeday_graph.value = true;
-    is_loading_weekdays_graph.value = true;
+    is_loading_inbox_chart_folders.value = true;
+    is_loading_inbox_chart_dates.value = true;
+    is_loading_timeday_chart.value = true;
+    is_loading_weekdays_chart.value = true;
 }
 
 function updateElapsed(function_name, time) {
diff --git a/src/components/tabs/TAB_ManyDays.vue b/src/components/tabs/TAB_ManyDays.vue
index 8a0cd3bf..51d72a44 100644
--- a/src/components/tabs/TAB_ManyDays.vue
+++ b/src/components/tabs/TAB_ManyDays.vue
@@ -25,26 +25,26 @@
                         <h2 class="list_heading cropped">__MSG_SentMails__: <span v-if="!is_loading_counter_sent_rcvd">{{ sent_total }}</span><span v-if="sent_today > 0"> (+<span>{{ sent_today }}</span> __MSG_today_small__)</span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="is_loading_counter_sent_rcvd"/><InfoTooltip :showAnchor="showTotalInfoTooltip" :noteText="totalInfoTooltip_text"></InfoTooltip></h2>
                         <CounterManyDays_Row :is_loading="is_loading_counter_many_days" :_total="counter_many_days_sent_total" :_max="counter_many_days_sent_max" :_min="counter_many_days_sent_min" :_avg="counter_many_days_sent_avg" :showTotalInfoTooltip="showTotalInfoTooltip" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
                       </div>
-                      <GraphManyDays :chartData="chartData_Sent" :is_loading="is_loading_sent_graph" :key="chartData_Sent_length" />
+                      <ChartManyDays :chartData="chartData_Sent" :is_loading="is_loading_sent_chart" :key="chartData_Sent_length" />
     </div>
 
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_ReceivedMails__: <span v-if="!is_loading_counter_sent_rcvd">{{ rcvd_total }}</span><span v-if="rcvd_today > 0"> (+<span>{{ rcvd_today }}</span> __MSG_today_small__)</span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="is_loading_counter_sent_rcvd"/><InfoTooltip :showAnchor="showTotalInfoTooltip" :noteText="totalInfoTooltip_text"></InfoTooltip></h2>
                         <CounterManyDays_Row :is_loading="is_loading_counter_many_days" :_total="counter_many_days_rcvd_total" :_max="counter_many_days_rcvd_max" :_min="counter_many_days_rcvd_min" :_avg="counter_many_days_rcvd_avg" :showTotalInfoTooltip="showTotalInfoTooltip" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
 					  </div>
-					  <GraphManyDays :chartData="chartData_Rcvd" :is_loading="is_loading_rcvd_graph" :key="chartData_Rcvd_length" />
+					  <ChartManyDays :chartData="chartData_Rcvd" :is_loading="is_loading_rcvd_chart" :key="chartData_Rcvd_length" />
     </div>
 
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_TimeDay__</h2>
 					  </div>
-                      <GraphYesterday :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_graph" :yesterday="false" :is_generic_day="true"/>
+                      <ChartYesterday :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_chart" :yesterday="false" :is_generic_day="true"/>
     </div>
 
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Weekdays__</h2>
 					  </div>
-					<WidgetWeekDay :weekday_chartData="chartData_WeekDays" :is_loading="is_loading_weekdays_graph" />
+					<WidgetWeekDay :weekday_chartData="chartData_WeekDays" :is_loading="is_loading_weekdays_chart" />
     </div>
 
     <div class="square_item"><div class="list_heading_wrapper">
@@ -72,7 +72,7 @@ import { thunderStastsCore } from '@statslib/mzts-statscore';
 import { tsUtils } from '@statslib/mzts-utils';
 import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import TableInvolved from '../tables/TableInvolved.vue';
-import GraphManyDays from '../graphs/GraphManyDays.vue';
+import ChartManyDays from '../charts/ChartManyDays.vue';
 import CounterManyDays_Row from '../counters/CounterManyDays_Row.vue';
 import ExportMenu from '../ExportMenu.vue';
 import InfoTooltip from '../InfoTooltip.vue';
@@ -80,7 +80,7 @@ import { tsPrefs } from '@statslib/mzts-options';
 import { i18n } from "@statslib/mzts-i18n.js";
 import { tsStore } from '@statslib/mzts-store';
 import { tsExport } from '@statslib/mzts-export';
-import GraphYesterday from '../graphs/GraphYesterday.vue';
+import ChartYesterday from '../charts/ChartYesterday.vue';
 import WidgetWeekDay from '../widgets/WidgetWeekDay.vue';
 
 const props = defineProps({
@@ -108,10 +108,10 @@ let is_loading_counter_sent_rcvd = ref(true);
 let is_loading_counter_many_days = ref(true);
 let is_loading_involved_table_recipients = ref(true);
 let is_loading_involved_table_senders = ref(true);
-let is_loading_sent_graph = ref(true);
-let is_loading_rcvd_graph = ref(true);
-let is_loading_timeday_graph = ref(true);
-let is_loading_weekdays_graph = ref(true);
+let is_loading_sent_chart = ref(true);
+let is_loading_rcvd_chart = ref(true);
+let is_loading_timeday_chart = ref(true);
+let is_loading_weekdays_chart = ref(true);
 
 let counter_many_days_sent_total = ref(0);
 let counter_many_days_sent_max = ref(0);
@@ -127,13 +127,13 @@ let table_involved_senders = ref([]);
 let show_table_involved_recipients = ref(false);
 let show_table_involved_senders = ref(false);
 
-let graphdata_manydays_sent = ref([]);
-let graphdata_manydays_rcvd = ref([]);
-let graphdata_manydays_labels = ref([]);
-let graphdata_manydays_hours_sent = ref([]);
-let graphdata_manydays_hours_rcvd = ref([]);
-let graphdata_manydays_weekdays_sent = ref([]);
-let graphdata_manydays_weekdays_rcvd = ref([]);
+let chartdata_manydays_sent = ref([]);
+let chartdata_manydays_rcvd = ref([]);
+let chartdata_manydays_labels = ref([]);
+let chartdata_manydays_hours_sent = ref([]);
+let chartdata_manydays_hours_rcvd = ref([]);
+let chartdata_manydays_weekdays_sent = ref([]);
+let chartdata_manydays_weekdays_rcvd = ref([]);
 
 let _export_data = ref({});
 
@@ -171,10 +171,10 @@ let job_done = computed(() => {
     is_loading_counter_many_days.value &&
     is_loading_involved_table_recipients.value &&
     is_loading_involved_table_senders.value &&
-    is_loading_sent_graph.value &&
-    is_loading_rcvd_graph.value &&
-    is_loading_timeday_graph.value &&
-    is_loading_weekdays_graph.value);
+    is_loading_sent_chart.value &&
+    is_loading_rcvd_chart.value &&
+    is_loading_timeday_chart.value &&
+    is_loading_weekdays_chart.value);
 });
 
 onMounted(async () => {
@@ -205,40 +205,40 @@ async function updateData() {
     chartData_Sent.value.datasets = [];
     chartData_Sent.value.datasets.push({
         label: 'Sent',
-        data: graphdata_manydays_sent.value,
+        data: chartdata_manydays_sent.value,
         borderColor: (ctx) => {
-            return tsCoreUtils.getManyDaysBarColor(ctx, Object.keys(graphdata_manydays_sent.value).length);
+            return tsCoreUtils.getManyDaysBarColor(ctx, Object.keys(chartdata_manydays_sent.value).length);
         },
         backgroundColor:  (ctx) => {
-            return tsCoreUtils.getManyDaysBarColor(ctx, Object.keys(graphdata_manydays_sent.value).length);
+            return tsCoreUtils.getManyDaysBarColor(ctx, Object.keys(chartdata_manydays_sent.value).length);
         },
         borderWidth: 2,
         pointRadius: 1,
     });
-    tsLog.log("graphdata_manydays_sent.value: " + JSON.stringify(graphdata_manydays_sent.value));
-    chartData_Sent.value.labels = graphdata_manydays_labels.value;
+    tsLog.log("chartdata_manydays_sent.value: " + JSON.stringify(chartdata_manydays_sent.value));
+    chartData_Sent.value.labels = chartdata_manydays_labels.value;
     chartData_Rcvd.value.datasets = [];
     chartData_Rcvd.value.datasets.push({
         label: 'Received',
-        data: graphdata_manydays_rcvd.value,
+        data: chartdata_manydays_rcvd.value,
         borderColor:  (ctx) => {
-            return tsCoreUtils.getManyDaysBarColor(ctx, Object.keys(graphdata_manydays_rcvd.value).length);
+            return tsCoreUtils.getManyDaysBarColor(ctx, Object.keys(chartdata_manydays_rcvd.value).length);
         },
         backgroundColor: (ctx) => {
-            return tsCoreUtils.getManyDaysBarColor(ctx, Object.keys(graphdata_manydays_rcvd.value).length);
+            return tsCoreUtils.getManyDaysBarColor(ctx, Object.keys(chartdata_manydays_rcvd.value).length);
         },
         borderWidth: 2,
         pointRadius: 1,
     });
-    tsLog.log("graphdata_manydays_rcvd.value: " + JSON.stringify(graphdata_manydays_rcvd.value));
-    chartData_Rcvd.value.labels = graphdata_manydays_labels.value;
+    tsLog.log("chartdata_manydays_rcvd.value: " + JSON.stringify(chartdata_manydays_rcvd.value));
+    chartData_Rcvd.value.labels = chartdata_manydays_labels.value;
     // time day
-    tsLog.log("graphdata_manydays_hours_sent.value: " + JSON.stringify(graphdata_manydays_hours_sent.value));
-    tsLog.log("graphdata_manydays_hours_rcvd.value: " + JSON.stringify(graphdata_manydays_hours_rcvd.value));
+    tsLog.log("chartdata_manydays_hours_sent.value: " + JSON.stringify(chartdata_manydays_hours_sent.value));
+    tsLog.log("chartdata_manydays_hours_rcvd.value: " + JSON.stringify(chartdata_manydays_hours_rcvd.value));
     chartData_TimeDay.value.datasets = [];
     chartData_TimeDay.value.datasets.push({
         label: 'ysent',
-        data: graphdata_manydays_hours_sent.value,
+        data: chartdata_manydays_hours_sent.value,
         borderColor: tsStore.chart_colors._time_sent,
         backgroundColor: tsStore.chart_colors._time_sent,
         borderWidth: 2,
@@ -246,19 +246,19 @@ async function updateData() {
     })
     chartData_TimeDay.value.datasets.push({
         label: 'yrcvd',
-        data: graphdata_manydays_hours_rcvd.value,
+        data: chartdata_manydays_hours_rcvd.value,
         borderColor: tsStore.chart_colors._time_rcvd,
         backgroundColor: tsStore.chart_colors._time_rcvd,
         borderWidth: 2,
         pointRadius: 1,
     })
     // week days
-    tsLog.log("graphdata_manydays_hours_sent.value: " + JSON.stringify(graphdata_manydays_weekdays_rcvd.value));
-    tsLog.log("graphdata_manydays_hours_rcvd.value: " + JSON.stringify(graphdata_manydays_weekdays_sent.value));
+    tsLog.log("chartdata_manydays_hours_sent.value: " + JSON.stringify(chartdata_manydays_weekdays_rcvd.value));
+    tsLog.log("chartdata_manydays_hours_rcvd.value: " + JSON.stringify(chartdata_manydays_weekdays_sent.value));
     chartData_WeekDays.value.datasets = [];
     chartData_WeekDays.value.datasets.push({
         label: 'ysent',
-        data: graphdata_manydays_weekdays_sent.value,
+        data: chartdata_manydays_weekdays_sent.value,
         borderColor: tsStore.chart_colors._weekday_sent,
         backgroundColor: tsStore.chart_colors._weekday_sent,
         borderWidth: 2,
@@ -266,7 +266,7 @@ async function updateData() {
     })
     chartData_WeekDays.value.datasets.push({
         label: 'yrcvd',
-        data: graphdata_manydays_weekdays_rcvd.value,
+        data: chartdata_manydays_weekdays_rcvd.value,
         borderColor: tsStore.chart_colors._weekday_rcvd,
         backgroundColor: tsStore.chart_colors._weekday_rcvd,
         borderWidth: 2,
@@ -310,17 +310,17 @@ async function updateData() {
             rcvd_total.value = result_many_days.received - rcvd_today.value;
             tsLog.log("sent_total: " + sent_total.value + " rcvd_total: " + rcvd_total.value);
             is_loading_counter_sent_rcvd.value = false;
-            // graph day hours
+            // chart day hours
             const _hours_data = tsCoreUtils.transformCountDataToDataset(result_many_days.msg_hours, false); // the false is to not do it progressive
-            graphdata_manydays_hours_sent.value = _hours_data.dataset_sent;
-            graphdata_manydays_hours_rcvd.value = _hours_data.dataset_rcvd;
-            is_loading_timeday_graph.value = false;
-            // graph weekdays
+            chartdata_manydays_hours_sent.value = _hours_data.dataset_sent;
+            chartdata_manydays_hours_rcvd.value = _hours_data.dataset_rcvd;
+            is_loading_timeday_chart.value = false;
+            // chart weekdays
             let first_day_week = tsStore.first_day_week;
             const _weekdays_data = tsCoreUtils.transformCountDataToDataset(tsUtils.sortWeekdays(first_day_week, result_many_days.msg_weekdays), false); // the false is to not do it progressive
-            graphdata_manydays_weekdays_sent.value = _weekdays_data.dataset_sent;
-            graphdata_manydays_weekdays_rcvd.value = _weekdays_data.dataset_rcvd;
-            is_loading_weekdays_graph.value = false;
+            chartdata_manydays_weekdays_sent.value = _weekdays_data.dataset_sent;
+            chartdata_manydays_weekdays_rcvd.value = _weekdays_data.dataset_rcvd;
+            is_loading_weekdays_chart.value = false;
             //aggregated data
             // remove today from the dates
             let dates_copy = Object.assign({}, result_many_days.dates);
@@ -337,16 +337,16 @@ async function updateData() {
             counter_many_days_sent_min.value = aggregate.min_sent;
             counter_many_days_sent_avg.value = aggregate.avg_sent;
             is_loading_counter_many_days.value = false;
-            // sent and received graphs
+            // sent and received charts
             const many_days_data = tsCoreUtils.transformCountDataToDataset(result_many_days.dates, false, true);
             tsLog.log("many_days_data: " + JSON.stringify(many_days_data));
-            graphdata_manydays_labels.value = many_days_data.labels;
-            // sent graph
-            graphdata_manydays_sent.value = many_days_data.dataset_sent;
-            is_loading_sent_graph.value = false;
-            // received graph
-            graphdata_manydays_rcvd.value = many_days_data.dataset_rcvd;
-            is_loading_rcvd_graph.value = false;
+            chartdata_manydays_labels.value = many_days_data.labels;
+            // sent chart
+            chartdata_manydays_sent.value = many_days_data.dataset_sent;
+            is_loading_sent_chart.value = false;
+            // received chart
+            chartdata_manydays_rcvd.value = many_days_data.dataset_rcvd;
+            is_loading_rcvd_chart.value = false;
             let stop_time = performance.now();
             updateElapsed(stop_time - start_time);
             resolve(true);
@@ -359,10 +359,10 @@ function loadingDo(){
     is_loading_counter_many_days.value = true;
     is_loading_involved_table_recipients.value = true;
     is_loading_involved_table_senders.value = true;
-    is_loading_sent_graph.value = true;
-    is_loading_rcvd_graph.value = true;
-    is_loading_timeday_graph.value = true;
-    is_loading_weekdays_graph.value = true;
+    is_loading_sent_chart.value = true;
+    is_loading_rcvd_chart.value = true;
+    is_loading_timeday_chart.value = true;
+    is_loading_weekdays_chart.value = true;
 }
 
 function updateElapsed(elapsed) {
diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index f65a4894..6cd25f0f 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -27,7 +27,7 @@
         <CounterSentReceived :is_loading="is_loading_counter_sent_rcvd" :_sent="counter_today_sent" :_rcvd="counter_today_rcvd" />
         <CounterYesterdayThisTime :is_loading="is_loading_counter_yesterday_thistime" :sent="counter_yesterday_thistime_sent" :rcvd="counter_yesterday_thistime_rcvd" :is_last_business_day="is_last_business_day" :last_bday_date="last_bday_text" />
         <CounterManyDays_Table :is_loading="is_loading_counter_many_days" :sent_total="counter_many_days_sent_total" :sent_max="counter_many_days_sent_max" :sent_min="counter_many_days_sent_min" :sent_avg="counter_many_days_sent_avg" :rcvd_total="counter_many_days_rcvd_total" :rcvd_max="counter_many_days_rcvd_max" :rcvd_min="counter_many_days_rcvd_min" :rcvd_avg="counter_many_days_rcvd_avg" />
-        <GraphToday :chartData="chartData_Today" :is_loading="is_loading_today_graph" :is_last_business_day="is_last_business_day" />
+        <ChartToday :chartData="chartData_Today" :is_loading="is_loading_today_chart" :is_last_business_day="is_last_business_day" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_InboxZeroStatus__</h2>
@@ -36,11 +36,11 @@
                       <CounterInboxPercent :is_loading="is_loading_counter_inbox_percent" :inbox_percent="counter_inbox_percent" />
                       <div class="chart_inbox0_info"><p class="chart_info">__MSG_FolderLocation__ <InfoTooltip :showAnchor="showFolderLocationNoteAnchor" :noteText="folderLocationNote_text"></InfoTooltip></p><p class="chart_info_nomail" id="today_inbox0_folder_spread_nomails" v-if="!is_loading_counter_sent_rcvd && (counter_today_rcvd == 0)" v-text="no_mails_received_today"></p></div>
                       <div class="chart_inbox0">
-                        <GraphInboxZeroFolders :chartData="chartData_InboxZeroFolders" :openFolderInFirstTab="inbox0_openFolderInFirstTab" :is_loading="is_loading_inbox_graph_folders" />
+                        <ChartInboxZeroFolders :chartData="chartData_InboxZeroFolders" :openFolderInFirstTab="inbox0_openFolderInFirstTab" :is_loading="is_loading_inbox_chart_folders" />
                       </div>
                       <div class="chart_inbox0_datemsg">
                         <p class="chart_info">__MSG_InboxMailsDateSpreading__</p><p class="chart_info_nomail" id="today_inbox0_datemsg_nomails" v-if="!is_loading_counter_inbox && (counter_inbox_total == 0)" v-text="no_mails_inbox"></p>
-                        <GraphInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_graph_dates" />
+                        <ChartInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_chart_dates" />
                       </div>
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
@@ -70,9 +70,9 @@ import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import CounterSentReceived from '../counters/CounterSentReceived.vue';
 import CounterYesterdayThisTime from '../counters/CounterYesterdayThisTime.vue';
 import CounterManyDays_Table from '../counters/CounterManyDays_Table.vue';
-import GraphToday from '../graphs/GraphToday.vue';
-import GraphInboxZeroFolders from '../graphs/GraphInboxZeroFolders.vue';
-import GraphInboxZeroDates from '../graphs/GraphInboxZeroDates.vue';
+import ChartToday from '../charts/ChartToday.vue';
+import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
+import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
 import TableInvolved from '../tables/TableInvolved.vue';
 import CounterInbox from '../counters/CounterInbox.vue';
 import ExportMenu from '../ExportMenu.vue';
@@ -110,7 +110,7 @@ let folderLocationNote_text = ref("");
 let showFolderLocationNoteAnchor = ref(false);
 
 let do_progressive = true;
-let today_time_graph_show_yesterday = true;
+let today_time_chart_show_yesterday = true;
 let inbox0_openFolderInFirstTab = ref(false);
 
 let elapsed = {
@@ -123,13 +123,13 @@ let elapsed = {
 let is_loading_counter_sent_rcvd = ref(true);
 let is_loading_counter_yesterday_thistime = ref(true);
 let is_loading_counter_many_days = ref(true);
-let is_loading_today_graph = ref(true);
+let is_loading_today_chart = ref(true);
 let is_loading_involved_table_recipients = ref(true);
 let is_loading_involved_table_senders = ref(true);
 let is_loading_counter_inbox = ref(true);
 let is_loading_counter_inbox_percent = ref(true);
-let is_loading_inbox_graph_folders = ref(true);
-let is_loading_inbox_graph_dates = ref(true);
+let is_loading_inbox_chart_folders = ref(true);
+let is_loading_inbox_chart_dates = ref(true);
 
 let counter_today_sent = ref(0);
 let counter_today_rcvd = ref(0);
@@ -173,24 +173,24 @@ let chartData_InboxZeroDates = ref({
     datasets: []
 });
 
-let graphdata_today_hours_sent = ref([]);
-let graphdata_today_hours_rcvd = ref([]);
-let graphdata_yesterday_hours_sent = ref([]);
-let graphdata_yesterday_hours_rcvd = ref([]);
-let graphdata_inboxzero_folders = ref([]);
-let graphdata_inboxzero_dates = ref([]);
+let chartdata_today_hours_sent = ref([]);
+let chartdata_today_hours_rcvd = ref([]);
+let chartdata_yesterday_hours_sent = ref([]);
+let chartdata_yesterday_hours_rcvd = ref([]);
+let chartdata_inboxzero_folders = ref([]);
+let chartdata_inboxzero_dates = ref([]);
 
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
     is_loading_counter_yesterday_thistime.value &&
     is_loading_counter_many_days.value &&
-    is_loading_today_graph.value &&
+    is_loading_today_chart.value &&
     is_loading_involved_table_recipients.value &&
     is_loading_involved_table_senders.value &&
     is_loading_counter_inbox.value &&
     is_loading_counter_inbox_percent.value &&
-    is_loading_inbox_graph_folders.value &&
-    is_loading_inbox_graph_dates.value);
+    is_loading_inbox_chart_folders.value &&
+    is_loading_inbox_chart_dates.value);
 })
 
 onMounted(async () => {
@@ -210,9 +210,9 @@ onMounted(async () => {
 
 async function updateData() {
     loadingDo();
-    do_progressive = await tsPrefs.getPref("_time_graph_progressive");
-    today_time_graph_show_yesterday = await tsPrefs.getPref("today_time_graph_show_yesterday");
-    //console.log(">>>>>>>>>>>>>>>> updateData: do_progressive: " + do_progressive + " today_time_graph_show_yesterday: " + today_time_graph_show_yesterday);
+    do_progressive = await tsPrefs.getPref("_time_chart_progressive");
+    today_time_chart_show_yesterday = await tsPrefs.getPref("today_time_chart_show_yesterday");
+    //console.log(">>>>>>>>>>>>>>>> updateData: do_progressive: " + do_progressive + " today_time_chart_show_yesterday: " + today_time_chart_show_yesterday);
     while(props.updated == false){
         await new Promise(r => setTimeout(r, 100));
     }
@@ -223,12 +223,12 @@ async function updateData() {
     getInboxZeroData();
     await Promise.all([getTodayData(), getYesterdayData()]);
     // await Promise.all([getTodayData(), getYesterdayData(), getInboxZeroData()]);
-    tsLog.log("graphdata_today_hours_sent.value: " + JSON.stringify(graphdata_today_hours_sent.value));
-    tsLog.log("graphdata_today_hours_rcvd.value: " + JSON.stringify(graphdata_today_hours_rcvd.value));
+    tsLog.log("chartdata_today_hours_sent.value: " + JSON.stringify(chartdata_today_hours_sent.value));
+    tsLog.log("chartdata_today_hours_rcvd.value: " + JSON.stringify(chartdata_today_hours_rcvd.value));
     chartData_Today.value.datasets = [];
     chartData_Today.value.datasets.push({
         label: 'tsent',
-        data: graphdata_today_hours_sent.value,
+        data: chartdata_today_hours_sent.value,
         borderColor: tsStore.chart_colors._time_sent,
         backgroundColor: tsStore.chart_colors._time_sent,
         borderWidth: 2,
@@ -236,16 +236,16 @@ async function updateData() {
     })
     chartData_Today.value.datasets.push({
         label: 'trcvd',
-        data: graphdata_today_hours_rcvd.value,
+        data: chartdata_today_hours_rcvd.value,
         borderColor: tsStore.chart_colors._time_rcvd,
         backgroundColor: tsStore.chart_colors._time_rcvd,
         borderWidth: 2,
         pointRadius: 1,
     })
-    if(today_time_graph_show_yesterday){
+    if(today_time_chart_show_yesterday){
         chartData_Today.value.datasets.push({
             label: 'ysent',
-            data: graphdata_yesterday_hours_sent.value,
+            data: chartdata_yesterday_hours_sent.value,
             borderColor: tsStore.chart_colors._time_sent_yesterday,
             backgroundColor: tsStore.chart_colors._time_sent_yesterday,
             borderDash: [12, 3, 3],
@@ -254,7 +254,7 @@ async function updateData() {
         })
         chartData_Today.value.datasets.push({
             label: 'yrcvd',
-            data: graphdata_yesterday_hours_rcvd.value,
+            data: chartdata_yesterday_hours_rcvd.value,
             borderColor: tsStore.chart_colors._time_rcvd_yesterday,
             backgroundColor: tsStore.chart_colors._time_rcvd_yesterday,
             borderDash: [12, 3, 3],
@@ -262,24 +262,24 @@ async function updateData() {
             borderWidth: 2,
         })
     }
-    // graph inbox zero folders
-    let given_folders = tsCoreUtils.filterReceivedFolders(graphdata_inboxzero_folders.value);
+    // chart inbox zero folders
+    let given_folders = tsCoreUtils.filterReceivedFolders(chartdata_inboxzero_folders.value);
     let folders_data = tsCoreUtils.getFoldersLabelsColors(given_folders);
     chartData_InboxZeroFolders.value.folder_paths = folders_data.folder_paths;
     chartData_InboxZeroFolders.value.labels = folders_data.labels;
     chartData_InboxZeroFolders.value.datasets = [];
     chartData_InboxZeroFolders.value.datasets.push({data:tsCoreUtils.getFoldersCounts(given_folders), backgroundColor: folders_data.colors, borderColor: folders_data.colors});
     tsLog.log("chartData_InboxZeroFolders.value: " + JSON.stringify(chartData_InboxZeroFolders.value));
-    // graph inbox zero dates
+    // chart inbox zero dates
     inbox0_openFolderInFirstTab.value = await tsPrefs.getPref("inbox0_openFolderInFirstTab");
     // chartData_InboxZeroDates.value.labels = ['date'];
     // chartData_InboxZeroDates.value.datasets = [];
-    // chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(graphdata_inboxzero_dates.value);
+    // chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(chartdata_inboxzero_dates.value);
     // tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
     nextTick(async () => {
-        is_loading_today_graph.value = false;
-        is_loading_inbox_graph_folders.value = false;
-        // is_loading_inbox_graph_dates.value = false;
+        is_loading_today_chart.value = false;
+        is_loading_inbox_chart_folders.value = false;
+        // is_loading_inbox_chart_dates.value = false;
         i18n.updateDocument();
         showFolderLocationNoteAnchor.value = await tsCoreUtils.getFilterDuplicatesPreference(tsStore.current_account_id)
     });
@@ -296,11 +296,11 @@ async function updateData() {
             // export data
             _export_data.value[tsExport.export.time_emails.type] = result_today.msg_hours;
             _export_data.value[tsExport.export.correspondents.type] = tsExport.mergeRecipientsAndSenders(result_today.senders, result_today.recipients);
-            // graph today hours
+            // chart today hours
             const today_hours_data = tsCoreUtils.transformCountDataToDataset(result_today.msg_hours, do_progressive);
-            let pref_today_time_graph_do_no_show_future = await tsPrefs.getPref("today_time_graph_do_no_show_future");
-            graphdata_today_hours_sent.value = pref_today_time_graph_do_no_show_future ? tsCoreUtils.filterTodayNextHours(today_hours_data.dataset_sent) : today_hours_data.dataset_sent;
-            graphdata_today_hours_rcvd.value = pref_today_time_graph_do_no_show_future ? tsCoreUtils.filterTodayNextHours(today_hours_data.dataset_rcvd) : today_hours_data.dataset_rcvd;
+            let pref_today_time_chart_do_no_show_future = await tsPrefs.getPref("today_time_chart_do_no_show_future");
+            chartdata_today_hours_sent.value = pref_today_time_chart_do_no_show_future ? tsCoreUtils.filterTodayNextHours(today_hours_data.dataset_sent) : today_hours_data.dataset_sent;
+            chartdata_today_hours_rcvd.value = pref_today_time_chart_do_no_show_future ? tsCoreUtils.filterTodayNextHours(today_hours_data.dataset_rcvd) : today_hours_data.dataset_rcvd;
             //top senders list
             show_table_involved_senders.value =  Object.keys(result_today.senders).length > 0;
             table_involved_senders.value = result_today.senders;
@@ -310,7 +310,7 @@ async function updateData() {
             table_involved_recipients.value = result_today.recipients;
             is_loading_involved_table_recipients.value = false;
             // inbox zero folders
-            graphdata_inboxzero_folders.value = result_today.folders;
+            chartdata_inboxzero_folders.value = result_today.folders;
             if(result_today.received > 0){
                 counter_inbox_percent.value = (Math.round((1 - (result_today.count_in_inbox / result_today.received)) * 10000) / 100).toFixed(2) + '%';
             }else{
@@ -328,14 +328,14 @@ async function updateData() {
             counter_inbox_total.value = result_inbox.total;
             counter_inbox_unread.value = result_inbox.unread;
             // inbox zero dates
-            graphdata_inboxzero_dates.value = result_inbox.dates;
+            chartdata_inboxzero_dates.value = result_inbox.dates;
             is_loading_counter_inbox.value = false;
             chartData_InboxZeroDates.value.labels = ['date'];
             chartData_InboxZeroDates.value.datasets = [];
-            chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(graphdata_inboxzero_dates.value);
+            chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(chartdata_inboxzero_dates.value);
             tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
             nextTick(() => {
-                is_loading_inbox_graph_dates.value = false;
+                is_loading_inbox_chart_dates.value = false;
             });
             updateElapsed('getInboxZeroData', result_inbox.elapsed);
             resolve(true);
@@ -344,7 +344,7 @@ async function updateData() {
 
     // get yesterday data
     async function getYesterdayData () {
-        if(!today_time_graph_show_yesterday) { return; }
+        if(!today_time_chart_show_yesterday) { return; }
         return new Promise(async (resolve) => {
             let result_yesterday = null;
             let yesterday_date = new Date();
@@ -372,10 +372,10 @@ async function updateData() {
             counter_yesterday_thistime_rcvd.value = result_yesterday.received;
             counter_yesterday_thistime_sent.value = result_yesterday.sent;
             is_loading_counter_yesterday_thistime.value = false;
-            // graph yesterday hours
+            // chart yesterday hours
             const yesterday_hours_data = tsCoreUtils.transformCountDataToDataset(result_yesterday.msg_hours, do_progressive);
-            graphdata_yesterday_hours_sent.value = yesterday_hours_data.dataset_sent;
-            graphdata_yesterday_hours_rcvd.value = yesterday_hours_data.dataset_rcvd;
+            chartdata_yesterday_hours_sent.value = yesterday_hours_data.dataset_sent;
+            chartdata_yesterday_hours_rcvd.value = yesterday_hours_data.dataset_rcvd;
             tsLog.log("result_yesterday: " + JSON.stringify(result_yesterday, null, 2));
             updateElapsed('getYesterdayData', result_yesterday.elapsed);
             resolve(true);
@@ -406,13 +406,13 @@ function loadingDo(){
     is_loading_counter_sent_rcvd.value = true;
     is_loading_counter_yesterday_thistime.value = true;
     is_loading_counter_many_days.value = true;
-    is_loading_today_graph.value = true;
+    is_loading_today_chart.value = true;
     is_loading_involved_table_recipients.value = true;
     is_loading_involved_table_senders.value = true;
     is_loading_counter_inbox.value = true;
     is_loading_counter_inbox_percent.value = true;
-    is_loading_inbox_graph_folders.value = true;
-    is_loading_inbox_graph_dates.value = true;
+    is_loading_inbox_chart_folders.value = true;
+    is_loading_inbox_chart_dates.value = true;
     elapsed = {
             'getManyDaysData':0,
             'getInboxZeroData':0,
diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index ce012728..474e7698 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -27,7 +27,7 @@
         <CounterSentReceived :is_loading="is_loading_counter_sent_rcvd" :_sent="counter_yesterday_sent" :_rcvd="counter_yesterday_rcvd" />
         <div id="yesterday_spacing"></div>
         <CounterManyDays_Table :is_loading="is_loading_counter_many_days" :sent_total="counter_many_days_sent_total" :sent_max="counter_many_days_sent_max" :sent_min="counter_many_days_sent_min" :sent_avg="counter_many_days_sent_avg" :rcvd_total="counter_many_days_rcvd_total" :rcvd_max="counter_many_days_rcvd_max" :rcvd_min="counter_many_days_rcvd_min" :rcvd_avg="counter_many_days_rcvd_avg" />
-        <GraphYesterday :chartData="chartData_Yesterday" :is_loading="is_loading_yesterday_graph" :is_last_business_day="is_last_business_day" />
+        <ChartYesterday :chartData="chartData_Yesterday" :is_loading="is_loading_yesterday_chart" :is_last_business_day="is_last_business_day" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_InboxZeroStatus__</h2>
@@ -36,11 +36,11 @@
                       <CounterInboxPercent :is_loading="is_loading_counter_inbox_percent" :inbox_percent="counter_inbox_percent" />
                       <div class="chart_inbox0_info"><p class="chart_info">__MSG_FolderLocation__ <InfoTooltip :showAnchor="showFolderLocationNoteAnchor" :noteText="folderLocationNote_text"></InfoTooltip></p><p class="chart_info_nomail" id="yesteday_inbox0_folder_spread_nomails" v-if="!is_loading_counter_sent_rcvd && (counter_yesterday_rcvd == 0)" v-text="no_mails_received_yesterday"></p></div>
                       <div class="chart_inbox0">
-                        <GraphInboxZeroFolders :chartData="chartData_InboxZeroFolders" :openFolderInFirstTab="inbox0_openFolderInFirstTab" :is_loading="is_loading_inbox_graph_folders" />
+                        <ChartInboxZeroFolders :chartData="chartData_InboxZeroFolders" :openFolderInFirstTab="inbox0_openFolderInFirstTab" :is_loading="is_loading_inbox_chart_folders" />
                       </div>
                       <div class="chart_inbox0_datemsg">
                         <p class="chart_info">__MSG_InboxMailsDateSpreading__</p><p class="chart_info_nomail" id="yesterday_inbox0_datemsg_nomails" v-if="!is_loading_counter_inbox && (counter_inbox_total == 0)" v-text="no_mails_inbox"></p>
-                        <GraphInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_graph_dates" />
+                        <ChartInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_chart_dates" />
                       </div>
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
@@ -67,9 +67,9 @@ import { thunderStastsCore } from '@statslib/mzts-statscore';
 import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import { tsUtils } from '@statslib/mzts-utils';
 import CounterSentReceived from '../counters/CounterSentReceived.vue';
-import GraphYesterday from '../graphs/GraphYesterday.vue';
-import GraphInboxZeroFolders from '../graphs/GraphInboxZeroFolders.vue';
-import GraphInboxZeroDates from '../graphs/GraphInboxZeroDates.vue';
+import ChartYesterday from '../charts/ChartYesterday.vue';
+import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
+import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
 import TableInvolved from '../tables/TableInvolved.vue';
 import CounterInbox from '../counters/CounterInbox.vue';
 import { tsPrefs } from '@statslib/mzts-options';
@@ -114,13 +114,13 @@ let elapsed = {
 }
 
 let is_loading_counter_sent_rcvd = ref(true);
-let is_loading_yesterday_graph = ref(true);
+let is_loading_yesterday_chart = ref(true);
 let is_loading_involved_table_recipients = ref(true);
 let is_loading_involved_table_senders = ref(true);
 let is_loading_counter_inbox = ref(true);
 let is_loading_counter_inbox_percent = ref(true);
-let is_loading_inbox_graph_folders = ref(true);
-let is_loading_inbox_graph_dates = ref(true);
+let is_loading_inbox_chart_folders = ref(true);
+let is_loading_inbox_chart_dates = ref(true);
 let is_loading_counter_many_days = ref(true);
 
 let counter_yesterday_sent = ref(0);
@@ -163,20 +163,20 @@ let chartData_InboxZeroDates = ref({
     datasets: []
 });
 
-let graphdata_yesterday_hours_sent = ref([]);
-let graphdata_yesterday_hours_rcvd = ref([]);
-let graphdata_inboxzero_folders = ref([]);
-let graphdata_inboxzero_dates = ref([]);
+let chartdata_yesterday_hours_sent = ref([]);
+let chartdata_yesterday_hours_rcvd = ref([]);
+let chartdata_inboxzero_folders = ref([]);
+let chartdata_inboxzero_dates = ref([]);
 
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
-    is_loading_yesterday_graph.value &&
+    is_loading_yesterday_chart.value &&
     is_loading_involved_table_recipients.value &&
     is_loading_involved_table_senders.value &&
     is_loading_counter_inbox.value &&
     is_loading_counter_inbox_percent.value &&
-    is_loading_inbox_graph_folders.value &&
-    is_loading_inbox_graph_dates.value &&
+    is_loading_inbox_chart_folders.value &&
+    is_loading_inbox_chart_dates.value &&
     is_loading_counter_many_days.value);
 })
 
@@ -196,8 +196,8 @@ onMounted(async () => {
 
 async function updateData() {
     loadingDo();
-    let prefs = await tsPrefs.getPrefs(["_time_graph_progressive", "accounts_adv_settings"]);
-    do_progressive = prefs._time_graph_progressive;
+    let prefs = await tsPrefs.getPrefs(["_time_chart_progressive", "accounts_adv_settings"]);
+    do_progressive = prefs._time_chart_progressive;
     while(props.updated == false){
         await new Promise(r => setTimeout(r, 100));
     }
@@ -207,12 +207,12 @@ async function updateData() {
     getManyDaysData();
     getInboxZeroData();
     await Promise.all([getYesterdayData()]);
-    tsLog.log("graphdata_yesterday_hours_sent.value: " + JSON.stringify(graphdata_yesterday_hours_sent.value));
-    tsLog.log("graphdata_yesterday_hours_rcvd.value: " + JSON.stringify(graphdata_yesterday_hours_rcvd.value));
+    tsLog.log("chartdata_yesterday_hours_sent.value: " + JSON.stringify(chartdata_yesterday_hours_sent.value));
+    tsLog.log("chartdata_yesterday_hours_rcvd.value: " + JSON.stringify(chartdata_yesterday_hours_rcvd.value));
     chartData_Yesterday.value.datasets = [];
     chartData_Yesterday.value.datasets.push({
         label: 'ysent',
-        data: graphdata_yesterday_hours_sent.value,
+        data: chartdata_yesterday_hours_sent.value,
         borderColor: tsStore.chart_colors._time_sent,
         backgroundColor: tsStore.chart_colors._time_sent,
         borderWidth: 2,
@@ -220,30 +220,30 @@ async function updateData() {
     })
     chartData_Yesterday.value.datasets.push({
         label: 'yrcvd',
-        data: graphdata_yesterday_hours_rcvd.value,
+        data: chartdata_yesterday_hours_rcvd.value,
         borderColor: tsStore.chart_colors._time_rcvd,
         backgroundColor: tsStore.chart_colors._time_rcvd,
         borderWidth: 2,
         pointRadius: 1,
     })
-    // graph inbox zero folders
-    let given_folders = tsCoreUtils.filterReceivedFolders(graphdata_inboxzero_folders.value);
+    // chart inbox zero folders
+    let given_folders = tsCoreUtils.filterReceivedFolders(chartdata_inboxzero_folders.value);
     let folders_data = tsCoreUtils.getFoldersLabelsColors(given_folders);
     chartData_InboxZeroFolders.value.folder_paths = folders_data.folder_paths;
     chartData_InboxZeroFolders.value.labels = folders_data.labels;
     chartData_InboxZeroFolders.value.datasets = [];
     chartData_InboxZeroFolders.value.datasets.push({data:tsCoreUtils.getFoldersCounts(given_folders), backgroundColor: folders_data.colors, borderColor: folders_data.colors});
     tsLog.log("chartData_InboxZeroFolders.value: " + JSON.stringify(chartData_InboxZeroFolders.value));
-    // graph inbox zero dates
+    // chart inbox zero dates
     inbox0_openFolderInFirstTab.value = await tsPrefs.getPref("inbox0_openFolderInFirstTab");
     // chartData_InboxZeroDates.value.labels = ['date'];
     // chartData_InboxZeroDates.value.datasets = [];
-    // chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(graphdata_inboxzero_dates.value);
+    // chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(chartdata_inboxzero_dates.value);
     // tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
     nextTick(async () => {
-        is_loading_yesterday_graph.value = false;
-        is_loading_inbox_graph_folders.value = false;
-        // is_loading_inbox_graph_dates.value = false;
+        is_loading_yesterday_chart.value = false;
+        is_loading_inbox_chart_folders.value = false;
+        // is_loading_inbox_chart_dates.value = false;
         showFolderLocationNoteAnchor.value = await tsCoreUtils.getFilterDuplicatesPreference(tsStore.current_account_id)
         i18n.updateDocument();
     });
@@ -278,10 +278,10 @@ async function updateData() {
             // export data
             _export_data.value[tsExport.export.time_emails.type] = result_yesterday.msg_hours;
             _export_data.value[tsExport.export.correspondents.type] = tsExport.mergeRecipientsAndSenders(result_yesterday.senders, result_yesterday.recipients);
-            // graph yesterday hours
+            // chart yesterday hours
             const yesterday_hours_data = tsCoreUtils.transformCountDataToDataset(result_yesterday.msg_hours, do_progressive);
-            graphdata_yesterday_hours_sent.value = yesterday_hours_data.dataset_sent;
-            graphdata_yesterday_hours_rcvd.value = yesterday_hours_data.dataset_rcvd;
+            chartdata_yesterday_hours_sent.value = yesterday_hours_data.dataset_sent;
+            chartdata_yesterday_hours_rcvd.value = yesterday_hours_data.dataset_rcvd;
             //top senders list
             show_table_involved_senders.value =  Object.keys(result_yesterday.senders).length > 0;
             table_involved_senders.value = result_yesterday.senders;
@@ -291,7 +291,7 @@ async function updateData() {
             table_involved_recipients.value = result_yesterday.recipients;
             is_loading_involved_table_recipients.value = false;
             // inbox zero folders
-            graphdata_inboxzero_folders.value = result_yesterday.folders;
+            chartdata_inboxzero_folders.value = result_yesterday.folders;
             if(result_yesterday.received > 0){
                 counter_inbox_percent.value = (Math.round((1 - (result_yesterday.count_in_inbox / result_yesterday.received)) * 10000) / 100).toFixed(2) + '%';
             }else{
@@ -309,14 +309,14 @@ async function updateData() {
             counter_inbox_total.value = result_inbox.total;
             counter_inbox_unread.value = result_inbox.unread;
             // inbox zero dates
-            graphdata_inboxzero_dates.value = result_inbox.dates;
+            chartdata_inboxzero_dates.value = result_inbox.dates;
             is_loading_counter_inbox.value = false;
             chartData_InboxZeroDates.value.labels = ['date'];
             chartData_InboxZeroDates.value.datasets = [];
-            chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(graphdata_inboxzero_dates.value);
+            chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(chartdata_inboxzero_dates.value);
             tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
             nextTick(() => {
-                is_loading_inbox_graph_dates.value = false;
+                is_loading_inbox_chart_dates.value = false;
             });
             updateElapsed('getInboxZeroData', result_inbox.elapsed);
             resolve(true);
@@ -344,13 +344,13 @@ async function updateData() {
 
 function loadingDo(){
     is_loading_counter_sent_rcvd.value = true;
-    is_loading_yesterday_graph.value = true;
+    is_loading_yesterday_chart.value = true;
     is_loading_involved_table_recipients.value = true;
     is_loading_involved_table_senders.value = true;
     is_loading_counter_inbox.value = true;
     is_loading_counter_inbox_percent.value = true;
-    is_loading_inbox_graph_folders.value = true;
-    is_loading_inbox_graph_dates.value = true;
+    is_loading_inbox_chart_folders.value = true;
+    is_loading_inbox_chart_dates.value = true;
     is_loading_counter_many_days.value = true;
     elapsed = {
             'getManyDaysData':0,
diff --git a/src/components/widgets/WidgetWeekDay.vue b/src/components/widgets/WidgetWeekDay.vue
index d71be119..60b48d36 100644
--- a/src/components/widgets/WidgetWeekDay.vue
+++ b/src/components/widgets/WidgetWeekDay.vue
@@ -21,7 +21,7 @@
 
 <template>
 
-    <GraphWeekDays :chartData="weekday_chartData" :is_loading="is_loading" :key="weekday_chartData_length" />
+    <ChartWeekDays :chartData="weekday_chartData" :is_loading="is_loading" :key="weekday_chartData_length" />
 
 </template>
 
@@ -29,7 +29,7 @@
 <script setup>
 
 import { computed } from 'vue'
-import GraphWeekDays from '../graphs/GraphWeekDays.vue';
+import ChartWeekDays from '../charts/ChartWeekDays.vue';
 
 let props = defineProps({
     weekday_chartData: {
diff --git a/statslib/chartjs-lib/external-tooltip-timegraphlines.js b/statslib/chartjs-lib/external-tooltip-timechartlines.js
similarity index 99%
rename from statslib/chartjs-lib/external-tooltip-timegraphlines.js
rename to statslib/chartjs-lib/external-tooltip-timechartlines.js
index 1ade0007..2ec6d935 100644
--- a/statslib/chartjs-lib/external-tooltip-timegraphlines.js
+++ b/statslib/chartjs-lib/external-tooltip-timechartlines.js
@@ -70,7 +70,7 @@ const getOrCreateTooltip = (chart) => {
   }
 
   
-export const externalTooltipTimeGraphLines = (context, extra_params = null) => {
+export const externalTooltipTimeChartLines = (context, extra_params = null) => {
     // Tooltip Element
     const {chart, tooltip} = context;
     const tooltipEl = getOrCreateTooltip(chart);
diff --git a/statslib/chartjs-lib/plugin-timegraph-legend.js b/statslib/chartjs-lib/plugin-timechart-legend.js
similarity index 100%
rename from statslib/chartjs-lib/plugin-timegraph-legend.js
rename to statslib/chartjs-lib/plugin-timechart-legend.js
diff --git a/statslib/chartjs-lib/plugin-timegraph-vertical-line.js b/statslib/chartjs-lib/plugin-timechart-vertical-line.js
similarity index 100%
rename from statslib/chartjs-lib/plugin-timegraph-vertical-line.js
rename to statslib/chartjs-lib/plugin-timechart-vertical-line.js
diff --git a/statslib/mzts-options-default.js b/statslib/mzts-options-default.js
index 9f39ab2b..801c29de 100644
--- a/statslib/mzts-options-default.js
+++ b/statslib/mzts-options-default.js
@@ -2,9 +2,9 @@ export const prefs_default = {
     'do_debug': false,
     '_many_days': 7,
     '_involved_num': 10,
-    'today_time_graph_show_yesterday': true,
-    'today_time_graph_do_no_show_future': true,
-    '_time_graph_progressive': false,
+    'today_time_chart_show_yesterday': true,
+    'today_time_chart_do_no_show_future': true,
+    '_time_chart_progressive': false,
     'inbox0_openFolderInFirstTab': false,
     'startup_account': 0,
     'remember_last_tab': false,

From c7fafff1896e6a994f9e833881fbac863340eb02 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Mon, 7 Oct 2024 22:54:13 +0200
Subject: [PATCH 017/136] en locale updated

---
 public/_locales/en/messages.json | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index 00907016..ed946edd 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -772,5 +772,13 @@
   "WarnSearchCaseSensitive": {
     "message": "Be aware that the search is case sensitive. Searching for \"test\" is different from searching for \"Test\".",
     "description": ""
+  },
+  "Domains": {
+    "message": "Domains",
+    "description": ""
+  },
+  "Tags": {
+    "message": "Tags",
+    "description": ""
   }
 }

From 7b6c99d747749bb6f0575d0b864960c6bca3f313 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Mon, 7 Oct 2024 23:38:56 +0200
Subject: [PATCH 018/136] domains chart added to today tab. see #380

---
 src/components/charts/ChartDomains.vue | 177 +++++++++++++++++++++++++
 src/components/tabs/TAB_Today.vue      |  57 +++++++-
 2 files changed, 230 insertions(+), 4 deletions(-)
 create mode 100644 src/components/charts/ChartDomains.vue

diff --git a/src/components/charts/ChartDomains.vue b/src/components/charts/ChartDomains.vue
new file mode 100644
index 00000000..81c22bec
--- /dev/null
+++ b/src/components/charts/ChartDomains.vue
@@ -0,0 +1,177 @@
+<!--
+/*
+ *  ThunderStats [https://micz.it/thunderbird-addon-thunderstats-your-thunderbird-statistics/]
+ *  Copyright (C) 2024  Mic (m@micz.it)
+
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+-->
+
+<template>
+<div class="chart_time_full">
+  <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
+  <Bar
+      :options="chartOptions"
+      :data="chartData"
+      :plugins="chartPlugins"
+      :key="chartData.datasets.length"
+      ref="domainsChartBar_ref"
+      v-if="!is_loading"
+    />
+</div>
+<div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
+</template>
+
+
+<script setup>
+import { ref, computed, watch } from 'vue'
+import { Bar } from 'vue-chartjs'
+import { Chart, BarController, BarElement, CategoryScale, LinearScale, Title, Tooltip, Legend } from 'chart.js';
+import ChartDataLabels from 'chartjs-plugin-datalabels';
+import { htmlLegendPlugin } from '@statslib/chartjs-lib/plugin-timechart-legend';
+import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
+import { tsStore } from '@statslib/mzts-store';
+import { tsUtils } from '@statslib/mzts-utils';
+
+Chart.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, BarController);
+
+
+let props = defineProps({
+    chartData: {
+        type: Object,
+        default: () => ({}),
+        required: true
+    },
+    is_loading: {
+        type: Boolean,
+        default: true
+    }
+});
+
+let domainsChartBar_ref = ref(null);
+
+let legend_id = ref("domains-legend-container");
+let maxX = ref(0);
+
+let chartData = computed(() => {
+  if (props.chartData.datasets && props.chartData.datasets.length > 0) {
+  let data = tsUtils.safeConcat(props.chartData.datasets, 0)
+                  .concat(tsUtils.safeConcat(props.chartData.datasets, 1));
+        let maxData = tsCoreUtils.getMaxFromData(data);
+        maxX.value = (Math.ceil(maxData / 5) * 5);
+        if(maxX.value == maxData) {
+          maxX.value = maxX.value + 3;
+        }
+    } else {
+        maxX.value = 5;
+    }
+    if(!chartOptions) return;
+    // console.log(">>>>>>>>>>>>>>>>>>>> maxX: " + maxX.value);
+    if(maxX.value < 20) {
+      chartOptions.value.scales.x.ticks.stepSize = 1;
+    }else{
+      chartOptions.value.scales.x.ticks.stepSize = 5;
+    }
+    chartOptions.value.scales.x.max = maxX.value;
+
+  return props.chartData;
+});
+
+let is_loading = computed(() => props.is_loading)
+
+var chartOptions = ref({
+        responsive: true,
+        animation: false,
+        maintainAspectRatio: false,
+        indexAxis: 'y',
+        hover: {mode: null},
+        // categoryPercentage: 1,
+        // barPercentage: 0.8,
+        scales: {
+          x: {
+            title: {
+              display: true,
+              text: browser.i18n.getMessage('Mails')
+            },
+            beginAtZero: true,
+            min: 0,
+            max: maxX.value,
+            ticks: {
+              stepSize: 5,
+              callback: function(value) {
+                if (Number.isInteger(value)) {
+                  return value;
+                }
+                return '';
+              },
+              align: 'right',
+              // maxRotation: 0,
+              // minRotation: 0
+            },
+          },
+          y: {
+            title: {
+              display: false,
+            },
+            beginAtZero: true,
+            min: 0,
+            ticks: {
+              callback: function(value, index, ticks) {
+                          return this.getLabelForValue(value);
+              },
+            },
+          },
+        },
+        plugins: {
+          legend: {
+            display: false,
+          },
+          htmlLegend: {
+            // ID of the container to put the legend in
+            containerID: legend_id.value,
+            is_today: false,
+            is_yesterday: false,
+          },
+          tooltip: {
+              enabled: true,
+          },
+          datalabels: {
+            display: true,
+            anchor: 'end',
+            align: function(context) {
+              let width = context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].width;
+              // console.log(">>>>>>>>>>>>>>>>>>>>> context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex]: " + JSON.stringify(context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex]));
+              return width <= 25 ? 'right' : 'left';
+            },
+            color: function(context) {
+              let width = context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].width;
+              //console.log(">>>>>>>>>>>>>>>>>>>>> width: " + JSON.stringify(width));
+              //console.log(">>>>>>>>>>>>>>>>>>>>> darkMode: " + JSON.stringify(tsStore.darkmode));
+              return width > 25 ? '#fff' : tsStore.darkmode?'#bbb':'grey';
+            },
+            font: {
+              weight: 'bold',
+            },
+          },
+        },
+      });
+
+var chartPlugins = [ChartDataLabels, htmlLegendPlugin];
+
+</script>
+
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index 6cd25f0f..9cc4dbc8 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -21,7 +21,7 @@
 <template>
     <ExportMenu :export_data="_export_data" currentTab="tab-today" v-if="job_done" />
     <div class="square_container">
-        <div class="square_item"><div class="list_heading_wrapper"><h2 class="list_heading cropped">__MSG_Mails__</h2>
+    <div class="square_item"><div class="list_heading_wrapper"><h2 class="list_heading cropped">__MSG_Mails__</h2>
         </div>
         <span id="today_date" class="list_heading_date" v-html="today_date"></span>
         <CounterSentReceived :is_loading="is_loading_counter_sent_rcvd" :_sent="counter_today_sent" :_rcvd="counter_today_rcvd" />
@@ -43,16 +43,24 @@
                         <ChartInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_chart_dates" />
                       </div>
     </div>
+    <div class="square_item"><div class="list_heading_wrapper">
+						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>
+					  </div>
+                      <ChartDomains :chartData="chartData_Domains" :is_loading="is_loading_domains_chart" />
+    </div>
+    <div class="square_item"><div class="list_heading_wrapper">
+						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
+                    </div>
+                        TO DO
+    </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
-                        <ExportButton :export_data="table_involved_recipients" :export_name="_involved_recipients_export_name" export_type="correspondents" v-if="!is_loading_involved_table_recipients && show_table_involved_recipients" />
 					  </div>
 					  <TableInvolved :is_loading="is_loading_involved_table_recipients" :tableData="table_involved_recipients" v-if="is_loading_involved_table_recipients || show_table_involved_recipients" />
                     <p class="chart_info_nomail" v-if="!is_loading_involved_table_recipients && !show_table_involved_recipients" v-text="no_mails_sent_today"></p>
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_senders_title"></h2>
-                        <ExportButton :export_data="table_involved_senders" :export_name="_involved_senders_export_name" export_type="correspondents" v-if="!is_loading_involved_table_senders && show_table_involved_senders" />
 					  </div>
                       <TableInvolved :is_loading="is_loading_involved_table_senders" :tableData="table_involved_senders" v-if="is_loading_involved_table_senders || show_table_involved_senders"/>
                       <p class="chart_info_nomail" v-if="!is_loading_involved_table_senders && !show_table_involved_senders" v-text="no_mails_received_today"></p>
@@ -83,6 +91,7 @@ import { tsUtils } from '@statslib/mzts-utils';
 import InfoTooltip from '../InfoTooltip.vue';
 import { tsExport } from '@statslib/mzts-export';
 import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
+import ChartDomains from '../charts/ChartDomains.vue';
 
 
 const props = defineProps({
@@ -130,6 +139,7 @@ let is_loading_counter_inbox = ref(true);
 let is_loading_counter_inbox_percent = ref(true);
 let is_loading_inbox_chart_folders = ref(true);
 let is_loading_inbox_chart_dates = ref(true);
+let is_loading_domains_chart = ref(true);
 
 let counter_today_sent = ref(0);
 let counter_today_rcvd = ref(0);
@@ -173,12 +183,20 @@ let chartData_InboxZeroDates = ref({
     datasets: []
 });
 
+let chartData_Domains = ref({
+    labels: [],
+    datasets: []
+})
+
 let chartdata_today_hours_sent = ref([]);
 let chartdata_today_hours_rcvd = ref([]);
 let chartdata_yesterday_hours_sent = ref([]);
 let chartdata_yesterday_hours_rcvd = ref([]);
 let chartdata_inboxzero_folders = ref([]);
 let chartdata_inboxzero_dates = ref([]);
+let chartdata_domains_sent = ref([]);
+let chartdata_domains_rcvd = ref([]);
+let chartdata_domains_labels = ref([]);
 
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
@@ -190,7 +208,8 @@ let job_done = computed(() => {
     is_loading_counter_inbox.value &&
     is_loading_counter_inbox_percent.value &&
     is_loading_inbox_chart_folders.value &&
-    is_loading_inbox_chart_dates.value);
+    is_loading_inbox_chart_dates.value &&
+    is_loading_domains_chart.value);
 })
 
 onMounted(async () => {
@@ -276,6 +295,28 @@ async function updateData() {
     // chartData_InboxZeroDates.value.datasets = [];
     // chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(chartdata_inboxzero_dates.value);
     // tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
+    // chart domains
+    chartData_Domains.value.labels = chartdata_domains_labels.value;
+    chartData_Domains.value.datasets = [];
+    chartData_Domains.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_domains_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Domains.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_domains_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
+    tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
+
     nextTick(async () => {
         is_loading_today_chart.value = false;
         is_loading_inbox_chart_folders.value = false;
@@ -317,6 +358,13 @@ async function updateData() {
                 counter_inbox_percent.value = '0%';
             }
             is_loading_counter_inbox_percent.value = false;
+            // domains
+            const domains_data = tsCoreUtils.transformCountDataToDataset(result_today.domains, do_progressive, true);
+            // console.log(">>>>>>>>>>>>> domains_data: " + JSON.stringify(domains_data, null, 2));
+            chartdata_domains_sent.value = domains_data.dataset_sent;
+            chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
+            chartdata_domains_labels.value = domains_data.labels;
+            is_loading_domains_chart.value = false;
             updateElapsed('getTodayData', result_today.elapsed);
             resolve(true);
         });
@@ -413,6 +461,7 @@ function loadingDo(){
     is_loading_counter_inbox_percent.value = true;
     is_loading_inbox_chart_folders.value = true;
     is_loading_inbox_chart_dates.value = true;
+    is_loading_domains_chart.value = true;
     elapsed = {
             'getManyDaysData':0,
             'getInboxZeroData':0,

From d7f61e7bd61ad406e3ac120495639eef83f63504 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Mon, 7 Oct 2024 23:45:36 +0200
Subject: [PATCH 019/136] no tooltip in domains chart. see #380

---
 src/components/charts/ChartDomains.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/charts/ChartDomains.vue b/src/components/charts/ChartDomains.vue
index 81c22bec..3feebd33 100644
--- a/src/components/charts/ChartDomains.vue
+++ b/src/components/charts/ChartDomains.vue
@@ -144,7 +144,7 @@ var chartOptions = ref({
             is_yesterday: false,
           },
           tooltip: {
-              enabled: true,
+              enabled: false,
           },
           datalabels: {
             display: true,

From 2a6bdc799d91fbe3e876f697596eb1444f1417e2 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 22:01:10 +0200
Subject: [PATCH 020/136] domasin chart vertial scroll added. see #380

---
 src/assets/main.css                    |  7 ++++---
 src/components/charts/ChartDomains.vue | 14 +++++++++++---
 src/components/tabs/TAB_Today.vue      | 11 ++++++++++-
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 086e83a1..b42298da 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -46,9 +46,10 @@ table.mzts-tinvolved tr.mzts-trow:nth-child(even){background:#bae0fa;}
 table.mzts-tinvolved tr.mzts-trow td{padding:2px 4px 2px 2px;color:black;white-space:-moz-pre-wrap !important;word-break: break-all;}
 table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:normal;}
 
-.chart_time{ overflow:auto;float:left;height:230px;width:89%;}
-.chart_time_86{ overflow:auto;float:left;height:230px;width:86%;}
-.chart_time_full{ overflow:auto;float:left;height:275px;width:89%;}
+.chart_time{overflow:auto;float:left;height:230px;width:89%;}
+.chart_time_86{overflow:auto;float:left;height:230px;width:86%;}
+.chart_time_full{overflow:auto;float:left;height:275px;width:89%;}
+.chart_time_full_domains{overflow-y:scroll;float:left;height:275px;width:89%;}
 .legend-time{float:right;font-size:12px;padding-top:8px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
 .legend-time ul li.day_today_title{font-weight:bold;}
diff --git a/src/components/charts/ChartDomains.vue b/src/components/charts/ChartDomains.vue
index 3feebd33..1beaa690 100644
--- a/src/components/charts/ChartDomains.vue
+++ b/src/components/charts/ChartDomains.vue
@@ -19,7 +19,7 @@
 -->
 
 <template>
-<div class="chart_time_full">
+<div class="chart_time_full_domains">
   <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
   <Bar
       :options="chartOptions"
@@ -28,6 +28,8 @@
       :key="chartData.datasets.length"
       ref="domainsChartBar_ref"
       v-if="!is_loading"
+      :height="chart_height"
+      width="500px"
     />
 </div>
 <div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
@@ -35,7 +37,7 @@
 
 
 <script setup>
-import { ref, computed, watch } from 'vue'
+import { ref, computed } from 'vue'
 import { Bar } from 'vue-chartjs'
 import { Chart, BarController, BarElement, CategoryScale, LinearScale, Title, Tooltip, Legend } from 'chart.js';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
@@ -53,6 +55,10 @@ let props = defineProps({
         default: () => ({}),
         required: true
     },
+    chart_height: {
+        type: String,
+        default: '500px'
+    },
     is_loading: {
         type: Boolean,
         default: true
@@ -64,6 +70,8 @@ let domainsChartBar_ref = ref(null);
 let legend_id = ref("domains-legend-container");
 let maxX = ref(0);
 
+let chart_height = computed(() => props.chart_height);
+
 let chartData = computed(() => {
   if (props.chartData.datasets && props.chartData.datasets.length > 0) {
   let data = tsUtils.safeConcat(props.chartData.datasets, 0)
@@ -91,7 +99,7 @@ let chartData = computed(() => {
 let is_loading = computed(() => props.is_loading)
 
 var chartOptions = ref({
-        responsive: true,
+        responsive: false,
         animation: false,
         maintainAspectRatio: false,
         indexAxis: 'y',
diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index 9cc4dbc8..36b025f8 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -46,7 +46,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>
 					  </div>
-                      <ChartDomains :chartData="chartData_Domains" :is_loading="is_loading_domains_chart" />
+                      <ChartDomains :chartData="chartData_Domains" :chart_height="domains_chart_height":is_loading="is_loading_domains_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
@@ -198,6 +198,8 @@ let chartdata_domains_sent = ref([]);
 let chartdata_domains_rcvd = ref([]);
 let chartdata_domains_labels = ref([]);
 
+let domains_chart_height = ref("500px");
+
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
     is_loading_counter_yesterday_thistime.value &&
@@ -296,6 +298,13 @@ async function updateData() {
     // chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(chartdata_inboxzero_dates.value);
     // tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
     // chart domains
+    let chart_container_height = document.querySelector('.chart_time_full_domains').clientHeight;
+    let chart_ipotetic_height = 50 * 30; //chartdata_domains_labels.value.length * 30;
+    if(chart_container_height < chart_ipotetic_height){
+        domains_chart_height.value = String(chart_ipotetic_height) + "px";
+    } else {
+        domains_chart_height.value = String(chart_container_height) + "px";
+    }
     chartData_Domains.value.labels = chartdata_domains_labels.value;
     chartData_Domains.value.datasets = [];
     chartData_Domains.value.datasets.push({

From 752ae34244103e82b99f685565a9859313985af3 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 22:41:34 +0200
Subject: [PATCH 021/136] added chart id

---
 src/components/charts/ChartDomains.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/charts/ChartDomains.vue b/src/components/charts/ChartDomains.vue
index 1beaa690..fb422a52 100644
--- a/src/components/charts/ChartDomains.vue
+++ b/src/components/charts/ChartDomains.vue
@@ -19,7 +19,7 @@
 -->
 
 <template>
-<div class="chart_time_full_domains">
+<div class="chart_time_full_domains" :id="chart_id">
   <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
   <Bar
       :options="chartOptions"
@@ -55,6 +55,10 @@ let props = defineProps({
         default: () => ({}),
         required: true
     },
+    chart_id: {
+        type: String,
+        default: 'domains-chart',
+    },
     chart_height: {
         type: String,
         default: '500px'
@@ -70,6 +74,7 @@ let domainsChartBar_ref = ref(null);
 let legend_id = ref("domains-legend-container");
 let maxX = ref(0);
 
+let chart_id = computed(() => props.chart_id);
 let chart_height = computed(() => props.chart_height);
 
 let chartData = computed(() => {

From fa2a934a4ef96998efb2aeed41bc8d5b9399aa6a Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 22:41:41 +0200
Subject: [PATCH 022/136] usgin chart id

---
 src/components/tabs/TAB_Today.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index 36b025f8..b228d090 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -46,7 +46,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>
 					  </div>
-                      <ChartDomains :chartData="chartData_Domains" :chart_height="domains_chart_height":is_loading="is_loading_domains_chart" />
+                      <ChartDomains :chartData="chartData_Domains" chart_id="chart_domains_today" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
@@ -198,7 +198,7 @@ let chartdata_domains_sent = ref([]);
 let chartdata_domains_rcvd = ref([]);
 let chartdata_domains_labels = ref([]);
 
-let domains_chart_height = ref("500px");
+let domains_chart_height = ref("275px");
 
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
@@ -298,8 +298,8 @@ async function updateData() {
     // chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(chartdata_inboxzero_dates.value);
     // tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
     // chart domains
-    let chart_container_height = document.querySelector('.chart_time_full_domains').clientHeight;
-    let chart_ipotetic_height = 50 * 30; //chartdata_domains_labels.value.length * 30;
+    let chart_container_height = document.getElementById('chart_domains_today').clientHeight;
+    let chart_ipotetic_height = chartdata_domains_labels.value.length * 30;
     if(chart_container_height < chart_ipotetic_height){
         domains_chart_height.value = String(chart_ipotetic_height) + "px";
     } else {

From 4ebb5656fcab383714eae3b2c9db740017f25cc3 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 22:42:03 +0200
Subject: [PATCH 023/136] domasin chart added to yesterday tab. see #380

---
 src/components/tabs/TAB_Yesterday.vue | 62 ++++++++++++++++++++++++++-
 1 file changed, 61 insertions(+), 1 deletion(-)

diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 474e7698..e3a57f2d 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -43,6 +43,16 @@
                         <ChartInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_chart_dates" />
                       </div>
     </div>
+    <div class="square_item"><div class="list_heading_wrapper">
+						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>
+					  </div>
+                      <ChartDomains :chartData="chartData_Domains" chart_id="chart_domains_yesterday" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
+    </div>
+    <div class="square_item"><div class="list_heading_wrapper">
+						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
+                    </div>
+                        TO DO
+    </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
 					  </div>
@@ -80,6 +90,7 @@ import CounterManyDays_Table from '../counters/CounterManyDays_Table.vue';
 import InfoTooltip from '../InfoTooltip.vue';
 import ExportMenu from '../ExportMenu.vue';
 import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
+import ChartDomains from '../charts/ChartDomains.vue';
 
 const props = defineProps({
     accountEmails: {
@@ -122,6 +133,7 @@ let is_loading_counter_inbox_percent = ref(true);
 let is_loading_inbox_chart_folders = ref(true);
 let is_loading_inbox_chart_dates = ref(true);
 let is_loading_counter_many_days = ref(true);
+let is_loading_domains_chart = ref(true);
 
 let counter_yesterday_sent = ref(0);
 let counter_yesterday_rcvd = ref(0);
@@ -163,10 +175,20 @@ let chartData_InboxZeroDates = ref({
     datasets: []
 });
 
+let chartData_Domains = ref({
+    labels: [],
+    datasets: []
+})
+
 let chartdata_yesterday_hours_sent = ref([]);
 let chartdata_yesterday_hours_rcvd = ref([]);
 let chartdata_inboxzero_folders = ref([]);
 let chartdata_inboxzero_dates = ref([]);
+let chartdata_domains_sent = ref([]);
+let chartdata_domains_rcvd = ref([]);
+let chartdata_domains_labels = ref([]);
+
+let domains_chart_height = ref("275px");
 
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
@@ -177,7 +199,8 @@ let job_done = computed(() => {
     is_loading_counter_inbox_percent.value &&
     is_loading_inbox_chart_folders.value &&
     is_loading_inbox_chart_dates.value &&
-    is_loading_counter_many_days.value);
+    is_loading_counter_many_days.value &&
+    is_loading_domains_chart.value);
 })
 
 onMounted(async () => {
@@ -240,6 +263,35 @@ async function updateData() {
     // chartData_InboxZeroDates.value.datasets = [];
     // chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(chartdata_inboxzero_dates.value);
     // tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
+    // chart domains
+    let chart_container_height = document.getElementById('chart_domains_yesterday').clientHeight;
+    let chart_ipotetic_height = chartdata_domains_labels.value.length * 30;
+    if(chart_container_height < chart_ipotetic_height){
+        domains_chart_height.value = String(chart_ipotetic_height) + "px";
+    } else {
+        domains_chart_height.value = String(chart_container_height) + "px";
+    }
+    chartData_Domains.value.labels = chartdata_domains_labels.value;
+    chartData_Domains.value.datasets = [];
+    chartData_Domains.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_domains_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Domains.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_domains_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
+    tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
+
     nextTick(async () => {
         is_loading_yesterday_chart.value = false;
         is_loading_inbox_chart_folders.value = false;
@@ -298,6 +350,13 @@ async function updateData() {
                 counter_inbox_percent.value = '0%';
             }
             is_loading_counter_inbox_percent.value = false;
+            // domains
+            const domains_data = tsCoreUtils.transformCountDataToDataset(result_yesterday.domains, do_progressive, true);
+            // console.log(">>>>>>>>>>>>> domains_data: " + JSON.stringify(domains_data, null, 2));
+            chartdata_domains_sent.value = domains_data.dataset_sent;
+            chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
+            chartdata_domains_labels.value = domains_data.labels;
+            is_loading_domains_chart.value = false;
             updateElapsed('getYesterdayData', result_yesterday.elapsed);
             resolve(true);
         });
@@ -352,6 +411,7 @@ function loadingDo(){
     is_loading_inbox_chart_folders.value = true;
     is_loading_inbox_chart_dates.value = true;
     is_loading_counter_many_days.value = true;
+    is_loading_domains_chart.value = true;
     elapsed = {
             'getManyDaysData':0,
             'getInboxZeroData':0,

From 6f27abde0e0c35f15db10cdc33f750584aacbe83 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 22:50:19 +0200
Subject: [PATCH 024/136] WidgetDomains added. see #380

---
 src/components/widgets/WidgetDomains.vue | 63 ++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 src/components/widgets/WidgetDomains.vue

diff --git a/src/components/widgets/WidgetDomains.vue b/src/components/widgets/WidgetDomains.vue
new file mode 100644
index 00000000..29210f52
--- /dev/null
+++ b/src/components/widgets/WidgetDomains.vue
@@ -0,0 +1,63 @@
+<!--
+/*
+ *  ThunderStats [https://micz.it/thunderbird-addon-thunderstats-your-thunderbird-statistics/]
+ *  Copyright (C) 2024  Mic (m@micz.it)
+
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+-->
+
+
+<template>
+    <ChartDomains :chartData="chartData" :chart_id="chart_id" :chart_height="chart_height" :is_loading="is_loading" :key="chartData_length" />
+</template>
+
+
+<script setup>
+import { computed } from 'vue'
+import ChartDomains from '../charts/ChartDomains.vue';
+
+let props = defineProps({
+    chartData: {
+        type: Object,
+        default: () => ({}),
+        required: true
+    },
+    chart_id: {
+        type: String,
+        default: 'domains-chart',
+    },
+    chart_height: {
+        type: String,
+        default: '500px'
+    },
+    is_loading: {
+        type: Boolean,
+        default: true
+    }
+});
+
+let chartData = computed(() => props.chartData)
+let chart_id = computed(() => props.chart_id)
+let chart_height = computed(() => props.chart_height)
+let is_loading = computed(() => props.is_loading)
+
+let chartData_length = computed(() => (chartData.value.datasets.length + Math.floor(Math.random() * 101)));
+
+</script>
+
+
+<style scoped>
+
+</style>
\ No newline at end of file

From c257c779aea9ba31e9db8d0ed6f919641a964997 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 22:50:35 +0200
Subject: [PATCH 025/136] using widgetdomains see #380

---
 src/components/tabs/TAB_Today.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index b228d090..51228e99 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -46,7 +46,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>
 					  </div>
-                      <ChartDomains :chartData="chartData_Domains" chart_id="chart_domains_today" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
+                      <WidgetDomains :chartData="chartData_Domains" chart_id="chart_domains_today" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
@@ -91,7 +91,7 @@ import { tsUtils } from '@statslib/mzts-utils';
 import InfoTooltip from '../InfoTooltip.vue';
 import { tsExport } from '@statslib/mzts-export';
 import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
-import ChartDomains from '../charts/ChartDomains.vue';
+import WidgetDomains from '../widgets/WidgetDomains.vue';
 
 
 const props = defineProps({

From 9e4a6aab053946484adcdbe911d1ce72bbeccc42 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 22:51:39 +0200
Subject: [PATCH 026/136] using widgetdomains. see #380

---
 src/components/tabs/TAB_Yesterday.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index e3a57f2d..5ac24912 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -46,7 +46,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>
 					  </div>
-                      <ChartDomains :chartData="chartData_Domains" chart_id="chart_domains_yesterday" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
+                      <WidgetDomains :chartData="chartData_Domains" chart_id="chart_domains_yesterday" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
@@ -90,7 +90,7 @@ import CounterManyDays_Table from '../counters/CounterManyDays_Table.vue';
 import InfoTooltip from '../InfoTooltip.vue';
 import ExportMenu from '../ExportMenu.vue';
 import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
-import ChartDomains from '../charts/ChartDomains.vue';
+import WidgetDomains from '../widgets/WidgetDomains.vue';
 
 const props = defineProps({
     accountEmails: {

From cc3a7bb1384edd0a5a7cb3419c0536185d6d47f3 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 23:00:00 +0200
Subject: [PATCH 027/136] domains chart added to manydays tab. see #380

---
 src/components/tabs/TAB_ManyDays.vue | 68 +++++++++++++++++++++++++---
 1 file changed, 62 insertions(+), 6 deletions(-)

diff --git a/src/components/tabs/TAB_ManyDays.vue b/src/components/tabs/TAB_ManyDays.vue
index 51d72a44..c7ac38fd 100644
--- a/src/components/tabs/TAB_ManyDays.vue
+++ b/src/components/tabs/TAB_ManyDays.vue
@@ -27,33 +27,38 @@
                       </div>
                       <ChartManyDays :chartData="chartData_Sent" :is_loading="is_loading_sent_chart" :key="chartData_Sent_length" />
     </div>
-
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_ReceivedMails__: <span v-if="!is_loading_counter_sent_rcvd">{{ rcvd_total }}</span><span v-if="rcvd_today > 0"> (+<span>{{ rcvd_today }}</span> __MSG_today_small__)</span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="is_loading_counter_sent_rcvd"/><InfoTooltip :showAnchor="showTotalInfoTooltip" :noteText="totalInfoTooltip_text"></InfoTooltip></h2>
                         <CounterManyDays_Row :is_loading="is_loading_counter_many_days" :_total="counter_many_days_rcvd_total" :_max="counter_many_days_rcvd_max" :_min="counter_many_days_rcvd_min" :_avg="counter_many_days_rcvd_avg" :showTotalInfoTooltip="showTotalInfoTooltip" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
 					  </div>
 					  <ChartManyDays :chartData="chartData_Rcvd" :is_loading="is_loading_rcvd_chart" :key="chartData_Rcvd_length" />
     </div>
-
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_TimeDay__</h2>
 					  </div>
                       <ChartYesterday :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_chart" :yesterday="false" :is_generic_day="true"/>
     </div>
-
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Weekdays__</h2>
 					  </div>
 					<WidgetWeekDay :weekday_chartData="chartData_WeekDays" :is_loading="is_loading_weekdays_chart" />
     </div>
-
+    <div class="square_item"><div class="list_heading_wrapper">
+						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>
+					  </div>
+                      <WidgetDomains :chartData="chartData_Domains" chart_id="chart_domains_manydays" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
+    </div>
+    <div class="square_item"><div class="list_heading_wrapper">
+						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
+                    </div>
+                        TO DO
+    </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
 					  </div>
 					  <TableInvolved :is_loading="is_loading_involved_table_recipients" :tableData="table_involved_recipients" v-if="is_loading_involved_table_recipients || show_table_involved_recipients" />
                     <p class="chart_info_nomail" v-if="!is_loading_involved_table_recipients && !show_table_involved_recipients">__MSG_NoMailsSent__</p>
     </div>
-    
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_senders_title"></h2>
 					  </div>
@@ -82,6 +87,8 @@ import { tsStore } from '@statslib/mzts-store';
 import { tsExport } from '@statslib/mzts-export';
 import ChartYesterday from '../charts/ChartYesterday.vue';
 import WidgetWeekDay from '../widgets/WidgetWeekDay.vue';
+import WidgetDomains from '../widgets/WidgetDomains.vue';
+
 
 const props = defineProps({
     accountEmails: {
@@ -112,6 +119,7 @@ let is_loading_sent_chart = ref(true);
 let is_loading_rcvd_chart = ref(true);
 let is_loading_timeday_chart = ref(true);
 let is_loading_weekdays_chart = ref(true);
+let is_loading_domains_chart = ref(true);
 
 let counter_many_days_sent_total = ref(0);
 let counter_many_days_sent_max = ref(0);
@@ -134,6 +142,11 @@ let chartdata_manydays_hours_sent = ref([]);
 let chartdata_manydays_hours_rcvd = ref([]);
 let chartdata_manydays_weekdays_sent = ref([]);
 let chartdata_manydays_weekdays_rcvd = ref([]);
+let chartdata_domains_sent = ref([]);
+let chartdata_domains_rcvd = ref([]);
+let chartdata_domains_labels = ref([]);
+
+let domains_chart_height = ref("275px");
 
 let _export_data = ref({});
 
@@ -166,6 +179,11 @@ let chartData_WeekDays = ref({
     datasets: []
 });
 
+let chartData_Domains = ref({
+    labels: [],
+    datasets: []
+})
+
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
     is_loading_counter_many_days.value &&
@@ -174,7 +192,8 @@ let job_done = computed(() => {
     is_loading_sent_chart.value &&
     is_loading_rcvd_chart.value &&
     is_loading_timeday_chart.value &&
-    is_loading_weekdays_chart.value);
+    is_loading_weekdays_chart.value &&
+    is_loading_domains_chart.value);
 });
 
 onMounted(async () => {
@@ -272,6 +291,35 @@ async function updateData() {
         borderWidth: 2,
         pointRadius: 1,
     })
+    // chart domains
+    let chart_container_height = document.getElementById('chart_domains_manydays').clientHeight;
+    let chart_ipotetic_height = chartdata_domains_labels.value.length * 30;
+    if(chart_container_height < chart_ipotetic_height){
+        domains_chart_height.value = String(chart_ipotetic_height) + "px";
+    } else {
+        domains_chart_height.value = String(chart_container_height) + "px";
+    }
+    chartData_Domains.value.labels = chartdata_domains_labels.value;
+    chartData_Domains.value.datasets = [];
+    chartData_Domains.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_domains_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Domains.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_domains_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
+    tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
+
     nextTick(() => {
         i18n.updateDocument();
     });
@@ -347,6 +395,13 @@ async function updateData() {
             // received chart
             chartdata_manydays_rcvd.value = many_days_data.dataset_rcvd;
             is_loading_rcvd_chart.value = false;
+            // domains
+            const domains_data = tsCoreUtils.transformCountDataToDataset(result_many_days.domains, false, true);
+            // console.log(">>>>>>>>>>>>> domains_data: " + JSON.stringify(domains_data, null, 2));
+            chartdata_domains_sent.value = domains_data.dataset_sent;
+            chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
+            chartdata_domains_labels.value = domains_data.labels;
+            is_loading_domains_chart.value = false;
             let stop_time = performance.now();
             updateElapsed(stop_time - start_time);
             resolve(true);
@@ -363,6 +418,7 @@ function loadingDo(){
     is_loading_rcvd_chart.value = true;
     is_loading_timeday_chart.value = true;
     is_loading_weekdays_chart.value = true;
+    is_loading_domains_chart.value = true;
 }
 
 function updateElapsed(elapsed) {

From 41098eab37a21d91d1cb07039b98041cf16c06b5 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 23:01:14 +0200
Subject: [PATCH 028/136] do_progressive always false

---
 src/components/tabs/TAB_Today.vue     | 2 +-
 src/components/tabs/TAB_Yesterday.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index 51228e99..06a2239f 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -368,7 +368,7 @@ async function updateData() {
             }
             is_loading_counter_inbox_percent.value = false;
             // domains
-            const domains_data = tsCoreUtils.transformCountDataToDataset(result_today.domains, do_progressive, true);
+            const domains_data = tsCoreUtils.transformCountDataToDataset(result_today.domains, false, true);
             // console.log(">>>>>>>>>>>>> domains_data: " + JSON.stringify(domains_data, null, 2));
             chartdata_domains_sent.value = domains_data.dataset_sent;
             chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 5ac24912..8f303a04 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -351,7 +351,7 @@ async function updateData() {
             }
             is_loading_counter_inbox_percent.value = false;
             // domains
-            const domains_data = tsCoreUtils.transformCountDataToDataset(result_yesterday.domains, do_progressive, true);
+            const domains_data = tsCoreUtils.transformCountDataToDataset(result_yesterday.domains, false, true);
             // console.log(">>>>>>>>>>>>> domains_data: " + JSON.stringify(domains_data, null, 2));
             chartdata_domains_sent.value = domains_data.dataset_sent;
             chartdata_domains_rcvd.value = domains_data.dataset_rcvd;

From 536ab0a51cd482296630cd5df90a8bd422ac1e2e Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 23:02:34 +0200
Subject: [PATCH 029/136] domains chart autoscroll

---
 src/assets/main.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index b42298da..a4692b1f 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -49,7 +49,7 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_time{overflow:auto;float:left;height:230px;width:89%;}
 .chart_time_86{overflow:auto;float:left;height:230px;width:86%;}
 .chart_time_full{overflow:auto;float:left;height:275px;width:89%;}
-.chart_time_full_domains{overflow-y:scroll;float:left;height:275px;width:89%;}
+.chart_time_full_domains{overflow-y:auto;float:left;height:275px;width:89%;}
 .legend-time{float:right;font-size:12px;padding-top:8px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
 .legend-time ul li.day_today_title{font-weight:bold;}

From 32c6d4688c0192375925278d46d43168ddcf673c Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 8 Oct 2024 23:04:34 +0200
Subject: [PATCH 030/136] unique legend id fixed

---
 src/components/charts/ChartDomains.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/charts/ChartDomains.vue b/src/components/charts/ChartDomains.vue
index fb422a52..b74bbd4c 100644
--- a/src/components/charts/ChartDomains.vue
+++ b/src/components/charts/ChartDomains.vue
@@ -71,10 +71,10 @@ let props = defineProps({
 
 let domainsChartBar_ref = ref(null);
 
-let legend_id = ref("domains-legend-container");
 let maxX = ref(0);
 
 let chart_id = computed(() => props.chart_id);
+let legend_id = computed(() => props.chart_id + "-legend");
 let chart_height = computed(() => props.chart_height);
 
 let chartData = computed(() => {

From e6c3d1473f12e56480a6bf59697330b3da8fd179 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 9 Oct 2024 20:56:52 +0200
Subject: [PATCH 031/136] domains chart added to customqry tab. see #380

---
 src/components/tabs/TAB_CustomQry.vue | 78 +++++++++++++++++++++++----
 1 file changed, 68 insertions(+), 10 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 0212d435..af3f0694 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -99,7 +99,6 @@
         <div class="singleday_spacing"></div>
         <ChartYesterday :chartData="chartData_SingleDay" :is_loading="is_loading_singleday_chart" :yesterday = "false" :key="chartData_TimeDay_length"/>
     </div>
-
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_ReceivedMails__: <span v-if="do_run && !is_loading_counter_sent_rcvd">{{ rcvd_total }}<InfoTooltip :showAnchor="doOnlyBD" :noteText="totalInfoTooltip_text"></InfoTooltip></span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="do_run && is_loading_counter_sent_rcvd"/></h2>
                         <CounterManyDays_Row v-if="do_run" :is_loading="is_loading_counter_customqry" :_total="counter_customqry_rcvd_total" :_max="counter_customqry_rcvd_max" :_min="counter_customqry_rcvd_min" :_avg="counter_customqry_rcvd_avg" :showTotalInfoTooltip="doOnlyBD" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
@@ -120,26 +119,32 @@
                         <ChartInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_chart_dates" />
                       </div>
     </div>
-
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_TimeDay__</h2>
 					  </div>
-                      <ChartYesterday v-if="do_run" :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_chart" :yesterday="false" :is_generic_day="true"/>
+            <ChartYesterday v-if="do_run" :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_chart" :yesterday="false" :is_generic_day="true"/>
     </div>
-
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Weekdays__</h2>
 					  </div>
 					<WidgetWeekDay v-if="do_run" :weekday_chartData="chartData_WeekDays" :is_loading="is_loading_weekdays_chart" :key="chartData_WeekDays_length" />
     </div>
-
+    <div class="square_item"><div class="list_heading_wrapper">
+						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>
+					  </div>
+           <WidgetDomains v-if="do_run" :chartData="chartData_Domains" chart_id="chart_domains_customqry" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
+    </div>
+    <div class="square_item"><div class="list_heading_wrapper">
+						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
+                    </div>
+                        TO DO
+    </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
 					  </div>
 					  <TableInvolved :is_loading="is_loading_involved_table_recipients" :tableData="table_involved_recipients" v-if="do_run && (is_loading_involved_table_recipients || show_table_involved_recipients)" />
                     <p class="chart_info_nomail" v-if="!is_loading_involved_table_recipients && !show_table_involved_recipients">__MSG_NoMailsSent__</p>
     </div>
-    
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_senders_title"></h2>
 					  </div>
@@ -181,6 +186,7 @@ import '@vueform/multiselect/themes/default.css';
 import advancedFiltersIconPath from '@/assets/images/mzts-customqry_adv_filters.svg';
 import advancedFiltersIconPath_Set from '@/assets/images/mzts-customqry_adv_filters_set.svg';
 import WidgetWeekDay from '../widgets/WidgetWeekDay.vue';
+import WidgetDomains from '../widgets/WidgetDomains.vue';
 
 const emit = defineEmits(['updateCustomQry'],['updateElapsed']['customQryUserCancelled']);
 
@@ -243,8 +249,6 @@ let chartData_SingleDay = ref({
     datasets: []
 });
 
-let chartdata_singleday_hours_sent = ref([]);
-let chartdata_singleday_hours_rcvd = ref([]);
 let chartData_InboxZeroFolders = ref({
     labels: [],
     datasets: []
@@ -253,6 +257,14 @@ let chartData_InboxZeroDates = ref({
     labels: [],
     datasets: []
 });
+
+let chartData_Domains = ref({
+    labels: [],
+    datasets: []
+})
+
+let chartdata_singleday_hours_sent = ref([]);
+let chartdata_singleday_hours_rcvd = ref([]);
 let chartdata_inboxzero_folders = ref([]);
 let chartdata_inboxzero_dates = ref([]);
 
@@ -277,6 +289,7 @@ let is_loading_involved_table_recipients = ref(true);
 let is_loading_involved_table_senders = ref(true);
 let is_loading_sent_chart = ref(true);
 let is_loading_rcvd_chart = ref(true);
+let is_loading_domains_chart = ref(true);
 
 let counter_customqry_sent_total = ref(0);
 let counter_customqry_sent_max = ref(0);
@@ -299,6 +312,11 @@ let chartdata_customqry_hours_sent = ref([]);
 let chartdata_customqry_hours_rcvd = ref([]);
 let chartdata_customqry_weekdays_sent = ref([]);
 let chartdata_customqry_weekdays_rcvd = ref([]);
+let chartdata_domains_sent = ref([]);
+let chartdata_domains_rcvd = ref([]);
+let chartdata_domains_labels = ref([]);
+
+let domains_chart_height = ref("275px");
 
 let _export_data = ref({});
 
@@ -349,7 +367,8 @@ let job_done = computed(() => {
     is_loading_sent_chart.value &&
     is_loading_rcvd_chart.value &&
     is_loading_timeday_chart.value &&
-    is_loading_weekdays_chart.value);
+    is_loading_weekdays_chart.value &&
+    is_loading_domains_chart.value);
   }else{
     return !(is_loading_counter_sent_rcvd.value &&
     is_loading_singleday_chart.value &&
@@ -358,7 +377,8 @@ let job_done = computed(() => {
     is_loading_counter_inbox.value &&
     is_loading_counter_inbox_percent.value &&
     is_loading_inbox_chart_folders.value &&
-    is_loading_inbox_chart_dates.value);
+    is_loading_inbox_chart_dates.value &&
+    is_loading_domains_chart.value);
   }
 });
 
@@ -707,6 +727,36 @@ async function updateData() {
       // chart inbox zero dates
       inbox0_openFolderInFirstTab.value = await tsPrefs.getPref("inbox0_openFolderInFirstTab");
     }
+
+    // chart domains
+    let chart_container_height = document.getElementById('chart_domains_customqry').clientHeight;
+    let chart_ipotetic_height = chartdata_domains_labels.value.length * 30;
+    if(chart_container_height < chart_ipotetic_height){
+        domains_chart_height.value = String(chart_ipotetic_height) + "px";
+    } else {
+        domains_chart_height.value = String(chart_container_height) + "px";
+    }
+    chartData_Domains.value.labels = chartdata_domains_labels.value;
+    chartData_Domains.value.datasets = [];
+    chartData_Domains.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_domains_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Domains.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_domains_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
+    tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
+
     nextTick(async () => {
         if(do_single_day.value){
           is_loading_singleday_chart.value = false;
@@ -804,6 +854,13 @@ async function updateData() {
               // inbox zero folders
               chartdata_inboxzero_folders.value = result_customqry.folders;
             }
+            // domains
+            const domains_data = tsCoreUtils.transformCountDataToDataset(result_customqry.domains, false, true);
+            // console.log(">>>>>>>>>>>>> domains_data: " + JSON.stringify(domains_data, null, 2));
+            chartdata_domains_sent.value = domains_data.dataset_sent;
+            chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
+            chartdata_domains_labels.value = domains_data.labels;
+            is_loading_domains_chart.value = false;
             let stop_time = performance.now();
             updateElapsed('getCustomQryData', stop_time - start_time);
             resolve(true);
@@ -844,6 +901,7 @@ function loadingDo(){
     is_loading_inbox_chart_dates.value = true;
     is_loading_timeday_chart.value = true;
     is_loading_weekdays_chart.value = true;
+    is_loading_domains_chart.value = true;
 }
 
 function updateElapsed(function_name, time) {

From 31765802a9c708db18d56f5f90c569f1e4441b22 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 9 Oct 2024 21:25:45 +0200
Subject: [PATCH 032/136] variuos improvments ported from version 2.2.3

---
 src/assets/main.css                           |  2 ++
 .../charts/ChartInboxZeroFolders.vue          | 27 ++++++++++---------
 src/components/charts/ChartToday.vue          | 26 +++++++++---------
 src/components/charts/ChartYesterday.vue      | 24 +++++++++--------
 src/components/tabs/TAB_CustomQry.vue         |  3 +++
 src/components/tabs/TAB_Today.vue             |  4 +++
 statslib/mzts-statscore.utils.js              | 10 ++++++-
 7 files changed, 59 insertions(+), 37 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index a4692b1f..da30c7c7 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -46,12 +46,14 @@ table.mzts-tinvolved tr.mzts-trow:nth-child(even){background:#bae0fa;}
 table.mzts-tinvolved tr.mzts-trow td{padding:2px 4px 2px 2px;color:black;white-space:-moz-pre-wrap !important;word-break: break-all;}
 table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:normal;}
 
+.chart_time_container{width:100%;float:left;display:flex; flex-wrap:nowrap;}
 .chart_time{overflow:auto;float:left;height:230px;width:89%;}
 .chart_time_86{overflow:auto;float:left;height:230px;width:86%;}
 .chart_time_full{overflow:auto;float:left;height:275px;width:89%;}
 .chart_time_full_domains{overflow-y:auto;float:left;height:275px;width:89%;}
 .legend-time{float:right;font-size:12px;padding-top:8px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
+.legend-time ul li{white-space: nowrap;}
 .legend-time ul li.day_today_title{font-weight:bold;}
 .chart_inbox0_info{width:100%;float:left;}
 .chart_inbox0{width:80%;height:310px;float:left;overflow:auto;}
diff --git a/src/components/charts/ChartInboxZeroFolders.vue b/src/components/charts/ChartInboxZeroFolders.vue
index 1481f46b..a8d4e3e2 100644
--- a/src/components/charts/ChartInboxZeroFolders.vue
+++ b/src/components/charts/ChartInboxZeroFolders.vue
@@ -31,13 +31,13 @@
 </template>
 
 
-
 <script setup>
 import { ref, computed } from 'vue'
 import { Doughnut } from 'vue-chartjs'
 import { Chart as ChartJS, ArcElement, Tooltip, Legend, Colors } from 'chart.js'
 import { tsDoughnutLabelsLine } from '@statslib/chartjs-lib/plugin-doughnutlabels';
 import { tsStore } from '@statslib/mzts-store';
+import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 
 
 ChartJS.register(ArcElement, Tooltip, Legend, Colors);
@@ -103,31 +103,32 @@ let chartOptions = ref({
           },
           onClick: async (e, activeEls, chart) => {
             // console.log("onClick index: " + JSON.stringify(activeEls[0].index));
-            // console.log("onClick path: " + JSON.stringify(chartData.value.folder_paths[activeEls[0].index]));
+            // console.log("onClick path: " + JSON.stringify(chartData.value.folders[activeEls[0].index]));
             if(activeEls.length == 0){
               return;
             }
-            if(openFolderInFirstTab){
-              let tabs = await browser.tabs.query({windowId: window.WINDOW_ID_CURRENT});
-              // Cycle through tabs to find the first mailtab
-              let currTab = null;
-              for(let i = 0; i < tabs.length; i++){
-                if(tabs[i].mailTab){
-                  currTab = tabs[i];
-                  break;
-                }
+            let currTab = null;
+            let tabs = await browser.tabs.query({windowId: browser.mailTabs.WINDOW_ID_CURRENT});
+            // Cycle through tabs to find the first mailtab
+            for(let i = 0; i < tabs.length; i++){
+              if(tabs[i].mailTab){
+                currTab = tabs[i];
+                break;
               }
+            }
+            if(openFolderInFirstTab.value){
               if(tsStore.isTB128plus){
                 browser.mailTabs.update(currTab.id, {displayedFolder: chartData.value.folder_paths[activeEls[0].index]});
               }else{
-                browser.mailTabs.update(currTab.id, {displayedFolder: {...chartData.value.folder_paths[activeEls[0].index]}});
+                browser.mailTabs.update(currTab.id, {displayedFolder: {...chartData.value.folders[activeEls[0].index]}});
               }
               browser.tabs.update(currTab.id, {active: true});
             } else {
               if(tsStore.isTB128plus){
                 browser.mailTabs.create({displayedFolder: chartData.value.folder_paths[activeEls[0].index]});
               }else{
-                browser.mailTabs.create({displayedFolder: {...chartData.value.folder_paths[activeEls[0].index]}});
+                browser.mailTabs.update(currTab.id, {displayedFolder: {...chartData.value.folders[activeEls[0].index]}});
+                browser.tabs.update(currTab.id, {active: true});
               }
             }
           },
diff --git a/src/components/charts/ChartToday.vue b/src/components/charts/ChartToday.vue
index 44e65e5e..068541b8 100644
--- a/src/components/charts/ChartToday.vue
+++ b/src/components/charts/ChartToday.vue
@@ -19,18 +19,20 @@
 -->
 
 <template>
-<div :class="getWrapperClass">
-  <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="today_hours_chart_wait"/></div>
-  <Line
-      :options="chartOptions"
-      :data="chartData"
-      :plugins="chartPlugins"
-      :key="chartData.datasets.length"
-      ref="todayChartBar_ref"
-      v-if="!is_loading"
-    />
-</div>
-<div id="today-time-legend-container" class="legend-time" v-if="!is_loading"></div>
+  <div class="chart_time_container">
+    <div :class="getWrapperClass">
+      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="today_hours_chart_wait"/></div>
+      <Line
+          :options="chartOptions"
+          :data="chartData"
+          :plugins="chartPlugins"
+          :key="chartData.datasets.length"
+          ref="todayChartBar_ref"
+          v-if="!is_loading"
+        />
+    </div>
+    <div id="today-time-legend-container" class="legend-time" v-if="!is_loading"></div>
+  </div>
 </template>
 
 
diff --git a/src/components/charts/ChartYesterday.vue b/src/components/charts/ChartYesterday.vue
index 8c4c0118..a02c4eb5 100644
--- a/src/components/charts/ChartYesterday.vue
+++ b/src/components/charts/ChartYesterday.vue
@@ -19,18 +19,20 @@
 -->
 
 <template>
-<div :class="getWrapperClass">
-  <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="yesterday_hours_chart_wait"/></div>
-  <Line
-      :options="chartOptions"
-      :data="chartData"
-      :plugins="chartPlugins"
-      :key="chartData_length"
-      ref="yesterdayChartBar_ref"
-      v-if="!is_loading"
-    />
+  <div class="chart_time_container">
+    <div :class="getWrapperClass">
+      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="yesterday_hours_chart_wait"/></div>
+      <Line
+          :options="chartOptions"
+          :data="chartData"
+          :plugins="chartPlugins"
+          :key="chartData_length"
+          ref="yesterdayChartBar_ref"
+          v-if="!is_loading"
+        />
+    </div>
+    <div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
 </div>
-<div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
 </template>
 
 
diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index af3f0694..260991b0 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -719,6 +719,9 @@ async function updateData() {
       // chart inbox zero folders
       let given_folders = tsCoreUtils.filterReceivedFolders(chartdata_inboxzero_folders.value);
       let folders_data = tsCoreUtils.getFoldersLabelsColors(given_folders);
+      if("folders" in folders_data){
+        chartData_InboxZeroFolders.value.folders = folders_data.folders;
+      }
       chartData_InboxZeroFolders.value.folder_paths = folders_data.folder_paths;
       chartData_InboxZeroFolders.value.labels = folders_data.labels;
       chartData_InboxZeroFolders.value.datasets = [];
diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index 06a2239f..5e8213d1 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -287,6 +287,10 @@ async function updateData() {
     let given_folders = tsCoreUtils.filterReceivedFolders(chartdata_inboxzero_folders.value);
     let folders_data = tsCoreUtils.getFoldersLabelsColors(given_folders);
     chartData_InboxZeroFolders.value.folder_paths = folders_data.folder_paths;
+    // console.log(">>>>>>>>>> folders_data: " + JSON.stringify(folders_data));
+    if("folders" in folders_data){
+        chartData_InboxZeroFolders.value.folders = folders_data.folders;
+    }
     chartData_InboxZeroFolders.value.labels = folders_data.labels;
     chartData_InboxZeroFolders.value.datasets = [];
     chartData_InboxZeroFolders.value.datasets.push({data:tsCoreUtils.getFoldersCounts(given_folders), backgroundColor: folders_data.colors, borderColor: folders_data.colors});
diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 46511526..e82f2204 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -76,7 +76,15 @@ export const tsCoreUtils = {
                 output_colors.push(color);
             }
         }
-        return {labels: output_labels, colors: output_colors, folder_paths: output_paths};
+        let output = {labels: output_labels, colors: output_colors, folder_paths: output_paths}
+
+        if(!tsStore.isTB128plus) {
+            const foldersArray = Object.values(folders);
+            output.folders = foldersArray.map(({folder_data: { id, specialUse, ...item }}) => item);
+            // console.log(">>>>>>>>>> getFoldersLabelsColors output: " + JSON.stringify(output));
+        }
+
+        return output;
     },
 
     getFoldersCounts(folders, type = 'rcvd') {  //type is 'sent' or 'rcvd'

From 8f9fed503265f38ab7377556911dc8345f64cab8 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 9 Oct 2024 21:27:37 +0200
Subject: [PATCH 033/136] domains chart and legend improvments applied from
 #382

---
 src/components/charts/ChartDomains.vue | 28 ++++++++++++++------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/charts/ChartDomains.vue b/src/components/charts/ChartDomains.vue
index b74bbd4c..9e4c9864 100644
--- a/src/components/charts/ChartDomains.vue
+++ b/src/components/charts/ChartDomains.vue
@@ -19,20 +19,22 @@
 -->
 
 <template>
-<div class="chart_time_full_domains" :id="chart_id">
-  <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
-  <Bar
-      :options="chartOptions"
-      :data="chartData"
-      :plugins="chartPlugins"
-      :key="chartData.datasets.length"
-      ref="domainsChartBar_ref"
-      v-if="!is_loading"
-      :height="chart_height"
-      width="500px"
-    />
+  <div class="chart_time_container">
+    <div class="chart_time_full_domains" :id="chart_id">
+      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
+      <Bar
+          :options="chartOptions"
+          :data="chartData"
+          :plugins="chartPlugins"
+          :key="chartData.datasets.length"
+          ref="domainsChartBar_ref"
+          v-if="!is_loading"
+          :height="chart_height"
+          width="500px"
+        />
+    </div>
+    <div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
 </div>
-<div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
 </template>
 
 

From 12b8d1585cfadca4748e63534c4644ee70ea3393 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 9 Oct 2024 21:36:18 +0200
Subject: [PATCH 034/136] useless prop removed

---
 src/components/tabs/TAB_CustomQry.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 260991b0..9ce79966 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -127,7 +127,7 @@
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Weekdays__</h2>
 					  </div>
-					<WidgetWeekDay v-if="do_run" :weekday_chartData="chartData_WeekDays" :is_loading="is_loading_weekdays_chart" :key="chartData_WeekDays_length" />
+					<WidgetWeekDay v-if="do_run" :weekday_chartData="chartData_WeekDays" :is_loading="is_loading_weekdays_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>

From 67b2cbd3f461383007c81b0cd82872c53a75fe79 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 9 Oct 2024 21:58:01 +0200
Subject: [PATCH 035/136] ChartToday and ChartYesterday merged in ChartTime

---
 .../charts/{ChartToday.vue => ChartTime.vue}  |  43 ++--
 src/components/charts/ChartYesterday.vue      | 198 ------------------
 src/components/tabs/TAB_CustomQry.vue         |   6 +-
 src/components/tabs/TAB_ManyDays.vue          |   4 +-
 src/components/tabs/TAB_Today.vue             |   4 +-
 src/components/tabs/TAB_Yesterday.vue         |   4 +-
 6 files changed, 34 insertions(+), 225 deletions(-)
 rename src/components/charts/{ChartToday.vue => ChartTime.vue} (82%)
 delete mode 100644 src/components/charts/ChartYesterday.vue

diff --git a/src/components/charts/ChartToday.vue b/src/components/charts/ChartTime.vue
similarity index 82%
rename from src/components/charts/ChartToday.vue
rename to src/components/charts/ChartTime.vue
index 068541b8..7ed3d1d4 100644
--- a/src/components/charts/ChartToday.vue
+++ b/src/components/charts/ChartTime.vue
@@ -21,17 +21,17 @@
 <template>
   <div class="chart_time_container">
     <div :class="getWrapperClass">
-      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="today_hours_chart_wait"/></div>
+      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
       <Line
           :options="chartOptions"
           :data="chartData"
           :plugins="chartPlugins"
-          :key="chartData.datasets.length"
-          ref="todayChartBar_ref"
+          :key="chartData_length"
+          ref="timeChartBar_ref"
           v-if="!is_loading"
         />
     </div>
-    <div id="today-time-legend-container" class="legend-time" v-if="!is_loading"></div>
+    <div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
   </div>
 </template>
 
@@ -60,28 +60,40 @@ let props = defineProps({
         type: Boolean,
         default: true
     },
+    day_type: {
+        type: Number,
+        default: 0
+    },
     is_last_business_day: {
       type: Boolean,
       default: false
     },
 });
 
-let todayChartBar_ref = ref(null);
+let timeChartBar_ref = ref(null);
+let legend_id = ref("time-legend-container");
 
 let chartData = computed(() => props.chartData)
 let is_loading = computed(() => props.is_loading)
+let is_yesterday = computed(() => props.day_type === -1)
+let is_today = computed(() => props.day_type === 0)
+let is_generic_day = computed(() => props.day_type === 1)
+
+let chartData_length = computed(() => (chartData.value.datasets.length + Math.floor(Math.random() * 101)));
 
 let maxY = ref(0);
 let is_last_business_day = ref(false);
 
 const getWrapperClass = computed(() => {
   return {
-    'chart_time_86': is_last_business_day.value,
-    'chart_time': !is_last_business_day.value
+    'chart_time_full': is_generic_day.value,
+    'chart_time': !is_generic_day.value && !is_last_business_day.value,
+    'chart_time_86': !is_generic_day.value && is_last_business_day.value,
   };
 });
 
 watch(props.chartData, (newChartData) => {
+  legend_id.value = "singleday-time-legend-container-" + props.day_type;
   is_last_business_day.value = props.is_last_business_day;
   // console.log(">>>>>>>>>>>>>> is_last_business_day.value: " + JSON.stringify(is_last_business_day.value));
   // console.log(">>>>>>>>>>>>> watch: " + JSON.stringify(newChartData));
@@ -157,11 +169,12 @@ var chartOptions = ref({
           },
           htmlLegend: {
             // ID of the container to put the legend in
-            containerID: 'today-time-legend-container',
-            is_today: true,
+            containerID: legend_id.value,
+            is_today: is_today.value,
+            is_yesterday: is_yesterday.value,
             is_last_business_day: is_last_business_day.value,
           },
-          tsVerticalLinePlugin: {
+          tsVerticalLinePlugin: is_today.value ?{
             drawVerticalLineAt: () => {
               const now = new Date();
               const hour = now.getHours();
@@ -174,13 +187,13 @@ var chartOptions = ref({
               }
               return '#265707';
             },
-          },
+          } : {},
           tooltip: {
               enabled: false,
               mode: 'index',
               intersect: false,
               external: function(context) {
-                externalTooltipTimeChartLines(context, {is_last_business_day: is_last_business_day.value});
+                externalTooltipTimeChartLines(context, {is_generic_day: is_generic_day.value, is_last_business_day: is_last_business_day.value});
               }
             }
         },
@@ -189,12 +202,6 @@ var chartOptions = ref({
 
 let chartPlugins =  [htmlLegendPlugin, tsVerticalLinePlugin];
 
-/*async function updateChart() {
-  //console.log("updateChart: " + JSON.stringify(chartData.value));
-}*/
-
-//defineExpose({ updateChart });
-
 </script>
 
 
diff --git a/src/components/charts/ChartYesterday.vue b/src/components/charts/ChartYesterday.vue
deleted file mode 100644
index a02c4eb5..00000000
--- a/src/components/charts/ChartYesterday.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<!--
-/*
- *  ThunderStats [https://micz.it/thunderbird-addon-thunderstats-your-thunderbird-statistics/]
- *  Copyright (C) 2024  Mic (m@micz.it)
-
- *  This program is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
-
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
-
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
--->
-
-<template>
-  <div class="chart_time_container">
-    <div :class="getWrapperClass">
-      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." id="yesterday_hours_chart_wait"/></div>
-      <Line
-          :options="chartOptions"
-          :data="chartData"
-          :plugins="chartPlugins"
-          :key="chartData_length"
-          ref="yesterdayChartBar_ref"
-          v-if="!is_loading"
-        />
-    </div>
-    <div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
-</div>
-</template>
-
-
-
-<script setup>
-import { ref, computed, watch } from 'vue'
-import { Line } from 'vue-chartjs'
-import { Chart, LineController, CategoryScale, LinearScale, PointElement, LineElement, Title } from 'chart.js';
-import { externalTooltipTimeChartLines } from '@statslib/chartjs-lib/external-tooltip-timechartlines';
-import { htmlLegendPlugin } from '@statslib/chartjs-lib/plugin-timechart-legend';
-import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
-import { tsStore } from '@statslib/mzts-store';
-
-Chart.register(LineController, CategoryScale, LinearScale, PointElement, LineElement, Title );
-
-let props = defineProps({
-    chartData: {
-        type: Object,
-        default: () => ({}),
-        required: true
-    },
-    is_loading: {
-        type: Boolean,
-        default: true
-    },
-    yesterday: {
-      type: Boolean,
-      default: true
-    },
-    is_last_business_day: {
-      type: Boolean,
-      default: false
-    },
-    is_generic_day: {
-      type: Boolean,
-      default: false
-    }
-});
-
-let yesterdayChartBar_ref = ref(null);
-
-let chartData_length = computed(() => (chartData.value.datasets.length + Math.floor(Math.random() * 101)));
-
-let legend_id = ref("yesterday-time-legend-container");
-
-let chartData = computed(() => props.chartData)
-let is_loading = computed(() => props.is_loading)
-let do_yesterday = computed(() => props.yesterday)
-let is_generic_day = computed(() => props.is_generic_day)
-
-let maxY = ref(0);
-let is_last_business_day = ref(false);
-
-const getWrapperClass = computed(() => {
-  return {
-    'chart_time_full': is_generic_day.value,
-    'chart_time': !is_generic_day.value && !is_last_business_day.value,
-    'chart_time_86': !is_generic_day.value && is_last_business_day.value,
-  };
-});
-
-watch(props.chartData, (newChartData) => {
-  if(!do_yesterday.value) {
-    legend_id.value = "singleday-time-legend-container";
-  }
-  is_last_business_day.value = props.is_last_business_day;
-    //console.log(">>>>>>>>>>>>> watch: " + JSON.stringify(newChartData));
-    if (newChartData.datasets && newChartData.datasets.length > 0) {
-      let data = newChartData.datasets[0].data.concat(newChartData.datasets[1].data);
-      let maxData = tsCoreUtils.getMaxFromData(data);
-      maxY.value = (Math.ceil(maxData / 5) * 5);
-      if(maxY.value == maxData) {
-        maxY.value = maxY.value + 3;
-      }
-    } else {
-        maxY.value = 5;
-    }
-    if(!chartOptions) return;
-    chartOptions.value.plugins.htmlLegend.is_last_business_day = props.is_last_business_day;
-    //console.log(">>>>>>>>>>>>>>>>>>>> maxY: " + maxY.value);
-    if(maxY.value < 20) {
-      chartOptions.value.scales.y.ticks.stepSize = 1;
-    }else{
-      chartOptions.value.scales.y.ticks.stepSize = 5;
-    }
-    chartOptions.value.scales.y.max = maxY.value;
-
-    if(tsStore.darkmode) {
-      Chart.defaults.color = 'white';
-      Chart.defaults.borderColor = 'rgba(255, 255, 255, 0.2)';
-    }
-}, { immediate: true });
-
-var chartOptions = ref({
-        responsive: true,
-        animation: false,
-        maintainAspectRatio: false,
-        categoryPercentage: 1,
-        barPercentage: 1,
-        scales: {
-          x: {
-            title: {
-              display: true,
-              text: browser.i18n.getMessage('TimeChart.Time')
-            },
-            beginAtZero: true,
-            min: 0,
-          },
-          y: {
-            title: {
-              display: true,
-              text: browser.i18n.getMessage('Mails')
-            },
-            ticks: {
-              stepSize: 1,
-              // callback: function(value) {
-              //   if (Number.isInteger(value)) {
-              //     return value;
-              //   }
-              //   return '';
-              // },
-            },
-            beginAtZero: true,
-            min: 0,
-          }
-        },
-        plugins: {
-          legend: {
-            display: false,
-          },
-          htmlLegend: {
-            // ID of the container to put the legend in
-            containerID: legend_id.value,
-            is_today: false,
-            is_yesterday: do_yesterday.value,
-            is_last_business_day: is_last_business_day.value,
-          },
-          tooltip: {
-              enabled: false,
-              mode: 'index',
-              intersect: false,
-              external: function(context) {
-                externalTooltipTimeChartLines(context, {is_generic_day: is_generic_day.value, is_last_business_day: is_last_business_day.value});
-              }
-            }
-        },
-      });
-
-
-let chartPlugins =  [htmlLegendPlugin];
-
-/*async function updateChart() {
-  //console.log("updateChart: " + JSON.stringify(chartData.value));
-}*/
-
-//defineExpose({ updateChart });
-
-</script>
-
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 9ce79966..861ebee7 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -97,7 +97,7 @@
         <span class="list_heading_date" v-html="singleday_date_str"></span>
         <CounterSentReceived :is_loading="is_loading_counter_sent_rcvd" :_sent="sent_total" :_rcvd="rcvd_total" />
         <div class="singleday_spacing"></div>
-        <ChartYesterday :chartData="chartData_SingleDay" :is_loading="is_loading_singleday_chart" :yesterday = "false" :key="chartData_TimeDay_length"/>
+        <ChartTime :chartData="chartData_SingleDay" :is_loading="is_loading_singleday_chart" :day_type="1" />
     </div>
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_ReceivedMails__: <span v-if="do_run && !is_loading_counter_sent_rcvd">{{ rcvd_total }}<InfoTooltip :showAnchor="doOnlyBD" :noteText="totalInfoTooltip_text"></InfoTooltip></span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="do_run && is_loading_counter_sent_rcvd"/></h2>
@@ -122,7 +122,7 @@
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_TimeDay__</h2>
 					  </div>
-            <ChartYesterday v-if="do_run" :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_chart" :yesterday="false" :is_generic_day="true"/>
+            <ChartTime v-if="do_run" :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_chart" :day_type="1"/>
     </div>
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Weekdays__</h2>
@@ -176,7 +176,7 @@ import '@vuepic/vue-datepicker/dist/main.css'
 import ContextMenu from '@imengyu/vue3-context-menu'
 import '@imengyu/vue3-context-menu/lib/vue3-context-menu.css'
 import CounterSentReceived from '../counters/CounterSentReceived.vue';
-import ChartYesterday from '../charts/ChartYesterday.vue';
+import ChartTime from '../charts/ChartTime.vue';
 import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
 import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
 import CounterInbox from '../counters/CounterInbox.vue';
diff --git a/src/components/tabs/TAB_ManyDays.vue b/src/components/tabs/TAB_ManyDays.vue
index c7ac38fd..6db5ff61 100644
--- a/src/components/tabs/TAB_ManyDays.vue
+++ b/src/components/tabs/TAB_ManyDays.vue
@@ -36,7 +36,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_TimeDay__</h2>
 					  </div>
-                      <ChartYesterday :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_chart" :yesterday="false" :is_generic_day="true"/>
+                      <ChartTime :chartData="chartData_TimeDay" :is_loading="is_loading_timeday_chart" :day_type="1"/>
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Weekdays__</h2>
@@ -85,7 +85,7 @@ import { tsPrefs } from '@statslib/mzts-options';
 import { i18n } from "@statslib/mzts-i18n.js";
 import { tsStore } from '@statslib/mzts-store';
 import { tsExport } from '@statslib/mzts-export';
-import ChartYesterday from '../charts/ChartYesterday.vue';
+import ChartTime from '../charts/ChartTime.vue';
 import WidgetWeekDay from '../widgets/WidgetWeekDay.vue';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
 
diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index 5e8213d1..e57651b9 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -27,7 +27,7 @@
         <CounterSentReceived :is_loading="is_loading_counter_sent_rcvd" :_sent="counter_today_sent" :_rcvd="counter_today_rcvd" />
         <CounterYesterdayThisTime :is_loading="is_loading_counter_yesterday_thistime" :sent="counter_yesterday_thistime_sent" :rcvd="counter_yesterday_thistime_rcvd" :is_last_business_day="is_last_business_day" :last_bday_date="last_bday_text" />
         <CounterManyDays_Table :is_loading="is_loading_counter_many_days" :sent_total="counter_many_days_sent_total" :sent_max="counter_many_days_sent_max" :sent_min="counter_many_days_sent_min" :sent_avg="counter_many_days_sent_avg" :rcvd_total="counter_many_days_rcvd_total" :rcvd_max="counter_many_days_rcvd_max" :rcvd_min="counter_many_days_rcvd_min" :rcvd_avg="counter_many_days_rcvd_avg" />
-        <ChartToday :chartData="chartData_Today" :is_loading="is_loading_today_chart" :is_last_business_day="is_last_business_day" />
+        <ChartTime :chartData="chartData_Today" :is_loading="is_loading_today_chart" :is_last_business_day="is_last_business_day" :day_type="0" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_InboxZeroStatus__</h2>
@@ -78,7 +78,7 @@ import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import CounterSentReceived from '../counters/CounterSentReceived.vue';
 import CounterYesterdayThisTime from '../counters/CounterYesterdayThisTime.vue';
 import CounterManyDays_Table from '../counters/CounterManyDays_Table.vue';
-import ChartToday from '../charts/ChartToday.vue';
+import ChartTime from '../charts/ChartTime.vue';
 import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
 import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
 import TableInvolved from '../tables/TableInvolved.vue';
diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 8f303a04..3e36a977 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -27,7 +27,7 @@
         <CounterSentReceived :is_loading="is_loading_counter_sent_rcvd" :_sent="counter_yesterday_sent" :_rcvd="counter_yesterday_rcvd" />
         <div id="yesterday_spacing"></div>
         <CounterManyDays_Table :is_loading="is_loading_counter_many_days" :sent_total="counter_many_days_sent_total" :sent_max="counter_many_days_sent_max" :sent_min="counter_many_days_sent_min" :sent_avg="counter_many_days_sent_avg" :rcvd_total="counter_many_days_rcvd_total" :rcvd_max="counter_many_days_rcvd_max" :rcvd_min="counter_many_days_rcvd_min" :rcvd_avg="counter_many_days_rcvd_avg" />
-        <ChartYesterday :chartData="chartData_Yesterday" :is_loading="is_loading_yesterday_chart" :is_last_business_day="is_last_business_day" />
+        <ChartTime :chartData="chartData_Yesterday" :is_loading="is_loading_yesterday_chart" :is_last_business_day="is_last_business_day" :day_type="-1" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_InboxZeroStatus__</h2>
@@ -77,7 +77,7 @@ import { thunderStastsCore } from '@statslib/mzts-statscore';
 import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import { tsUtils } from '@statslib/mzts-utils';
 import CounterSentReceived from '../counters/CounterSentReceived.vue';
-import ChartYesterday from '../charts/ChartYesterday.vue';
+import ChartTime from '../charts/ChartTime.vue';
 import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
 import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
 import TableInvolved from '../tables/TableInvolved.vue';

From aade3f5451a4e46e24da17a3f1e9838b7148ccba Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 9 Oct 2024 22:43:49 +0200
Subject: [PATCH 036/136] ChartDomains key fixed

---
 src/components/charts/ChartDomains.vue   | 3 ++-
 src/components/widgets/WidgetDomains.vue | 4 +---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/charts/ChartDomains.vue b/src/components/charts/ChartDomains.vue
index 9e4c9864..05d156c0 100644
--- a/src/components/charts/ChartDomains.vue
+++ b/src/components/charts/ChartDomains.vue
@@ -26,7 +26,7 @@
           :options="chartOptions"
           :data="chartData"
           :plugins="chartPlugins"
-          :key="chartData.datasets.length"
+          :key="chartData_length"
           ref="domainsChartBar_ref"
           v-if="!is_loading"
           :height="chart_height"
@@ -78,6 +78,7 @@ let maxX = ref(0);
 let chart_id = computed(() => props.chart_id);
 let legend_id = computed(() => props.chart_id + "-legend");
 let chart_height = computed(() => props.chart_height);
+let chartData_length = computed(() => (chartData.value.datasets.length + Math.floor(Math.random() * 101)));
 
 let chartData = computed(() => {
   if (props.chartData.datasets && props.chartData.datasets.length > 0) {
diff --git a/src/components/widgets/WidgetDomains.vue b/src/components/widgets/WidgetDomains.vue
index 29210f52..9683937c 100644
--- a/src/components/widgets/WidgetDomains.vue
+++ b/src/components/widgets/WidgetDomains.vue
@@ -20,7 +20,7 @@
 
 
 <template>
-    <ChartDomains :chartData="chartData" :chart_id="chart_id" :chart_height="chart_height" :is_loading="is_loading" :key="chartData_length" />
+    <ChartDomains :chartData="chartData" :chart_id="chart_id" :chart_height="chart_height" :is_loading="is_loading" />
 </template>
 
 
@@ -53,8 +53,6 @@ let chart_id = computed(() => props.chart_id)
 let chart_height = computed(() => props.chart_height)
 let is_loading = computed(() => props.is_loading)
 
-let chartData_length = computed(() => (chartData.value.datasets.length + Math.floor(Math.random() * 101)));
-
 </script>
 
 

From fbddc090629b3518f36d47c24d79ae54159de61c Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 18:35:27 +0200
Subject: [PATCH 037/136] inboxzero square is now a widget. see #355

---
 src/components/tabs/TAB_Today.vue          |  35 ++---
 src/components/widgets/WidgetInboxZero.vue | 146 +++++++++++++++++++++
 2 files changed, 166 insertions(+), 15 deletions(-)
 create mode 100644 src/components/widgets/WidgetInboxZero.vue

diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index e57651b9..2984d29c 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -32,16 +32,25 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_InboxZeroStatus__</h2>
 					  </div>
-					  <CounterInbox :is_loading="is_loading_counter_inbox" :inbox_total="counter_inbox_total" :inbox_unread="counter_inbox_unread" />
-                      <CounterInboxPercent :is_loading="is_loading_counter_inbox_percent" :inbox_percent="counter_inbox_percent" />
-                      <div class="chart_inbox0_info"><p class="chart_info">__MSG_FolderLocation__ <InfoTooltip :showAnchor="showFolderLocationNoteAnchor" :noteText="folderLocationNote_text"></InfoTooltip></p><p class="chart_info_nomail" id="today_inbox0_folder_spread_nomails" v-if="!is_loading_counter_sent_rcvd && (counter_today_rcvd == 0)" v-text="no_mails_received_today"></p></div>
-                      <div class="chart_inbox0">
-                        <ChartInboxZeroFolders :chartData="chartData_InboxZeroFolders" :openFolderInFirstTab="inbox0_openFolderInFirstTab" :is_loading="is_loading_inbox_chart_folders" />
-                      </div>
-                      <div class="chart_inbox0_datemsg">
-                        <p class="chart_info">__MSG_InboxMailsDateSpreading__</p><p class="chart_info_nomail" id="today_inbox0_datemsg_nomails" v-if="!is_loading_counter_inbox && (counter_inbox_total == 0)" v-text="no_mails_inbox"></p>
-                        <ChartInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_chart_dates" />
-                      </div>
+					  <WidgetInboxZero
+                        :is_loading_counter_inbox="is_loading_counter_inbox"
+                        :counter_inbox_total="counter_inbox_total"
+                        :counter_inbox_unread="counter_inbox_unread"
+                        :is_loading_counter_inbox_percent="is_loading_counter_inbox_percent"
+                        :counter_inbox_percent="counter_inbox_percent"
+                        :showFolderLocationNoteAnchor="showFolderLocationNoteAnchor"
+                        :folderLocationNote_text="folderLocationNote_text"
+                        :is_loading_counter_sent_rcvd="is_loading_counter_sent_rcvd"
+                        :counter_rcvd="counter_today_rcvd"
+                        :no_mails_received_today="no_mails_received_today"
+                        :chartData_InboxZeroFolders="chartData_InboxZeroFolders"
+                        :inbox0_openFolderInFirstTab="inbox0_openFolderInFirstTab"
+                        :is_loading_inbox_chart_folders="is_loading_inbox_chart_folders"
+                        :no_mails_inbox="no_mails_inbox"
+                        :chartData_InboxZeroDates="chartData_InboxZeroDates"
+                        :is_loading_inbox_chart_dates="is_loading_inbox_chart_dates"
+                        :no_mails_received="no_mails_received_today"
+                      />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>
@@ -79,19 +88,15 @@ import CounterSentReceived from '../counters/CounterSentReceived.vue';
 import CounterYesterdayThisTime from '../counters/CounterYesterdayThisTime.vue';
 import CounterManyDays_Table from '../counters/CounterManyDays_Table.vue';
 import ChartTime from '../charts/ChartTime.vue';
-import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
-import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
 import TableInvolved from '../tables/TableInvolved.vue';
-import CounterInbox from '../counters/CounterInbox.vue';
 import ExportMenu from '../ExportMenu.vue';
 import { tsPrefs } from '@statslib/mzts-options';
 import { i18n } from "@statslib/mzts-i18n.js";
 import { tsStore } from '@statslib/mzts-store';
 import { tsUtils } from '@statslib/mzts-utils';
-import InfoTooltip from '../InfoTooltip.vue';
 import { tsExport } from '@statslib/mzts-export';
-import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
+import WidgetInboxZero from '../widgets/WidgetInboxZero.vue';
 
 
 const props = defineProps({
diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
new file mode 100644
index 00000000..e2328514
--- /dev/null
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -0,0 +1,146 @@
+<template>
+    <div>
+      <CounterInbox 
+        :is_loading="is_loading_counter_inbox" 
+        :inbox_total="counter_inbox_total" 
+        :inbox_unread="counter_inbox_unread" 
+      />
+      <CounterInboxPercent 
+        :is_loading="is_loading_counter_inbox_percent" 
+        :inbox_percent="counter_inbox_percent" 
+      />
+      <div class="chart_inbox0_info">
+        <p class="chart_info">
+          __MSG_FolderLocation__ 
+          <InfoTooltip 
+            :showAnchor="showFolderLocationNoteAnchor" 
+            :noteText="folderLocationNote_text" 
+          />
+        </p>
+        <p 
+          class="chart_info_nomail" 
+          v-if="!is_loading_counter_sent_rcvd && (counter_rcvd == 0)" 
+          v-text="no_mails_received"
+        ></p>
+      </div>
+      <div class="chart_inbox0">
+        <ChartInboxZeroFolders 
+          :chartData="chartData_InboxZeroFolders" 
+          :openFolderInFirstTab="inbox0_openFolderInFirstTab" 
+          :is_loading="is_loading_inbox_chart_folders" 
+        />
+      </div>
+      <div class="chart_inbox0_datemsg">
+        <p class="chart_info">__MSG_InboxMailsDateSpreading__</p>
+        <p 
+          class="chart_info_nomail" 
+          v-if="!is_loading_counter_inbox && (counter_inbox_total == 0)" 
+          v-text="no_mails_inbox"
+        ></p>
+        <ChartInboxZeroDates 
+          :chartData="chartData_InboxZeroDates" 
+          :is_loading="is_loading_inbox_chart_dates" 
+        />
+      </div>
+    </div>
+</template>
+
+<script setup>
+// import { computed } from 'vue';
+import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
+import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
+import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
+import CounterInbox from '../counters/CounterInbox.vue';
+import InfoTooltip from '../InfoTooltip.vue';
+
+
+const props = defineProps({
+  is_loading_counter_inbox: {
+    type: Boolean,
+    default: false,
+  },
+  counter_inbox_total: {
+    type: Number,
+    default: 0,
+  },
+  counter_inbox_unread: {
+    type: Number,
+    default: 0,
+  },
+  is_loading_counter_inbox_percent: {
+    type: Boolean,
+    default: false,
+  },
+  counter_inbox_percent: {
+    type: Number,
+    default: 0,
+  },
+  showFolderLocationNoteAnchor: {
+    type: Boolean,
+    default: false,
+  },
+  folderLocationNote_text: {
+    type: String,
+    default: '',
+  },
+  is_loading_counter_sent_rcvd: {
+    type: Boolean,
+    default: false,
+  },
+  counter_rcvd: {
+    type: Number,
+    default: 0,
+  },
+  chartData_InboxZeroFolders: {
+    type: Object,
+    default: () => ({}),
+    required: true,
+  },
+  inbox0_openFolderInFirstTab: {
+    type: Boolean,
+    default: false,
+  },
+  is_loading_inbox_chart_folders: {
+    type: Boolean,
+    default: false,
+  },
+  no_mails_inbox: {
+    type: String,
+    default: '',
+  },
+  no_mails_received: {
+    type: String,
+    default: '',
+  },
+  chartData_InboxZeroDates: {
+    type: Object,
+    default: () => ({}),
+    required: true,
+  },
+  is_loading_inbox_chart_dates: {
+    type: Boolean,
+    default: false,
+  }
+});
+
+// let is_loading_counter_inbox = computed(() => props.is_loading_counter_inbox);
+// let counter_inbox_total = computed(() => props.counter_inbox_total);
+// let counter_inbox_unread = computed(() => props.counter_inbox_unread);
+// let is_loading_counter_inbox_percent = computed(() => props.is_loading_counter_inbox_percent);
+// let counter_inbox_percent = computed(() => props.counter_inbox_percent);
+// let showFolderLocationNoteAnchor = computed(() => props.showFolderLocationNoteAnchor);
+// let folderLocationNote_text = computed(() => props.folderLocationNote_text);
+// let is_loading_counter_sent_rcvd = computed(() => props.is_loading_counter_sent_rcvd);
+// let counter_rcvd = computed(() => props.counter_rcvd);
+// let chartData_InboxZeroFolders = computed(() => props.chartData_InboxZeroFolders);
+// let inbox0_openFolderInFirstTab = computed(() => props.inbox0_openFolderInFirstTab);
+// let is_loading_inbox_chart_folders = computed(() => props.is_loading_inbox_chart_folders);
+// let no_mails_inbox = computed(() => props.no_mails_inbox);
+// let no_mails_received = computed(() => props.no_mails_received);
+// let chartData_InboxZeroDates = computed(() => props.chartData_InboxZeroDates);
+// let is_loading_inbox_chart_dates = computed(() => props.is_loading_inbox_chart_dates);
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file

From b5f02dcd449d86dc840b475c0120a80f2fcf0f06 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 21:33:09 +0200
Subject: [PATCH 038/136] release notes updated

---
 CHANGELOG.md                               | 1 +
 src/components/options_tabs/OPTAB_Info.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index bc9df925..e936f3e3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,7 @@
       <ul>
         <li>Is now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
         <li>Is now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
+        <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
         <li>...</li>
       </ul>
 <h3>Version 2.2.2 - 24/09/2024</h3>
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index f4ff53f1..1ea62f05 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -26,6 +26,7 @@
       <ul>
         <li>Is now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
         <li>Is now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
+        <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
         <li>...</li>
       </ul>
       <h3>Version 2.2.2 - 24/09/2024</h3>

From 18137a42a015c7e02b1d9910932f7f2b8aaf95fa Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 21:54:18 +0200
Subject: [PATCH 039/136] getTagsList method added. see #359

---
 statslib/mzts-statscore.utils.js | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index e82f2204..8239a1a0 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -128,6 +128,29 @@ export const tsCoreUtils = {
         return hours.map((value, index) => index > currentHour ? null : value);
     },
 
+    async getTagsList(){
+        let messageTags = {};
+        if(tsStore.isTB128plus) {
+            messageTags = await browser.messages.tags.list();
+        } else {
+            messageTags = await browser.messages.listTags();
+        }
+        const output = messageTags.reduce((acc, messageTag) => {
+            acc[messageTag.key] = {
+                tag: messageTag.tag,
+                color: messageTag.color,
+                key: messageTag.key,
+                ordinal: messageTag.ordinal,
+                count: 0,
+                sent: 0,
+                received: 0,
+            };
+            return acc;
+          }, {});
+        // console.log(">>>>>>>>>>> getTagsList: " + JSON.stringify(output));
+        return output;
+    },
+
     // getManyDaysLabels(labels) {
     //     const daysOfWeek = ["WeekDay0", "WeekDay1", "WeekDay2", "WeekDay3", "WeekDay4", "WeekDay5", "WeekDay6"];
 

From 1dd2cc83f876f341439b34c1fbc7e83ba9fd70e4 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 21:54:37 +0200
Subject: [PATCH 040/136] getting tags data. see #359

---
 public/manifest.json       |  3 ++-
 statslib/mzts-statscore.js | 21 ++++++++++++++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/public/manifest.json b/public/manifest.json
index 06239a50..af412d17 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -22,7 +22,8 @@
         "messagesRead",
         "accountsRead",
         "storage",
-        "tabs"
+        "tabs",
+        "messagesTagsList"
     ],
     "background": {
         "page": "background.html"
diff --git a/statslib/mzts-statscore.js b/statslib/mzts-statscore.js
index 9c33e991..72b2b19f 100644
--- a/statslib/mzts-statscore.js
+++ b/statslib/mzts-statscore.js
@@ -281,6 +281,7 @@ export class thunderStastsCore {
       let dates = tsUtils.getDateArray(fromDate,toDate);
 
       let domains = {};
+      let tags = await tsCoreUtils.getTagsList();
 
       //let messageids_sent = [];
 
@@ -390,6 +391,15 @@ export class thunderStastsCore {
                   domains[domain].received = 0;
                 }
               }
+              // group by tag
+              for (let tag of message.tags) {
+                if (tags[tag]) {
+                  tags[tag].count++;
+                  tags[tag].sent++;
+                } else {
+                  this.logger.error("tag: " + tag + " not found!");
+                }
+              }
               // check recipients
               //console.log(">>>>>>>>>>>>> recipients: " + JSON.stringify(message.recipients));
               for (let recipient of message.recipients) {
@@ -461,6 +471,15 @@ export class thunderStastsCore {
                 domains[curr_domain].sent = 0;
                 domains[curr_domain].received = 1;
               }
+              // group by tag
+              for (let tag of message.tags) {
+                if (tags[tag]) {
+                  tags[tag].count++;
+                  tags[tag].received++;
+                } else {
+                  this.logger.error("tag: " + tag + " not found!");
+                }
+              }
             }
           }
         //check recipients - END
@@ -477,7 +496,7 @@ export class thunderStastsCore {
       // console.log(">>>>>>>> final senders: " + JSON.stringify(senders));
       // console.log(">>>>>>>> final recipients: " + JSON.stringify(recipients));
 
-      let output = {senders: senders, recipients: recipients, sent: sent, received: received, count: count, count_in_inbox: count_in_inbox, msg_hours: msg_hours, folders: folders, dates: dates, msg_weekdays: msg_weekdays, domains: domains};
+      let output = {senders: senders, recipients: recipients, sent: sent, received: received, count: count, count_in_inbox: count_in_inbox, msg_hours: msg_hours, folders: folders, dates: dates, msg_weekdays: msg_weekdays, domains: domains, tags: tags};
 
       if(do_aggregate_stats) {
         output.aggregate = await this.aggregateData(dates, only_businessdays);

From e07b450daad6e094ffaf1f001de87db07625706e Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 22:16:44 +0200
Subject: [PATCH 041/136] transformTagsLabels method added

---
 statslib/mzts-statscore.utils.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 8239a1a0..9cb66630 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -151,6 +151,15 @@ export const tsCoreUtils = {
         return output;
     },
 
+    async transformTagsLabels(labels) {
+        let output = [];
+        let tags = await tsCoreUtils.getTagsList();
+        for(let label of labels) {
+            output.push(tags[label].tag);
+        }
+        return output;
+    },
+
     // getManyDaysLabels(labels) {
     //     const daysOfWeek = ["WeekDay0", "WeekDay1", "WeekDay2", "WeekDay3", "WeekDay4", "WeekDay5", "WeekDay6"];
 

From a939c17686c7ca671c9d498fed3081116f7418a8 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 22:17:08 +0200
Subject: [PATCH 042/136] Tags chart and widget added. see #359

---
 src/components/charts/ChartTags.vue   | 193 ++++++++++++++++++++++++++
 src/components/widgets/WidgetTags.vue |  61 ++++++++
 2 files changed, 254 insertions(+)
 create mode 100644 src/components/charts/ChartTags.vue
 create mode 100644 src/components/widgets/WidgetTags.vue

diff --git a/src/components/charts/ChartTags.vue b/src/components/charts/ChartTags.vue
new file mode 100644
index 00000000..94c6a739
--- /dev/null
+++ b/src/components/charts/ChartTags.vue
@@ -0,0 +1,193 @@
+<!--
+/*
+ *  ThunderStats [https://micz.it/thunderbird-addon-thunderstats-your-thunderbird-statistics/]
+ *  Copyright (C) 2024  Mic (m@micz.it)
+
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+-->
+
+<template>
+  <div class="chart_time_container">
+    <div class="chart_time_full_domains" :id="chart_id">
+      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
+      <Bar
+          :options="chartOptions"
+          :data="chartData"
+          :plugins="chartPlugins"
+          :key="chartData_length"
+          ref="tagsChartBar_ref"
+          v-if="!is_loading"
+          :height="chart_height"
+          width="500px"
+        />
+    </div>
+    <div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
+</div>
+</template>
+
+
+<script setup>
+import { ref, computed } from 'vue'
+import { Bar } from 'vue-chartjs'
+import { Chart, BarController, BarElement, CategoryScale, LinearScale, Title, Tooltip, Legend } from 'chart.js';
+import ChartDataLabels from 'chartjs-plugin-datalabels';
+import { htmlLegendPlugin } from '@statslib/chartjs-lib/plugin-timechart-legend';
+import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
+import { tsStore } from '@statslib/mzts-store';
+import { tsUtils } from '@statslib/mzts-utils';
+
+Chart.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, BarController);
+
+
+let props = defineProps({
+    chartData: {
+        type: Object,
+        default: () => ({}),
+        required: true
+    },
+    chart_id: {
+        type: String,
+        default: 'domains-chart',
+    },
+    chart_height: {
+        type: String,
+        default: '500px'
+    },
+    is_loading: {
+        type: Boolean,
+        default: true
+    }
+});
+
+let tagsChartBar_ref = ref(null);
+
+let maxX = ref(0);
+
+let chart_id = computed(() => props.chart_id);
+let legend_id = computed(() => props.chart_id + "-legend");
+let chart_height = computed(() => props.chart_height);
+let chartData_length = computed(() => (chartData.value.datasets.length + Math.floor(Math.random() * 101)));
+
+let chartData = computed(() => {
+  if (props.chartData.datasets && props.chartData.datasets.length > 0) {
+  let data = tsUtils.safeConcat(props.chartData.datasets, 0)
+                  .concat(tsUtils.safeConcat(props.chartData.datasets, 1));
+        let maxData = tsCoreUtils.getMaxFromData(data);
+        maxX.value = (Math.ceil(maxData / 5) * 5);
+        if(maxX.value == maxData) {
+          maxX.value = maxX.value + 3;
+        }
+    } else {
+        maxX.value = 5;
+    }
+    if(!chartOptions) return;
+    // console.log(">>>>>>>>>>>>>>>>>>>> maxX: " + maxX.value);
+    if(maxX.value < 20) {
+      chartOptions.value.scales.x.ticks.stepSize = 1;
+    }else{
+      chartOptions.value.scales.x.ticks.stepSize = 5;
+    }
+    chartOptions.value.scales.x.max = maxX.value;
+
+  return props.chartData;
+});
+
+let is_loading = computed(() => props.is_loading)
+
+var chartOptions = ref({
+        responsive: false,
+        animation: false,
+        maintainAspectRatio: false,
+        indexAxis: 'y',
+        hover: {mode: null},
+        // categoryPercentage: 1,
+        // barPercentage: 0.8,
+        scales: {
+          x: {
+            title: {
+              display: true,
+              text: browser.i18n.getMessage('Mails')
+            },
+            beginAtZero: true,
+            min: 0,
+            max: maxX.value,
+            ticks: {
+              stepSize: 5,
+              callback: function(value) {
+                if (Number.isInteger(value)) {
+                  return value;
+                }
+                return '';
+              },
+              align: 'right',
+              // maxRotation: 0,
+              // minRotation: 0
+            },
+          },
+          y: {
+            title: {
+              display: false,
+            },
+            beginAtZero: true,
+            min: 0,
+            ticks: {
+              callback: function(value, index, ticks) {
+                          return this.getLabelForValue(value);
+              },
+            },
+          },
+        },
+        plugins: {
+          legend: {
+            display: false,
+          },
+          htmlLegend: {
+            // ID of the container to put the legend in
+            containerID: legend_id.value,
+            is_today: false,
+            is_yesterday: false,
+          },
+          tooltip: {
+              enabled: false,
+          },
+          datalabels: {
+            display: true,
+            anchor: 'end',
+            align: function(context) {
+              let width = context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].width;
+              // console.log(">>>>>>>>>>>>>>>>>>>>> context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex]: " + JSON.stringify(context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex]));
+              return width <= 25 ? 'right' : 'left';
+            },
+            color: function(context) {
+              let width = context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].width;
+              //console.log(">>>>>>>>>>>>>>>>>>>>> width: " + JSON.stringify(width));
+              //console.log(">>>>>>>>>>>>>>>>>>>>> darkMode: " + JSON.stringify(tsStore.darkmode));
+              return width > 25 ? '#fff' : tsStore.darkmode?'#bbb':'grey';
+            },
+            font: {
+              weight: 'bold',
+            },
+          },
+        },
+      });
+
+var chartPlugins = [ChartDataLabels, htmlLegendPlugin];
+
+</script>
+
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/widgets/WidgetTags.vue b/src/components/widgets/WidgetTags.vue
new file mode 100644
index 00000000..ea06affe
--- /dev/null
+++ b/src/components/widgets/WidgetTags.vue
@@ -0,0 +1,61 @@
+<!--
+/*
+ *  ThunderStats [https://micz.it/thunderbird-addon-thunderstats-your-thunderbird-statistics/]
+ *  Copyright (C) 2024  Mic (m@micz.it)
+
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+-->
+
+
+<template>
+    <ChartTags :chartData="chartData" :chart_id="chart_id" :chart_height="chart_height" :is_loading="is_loading" />
+</template>
+
+
+<script setup>
+import { computed } from 'vue'
+import ChartTags from '../charts/ChartTags.vue';
+
+let props = defineProps({
+    chartData: {
+        type: Object,
+        default: () => ({}),
+        required: true
+    },
+    chart_id: {
+        type: String,
+        default: 'tags-chart',
+    },
+    chart_height: {
+        type: String,
+        default: '500px'
+    },
+    is_loading: {
+        type: Boolean,
+        default: true
+    }
+});
+
+let chartData = computed(() => props.chartData)
+let chart_id = computed(() => props.chart_id)
+let chart_height = computed(() => props.chart_height)
+let is_loading = computed(() => props.is_loading)
+
+</script>
+
+
+<style scoped>
+
+</style>
\ No newline at end of file

From 807f4c178e9587c1db19cfb81a8ecba962597bc9 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 22:17:25 +0200
Subject: [PATCH 043/136] log call fixed

---
 statslib/mzts-statscore.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/statslib/mzts-statscore.js b/statslib/mzts-statscore.js
index 72b2b19f..19dd1e6e 100644
--- a/statslib/mzts-statscore.js
+++ b/statslib/mzts-statscore.js
@@ -397,7 +397,7 @@ export class thunderStastsCore {
                   tags[tag].count++;
                   tags[tag].sent++;
                 } else {
-                  this.logger.error("tag: " + tag + " not found!");
+                  this.tsLog.error("tag: " + tag + " not found!");
                 }
               }
               // check recipients

From b52130a7c2ccc0f928631b2e645aa44c73954e53 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 22:23:42 +0200
Subject: [PATCH 044/136] tsStore.tags_list added

---
 statslib/mzts-statscore.js       | 1 +
 statslib/mzts-statscore.utils.js | 2 +-
 statslib/mzts-store.js           | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/statslib/mzts-statscore.js b/statslib/mzts-statscore.js
index 19dd1e6e..785d5630 100644
--- a/statslib/mzts-statscore.js
+++ b/statslib/mzts-statscore.js
@@ -282,6 +282,7 @@ export class thunderStastsCore {
 
       let domains = {};
       let tags = await tsCoreUtils.getTagsList();
+      tsStore.tags_list = tags;
 
       //let messageids_sent = [];
 
diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 9cb66630..036de052 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -153,7 +153,7 @@ export const tsCoreUtils = {
 
     async transformTagsLabels(labels) {
         let output = [];
-        let tags = await tsCoreUtils.getTagsList();
+        let tags = tsStore.tags_list;
         for(let label of labels) {
             output.push(tags[label].tag);
         }
diff --git a/statslib/mzts-store.js b/statslib/mzts-store.js
index 12f7c40a..ccfa3e77 100644
--- a/statslib/mzts-store.js
+++ b/statslib/mzts-store.js
@@ -27,4 +27,5 @@ export const tsStore = reactive({
         _weekday_sent: '#4682B4',
         _weekday_rcvd: '#FF8C45',
     },
+    'tags_list': {},
 });
\ No newline at end of file

From 9531751a90841d36981bfb90fdc0a82e256904f9 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 22:29:22 +0200
Subject: [PATCH 045/136] tags label are colored as the corresponding tab. see
 #359

---
 src/components/charts/ChartTags.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/charts/ChartTags.vue b/src/components/charts/ChartTags.vue
index 94c6a739..b42bace5 100644
--- a/src/components/charts/ChartTags.vue
+++ b/src/components/charts/ChartTags.vue
@@ -146,6 +146,11 @@ var chartOptions = ref({
               callback: function(value, index, ticks) {
                           return this.getLabelForValue(value);
               },
+              color: function(context) {
+                            const labelIndex = context['tick']['value'];
+                            const label = context.chart.data.labels[labelIndex];
+                            return tsCoreUtils.getTagsLabelColor(label);
+                        },
             },
           },
         },

From b8b1a6fd63cc664f2f4c700fc9fa71baf2332826 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 22:29:38 +0200
Subject: [PATCH 046/136] getTagsLabelColor method added

---
 statslib/mzts-statscore.utils.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 036de052..f214d415 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -160,6 +160,15 @@ export const tsCoreUtils = {
         return output;
     },
 
+    getTagsLabelColor(label) {
+        let color = Object.values(tsStore.tags_list).find(tag => tag.tag === label).color;
+        if(tsStore.darkmode && color === '#000000') {
+            color = '#ffffff';
+        }
+        
+        return color;
+    },
+
     // getManyDaysLabels(labels) {
     //     const daysOfWeek = ["WeekDay0", "WeekDay1", "WeekDay2", "WeekDay3", "WeekDay4", "WeekDay5", "WeekDay6"];
 

From 16f409366cb7d2c6f733294fca0e8944726e145f Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 22:30:16 +0200
Subject: [PATCH 047/136] tags chart added to today tab. see #359

---
 src/components/tabs/TAB_Today.vue | 64 +++++++++++++++++++++++++++----
 1 file changed, 56 insertions(+), 8 deletions(-)

diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index 2984d29c..0931dbf5 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -60,7 +60,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                        TO DO
+                    <WidgetTags :chartData="chartData_Tags" chart_id="chart_tags_today" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -97,6 +97,7 @@ import { tsUtils } from '@statslib/mzts-utils';
 import { tsExport } from '@statslib/mzts-export';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
 import WidgetInboxZero from '../widgets/WidgetInboxZero.vue';
+import WidgetTags from '../widgets/WidgetTags.vue';
 
 
 const props = defineProps({
@@ -145,6 +146,7 @@ let is_loading_counter_inbox_percent = ref(true);
 let is_loading_inbox_chart_folders = ref(true);
 let is_loading_inbox_chart_dates = ref(true);
 let is_loading_domains_chart = ref(true);
+let is_loading_tags_chart = ref(true);
 
 let counter_today_sent = ref(0);
 let counter_today_rcvd = ref(0);
@@ -191,7 +193,12 @@ let chartData_InboxZeroDates = ref({
 let chartData_Domains = ref({
     labels: [],
     datasets: []
-})
+});
+
+let chartData_Tags = ref({
+    labels: [],
+    datasets: []
+});
 
 let chartdata_today_hours_sent = ref([]);
 let chartdata_today_hours_rcvd = ref([]);
@@ -202,8 +209,12 @@ let chartdata_inboxzero_dates = ref([]);
 let chartdata_domains_sent = ref([]);
 let chartdata_domains_rcvd = ref([]);
 let chartdata_domains_labels = ref([]);
+let chartdata_tags_sent = ref([]);
+let chartdata_tags_rcvd = ref([]);
+let chartdata_tags_labels = ref([]);
 
 let domains_chart_height = ref("275px");
+let tags_chart_height = ref("275px");
 
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
@@ -216,7 +227,8 @@ let job_done = computed(() => {
     is_loading_counter_inbox_percent.value &&
     is_loading_inbox_chart_folders.value &&
     is_loading_inbox_chart_dates.value &&
-    is_loading_domains_chart.value);
+    is_loading_domains_chart.value &&
+    is_loading_tags_chart.value);
 })
 
 onMounted(async () => {
@@ -307,12 +319,12 @@ async function updateData() {
     // chartData_InboxZeroDates.value.datasets = tsCoreUtils.transformInboxZeroDatesDataToDataset(chartdata_inboxzero_dates.value);
     // tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
     // chart domains
-    let chart_container_height = document.getElementById('chart_domains_today').clientHeight;
-    let chart_ipotetic_height = chartdata_domains_labels.value.length * 30;
-    if(chart_container_height < chart_ipotetic_height){
-        domains_chart_height.value = String(chart_ipotetic_height) + "px";
+    let domains_container_height = document.getElementById('chart_domains_today').clientHeight;
+    let domains_ipotetic_height = chartdata_domains_labels.value.length * 30;
+    if(domains_container_height < domains_ipotetic_height){
+        domains_chart_height.value = String(domains_ipotetic_height) + "px";
     } else {
-        domains_chart_height.value = String(chart_container_height) + "px";
+        domains_chart_height.value = String(domains_container_height) + "px";
     }
     chartData_Domains.value.labels = chartdata_domains_labels.value;
     chartData_Domains.value.datasets = [];
@@ -335,6 +347,35 @@ async function updateData() {
     tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
     tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
 
+    // chart tags
+    let tags_container_height = document.getElementById('chart_tags_today').clientHeight;
+    let tags_ipotetic_height = chartdata_tags_labels.value.length * 60;
+    if(tags_container_height < tags_ipotetic_height){
+        tags_chart_height.value = String(tags_ipotetic_height) + "px";
+    } else {
+        tags_chart_height.value = String(tags_container_height) + "px";
+    }
+    chartData_Tags.value.labels = chartdata_tags_labels.value;
+    chartData_Tags.value.datasets = [];
+    chartData_Tags.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_tags_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Tags.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_tags_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Tags.value: " + JSON.stringify(chartData_Tags.value));
+    tsLog.log("chartData_Tags.value.labels: " + JSON.stringify(chartData_Tags.value.labels));
+
     nextTick(async () => {
         is_loading_today_chart.value = false;
         is_loading_inbox_chart_folders.value = false;
@@ -383,6 +424,13 @@ async function updateData() {
             chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
             chartdata_domains_labels.value = domains_data.labels;
             is_loading_domains_chart.value = false;
+            // tags
+            const tags_data = tsCoreUtils.transformCountDataToDataset(result_today.tags, false, true);
+            //  console.log(">>>>>>>>>>>>> tags_data: " + JSON.stringify(tags_data, null, 2));
+            chartdata_tags_sent.value = tags_data.dataset_sent;
+            chartdata_tags_rcvd.value = tags_data.dataset_rcvd;
+            chartdata_tags_labels.value = await tsCoreUtils.transformTagsLabels(tags_data.labels);
+            is_loading_tags_chart.value = false;
             updateElapsed('getTodayData', result_today.elapsed);
             resolve(true);
         });

From 45386e817b0d30bbf84a8a4c3b3ffa28a23a3d41 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 11 Oct 2024 23:02:47 +0200
Subject: [PATCH 048/136] jsconfig updated

---
 jsconfig.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/jsconfig.json b/jsconfig.json
index 6bb87691..c98b6c11 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -5,5 +5,5 @@
       "@statslib/*": ["./statslib/*"]
     }
   },
-  "exclude": ["node_modules", "dist"]
+  "exclude": ["node_modules", "dist", ".github"],
 }

From d3b9d508a19249b65f7e14e719a6cb3a4ff03819 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Thu, 17 Oct 2024 21:52:30 +0200
Subject: [PATCH 049/136] inbox zero widget fixed

---
 src/components/tabs/TAB_Today.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index 0931dbf5..0ab270e3 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -42,7 +42,6 @@
                         :folderLocationNote_text="folderLocationNote_text"
                         :is_loading_counter_sent_rcvd="is_loading_counter_sent_rcvd"
                         :counter_rcvd="counter_today_rcvd"
-                        :no_mails_received_today="no_mails_received_today"
                         :chartData_InboxZeroFolders="chartData_InboxZeroFolders"
                         :inbox0_openFolderInFirstTab="inbox0_openFolderInFirstTab"
                         :is_loading_inbox_chart_folders="is_loading_inbox_chart_folders"

From 24f63d334ad53487eee286280e53d572f0999305 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Thu, 17 Oct 2024 21:52:57 +0200
Subject: [PATCH 050/136] using inbox sero widget

---
 src/components/tabs/TAB_CustomQry.vue | 37 ++++++++++++++++-----------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 861ebee7..4911c702 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -108,16 +108,24 @@
     <div v-if="do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_InboxZeroStatus__</h2>
 					  </div>
-					  <CounterInbox :is_loading="is_loading_inbox_chart_folders" :inbox_total="counter_inbox_total" :inbox_unread="counter_inbox_unread" />
-            <CounterInboxPercent :is_loading="is_loading_counter_inbox_percent" :inbox_percent="counter_inbox_percent" />
-                      <div class="chart_inbox0_info"><p class="chart_info">__MSG_FolderLocation__ <InfoTooltip :showAnchor="showFolderLocationNoteAnchor" :noteText="folderLocationNote_text"></InfoTooltip></p><p class="chart_info_nomail" id="singleday_inbox0_folder_spread_nomails" v-if="!is_loading_counter_sent_rcvd && (rcvd_total == 0)" v-text="no_mails_received_yesterday"></p></div>
-                      <div class="chart_inbox0">
-                        <ChartInboxZeroFolders :chartData="chartData_InboxZeroFolders" :openFolderInFirstTab="inbox0_openFolderInFirstTab" :is_loading="is_loading_inbox_chart_folders" />
-                      </div>
-                      <div class="chart_inbox0_datemsg">
-                        <p class="chart_info">__MSG_InboxMailsDateSpreading__</p><p class="chart_info_nomail" id="singleday_inbox0_datemsg_nomails" v-if="!is_loading_counter_inbox && (counter_inbox_total == 0)" v-text="no_mails_inbox"></p>
-                        <ChartInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_chart_dates" />
-                      </div>
+            <WidgetInboxZero
+              :is_loading_counter_inbox="is_loading_counter_inbox"
+              :counter_inbox_total="counter_inbox_total"
+              :counter_inbox_unread="counter_inbox_unread"
+              :is_loading_counter_inbox_percent="is_loading_counter_inbox_percent"
+              :counter_inbox_percent="counter_inbox_percent"
+              :showFolderLocationNoteAnchor="showFolderLocationNoteAnchor"
+              :folderLocationNote_text="folderLocationNote_text"
+              :is_loading_counter_sent_rcvd="is_loading_counter_sent_rcvd"
+              :counter_rcvd="rcvd_total"
+              :chartData_InboxZeroFolders="chartData_InboxZeroFolders"
+              :inbox0_openFolderInFirstTab="inbox0_openFolderInFirstTab"
+              :is_loading_inbox_chart_folders="is_loading_inbox_chart_folders"
+              :no_mails_inbox="no_mails_inbox"
+              :chartData_InboxZeroDates="chartData_InboxZeroDates"
+              :is_loading_inbox_chart_dates="is_loading_inbox_chart_dates"
+              :no_mails_received="no_mails_received"
+            />
     </div>
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_TimeDay__</h2>
@@ -177,16 +185,13 @@ import ContextMenu from '@imengyu/vue3-context-menu'
 import '@imengyu/vue3-context-menu/lib/vue3-context-menu.css'
 import CounterSentReceived from '../counters/CounterSentReceived.vue';
 import ChartTime from '../charts/ChartTime.vue';
-import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
-import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
-import CounterInbox from '../counters/CounterInbox.vue';
-import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
 import Multiselect from '@vueform/multiselect';
 import '@vueform/multiselect/themes/default.css';
 import advancedFiltersIconPath from '@/assets/images/mzts-customqry_adv_filters.svg';
 import advancedFiltersIconPath_Set from '@/assets/images/mzts-customqry_adv_filters_set.svg';
 import WidgetWeekDay from '../widgets/WidgetWeekDay.vue';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
+import WidgetInboxZero from '../widgets/WidgetInboxZero.vue';
 
 const emit = defineEmits(['updateCustomQry'],['updateElapsed']['customQryUserCancelled']);
 
@@ -231,6 +236,7 @@ let inbox0_openFolderInFirstTab = ref(false);
 let do_single_day = ref(false);
 let singleDay = ref(null);
 let singleday_date_str = ref("");
+let no_mails_received = ref("");
 
 let is_loading_singleday_chart = ref(true);
 let is_loading_inbox_chart_folders = ref(true);
@@ -439,6 +445,7 @@ onMounted(async () => {
     if(tsStore.current_account_id != 0) {
       folderList.value = await tsCoreUtils.getAccountFoldersNames(tsStore.current_account_id);
     }
+    no_mails_received.value = browser.i18n.getMessage("NoMailsReceived");
 });
 
 function update(){
@@ -966,7 +973,7 @@ defineExpose({ doQry, updateAdvFiltersPosition });
 .square_container {
     margin-top: 4.6em;
 }
-.chart_inbox0_percent{
+:deep(.chart_inbox0_percent){
   top: 5.2em;
 }
 </style>
\ No newline at end of file

From e0089baf6d130132261547384d56d3687fbcff09 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Thu, 17 Oct 2024 21:55:30 +0200
Subject: [PATCH 051/136] using inbox zero widget

---
 src/components/tabs/TAB_Yesterday.vue | 34 +++++++++++++++------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 3e36a977..ebea33ae 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -32,16 +32,24 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_InboxZeroStatus__</h2>
 					  </div>
-					  <CounterInbox :is_loading="is_loading_counter_inbox" :inbox_total="counter_inbox_total" :inbox_unread="counter_inbox_unread" />
-                      <CounterInboxPercent :is_loading="is_loading_counter_inbox_percent" :inbox_percent="counter_inbox_percent" />
-                      <div class="chart_inbox0_info"><p class="chart_info">__MSG_FolderLocation__ <InfoTooltip :showAnchor="showFolderLocationNoteAnchor" :noteText="folderLocationNote_text"></InfoTooltip></p><p class="chart_info_nomail" id="yesteday_inbox0_folder_spread_nomails" v-if="!is_loading_counter_sent_rcvd && (counter_yesterday_rcvd == 0)" v-text="no_mails_received_yesterday"></p></div>
-                      <div class="chart_inbox0">
-                        <ChartInboxZeroFolders :chartData="chartData_InboxZeroFolders" :openFolderInFirstTab="inbox0_openFolderInFirstTab" :is_loading="is_loading_inbox_chart_folders" />
-                      </div>
-                      <div class="chart_inbox0_datemsg">
-                        <p class="chart_info">__MSG_InboxMailsDateSpreading__</p><p class="chart_info_nomail" id="yesterday_inbox0_datemsg_nomails" v-if="!is_loading_counter_inbox && (counter_inbox_total == 0)" v-text="no_mails_inbox"></p>
-                        <ChartInboxZeroDates :chartData="chartData_InboxZeroDates" :is_loading="is_loading_inbox_chart_dates" />
-                      </div>
+                      <WidgetInboxZero
+                        :is_loading_counter_inbox="is_loading_counter_inbox"
+                        :counter_inbox_total="counter_inbox_total"
+                        :counter_inbox_unread="counter_inbox_unread"
+                        :is_loading_counter_inbox_percent="is_loading_counter_inbox_percent"
+                        :counter_inbox_percent="counter_inbox_percent"
+                        :showFolderLocationNoteAnchor="showFolderLocationNoteAnchor"
+                        :folderLocationNote_text="folderLocationNote_text"
+                        :is_loading_counter_sent_rcvd="is_loading_counter_sent_rcvd"
+                        :counter_rcvd="counter_yesterday_rcvd"
+                        :chartData_InboxZeroFolders="chartData_InboxZeroFolders"
+                        :inbox0_openFolderInFirstTab="inbox0_openFolderInFirstTab"
+                        :is_loading_inbox_chart_folders="is_loading_inbox_chart_folders"
+                        :no_mails_inbox="no_mails_inbox"
+                        :chartData_InboxZeroDates="chartData_InboxZeroDates"
+                        :is_loading_inbox_chart_dates="is_loading_inbox_chart_dates"
+                        :no_mails_received="no_mails_received_yesterday"
+                      />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Domains__</h2>
@@ -78,19 +86,15 @@ import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import { tsUtils } from '@statslib/mzts-utils';
 import CounterSentReceived from '../counters/CounterSentReceived.vue';
 import ChartTime from '../charts/ChartTime.vue';
-import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
-import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
 import TableInvolved from '../tables/TableInvolved.vue';
-import CounterInbox from '../counters/CounterInbox.vue';
 import { tsPrefs } from '@statslib/mzts-options';
 import { i18n } from "@statslib/mzts-i18n.js";
 import { tsStore } from '@statslib/mzts-store';
 import { tsExport } from '@statslib/mzts-export';
 import CounterManyDays_Table from '../counters/CounterManyDays_Table.vue';
-import InfoTooltip from '../InfoTooltip.vue';
 import ExportMenu from '../ExportMenu.vue';
-import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
+import WidgetInboxZero from '../widgets/WidgetInboxZero.vue';
 
 const props = defineProps({
     accountEmails: {

From f41d39e09aede0e0a82f5e36a552eef3014a05bd Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 25 Oct 2024 20:41:52 +0200
Subject: [PATCH 052/136] transformInboxZeroDatesExtendedDataToDataset method
 added

---
 statslib/mzts-statscore.utils.js | 35 ++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index f214d415..9b0883d2 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -322,6 +322,41 @@ export const tsCoreUtils = {
         return datasets;
     },
 
+    transformInboxZeroDatesExtendedDataToDataset(data) {
+        let output = {};
+        let dataset = {};
+        dataset.data = [];
+        let labels = [];
+        let total = 0;
+        let targetLength = data.length;
+
+        let availableColors = [...inboxZeroColors];
+        while (availableColors.length <= targetLength) {
+            // Aggiungi tutto l'array inboxZeroColors
+            availableColors.push(...inboxZeroColors);
+          }
+
+        for(let key in data) {
+            total += data[key];
+        }
+
+        for(let key in data) {
+            let value = data[key];
+            dataset.data.push(value);
+            let current_date = tsUtils.parseYYYYMMDDToDate(key);
+            labels.push(current_date.toLocaleDateString(undefined,{day: '2-digit', month: '2-digit', year: 'numeric'}));
+        }
+
+        dataset.backgroundColor = [...availableColors];
+        dataset.borderColor = [...availableColors];
+
+        output.dataset = dataset;
+        output.labels = labels;
+        output.total = total;
+
+        return output;
+    },
+
     // getMaxFromData(data) {      // data is an object like this: {"20240517":2,"20240518":4,"20240519":4,"20240520":2,"20240521":0,"20240522":2,"20240523":4,"20240524":0}
     //     let maxValue = 0;
     //     for (const [date, value] of Object.entries(data)) {

From 933c9ee9893f53f5f6793f0c531313d9496f9196 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 25 Oct 2024 20:42:06 +0200
Subject: [PATCH 053/136] currentTab added to tsStore

---
 src/views/ThunderStatsView.vue | 1 +
 statslib/mzts-store.js         | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/views/ThunderStatsView.vue b/src/views/ThunderStatsView.vue
index 52fdce88..2c5ed414 100644
--- a/src/views/ThunderStatsView.vue
+++ b/src/views/ThunderStatsView.vue
@@ -202,6 +202,7 @@ import { tsUtils } from '@statslib/mzts-utils';
     //console.log(">>>>>>>>>>>> ThunderStatsView tabChanged tsStore.do_debug: " + tsStore.do_debug);
     //console.log(">>>>>>>>>>>> ThunderStatsView tabChanged tsLog: " + JSON.stringify(tsLog));
     currentTab.value = id.tab.computedId;
+    tsStore.currentTab = id.tab.computedId;
     if(!mounted_ok) { return; }
     updateElapsed(0);
     is_loading.value = false;
diff --git a/statslib/mzts-store.js b/statslib/mzts-store.js
index ccfa3e77..5a705216 100644
--- a/statslib/mzts-store.js
+++ b/statslib/mzts-store.js
@@ -28,4 +28,5 @@ export const tsStore = reactive({
         _weekday_rcvd: '#FF8C45',
     },
     'tags_list': {},
+    'currentTab': '',
 });
\ No newline at end of file

From a9926ac53cbb4a6a89e3583cc07d6c3824ba05de Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 25 Oct 2024 20:42:47 +0200
Subject: [PATCH 054/136] ChartInboxZeroDatesExtended component added. see #350

---
 .../charts/ChartInboxZeroDatesExtended.vue    | 213 ++++++++++++++++++
 1 file changed, 213 insertions(+)
 create mode 100644 src/components/charts/ChartInboxZeroDatesExtended.vue

diff --git a/src/components/charts/ChartInboxZeroDatesExtended.vue b/src/components/charts/ChartInboxZeroDatesExtended.vue
new file mode 100644
index 00000000..e3197768
--- /dev/null
+++ b/src/components/charts/ChartInboxZeroDatesExtended.vue
@@ -0,0 +1,213 @@
+<!--
+/*
+ *  ThunderStats [https://micz.it/thunderbird-addon-thunderstats-your-thunderbird-statistics/]
+ *  Copyright (C) 2024  Mic (m@micz.it)
+
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+-->
+
+<template>
+  <div class="chart_time_container">
+    <div class="chart_time_full_domains" :id="chart_id">
+      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
+      <Bar
+          :options="chartOptions"
+          :data="chartData"
+          :plugins="chartPlugins"
+          :key="chartData_length"
+          ref="inbox0folderextChartBar_ref"
+          v-if="!is_loading"
+          :height="chart_height"
+          width="500px"
+        />
+    </div>
+</div>
+</template>
+
+
+<script setup>
+import { ref, computed } from 'vue'
+import { Bar } from 'vue-chartjs'
+import { Chart, BarController, BarElement, CategoryScale, LinearScale, Title, Tooltip } from 'chart.js';
+import ChartDataLabels from 'chartjs-plugin-datalabels';
+import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
+import { tsStore } from '@statslib/mzts-store';
+import { tsUtils } from '@statslib/mzts-utils';
+
+Chart.register(Title, Tooltip, BarElement, CategoryScale, LinearScale, BarController);
+
+
+let props = defineProps({
+    chartData: {
+        type: Object,
+        default: () => ({}),
+        required: true
+    },
+    chart_id: {
+        type: String,
+        default: 'inbox0-folders-extended-chart',
+    },
+    chart_height: {
+        type: String,
+        default: '500px'
+    },
+    is_loading: {
+        type: Boolean,
+        default: true
+    },
+    key: {
+        type: Number,
+        default: 0
+    }
+});
+
+let inbox0folderextChartBar_ref = ref(null);
+
+let maxX = ref(0);
+
+let chart_id = computed(() => props.chart_id);
+let chart_height = computed(() => props.chart_height);
+let chartData_length = computed(() => props.key);
+
+let chartData = computed(() => {
+  if (props.chartData.datasets && props.chartData.datasets.length > 0) {
+  let data = tsUtils.safeConcat(props.chartData.datasets, 0)
+                  .concat(tsUtils.safeConcat(props.chartData.datasets, 1));
+        let maxData = tsCoreUtils.getMaxFromData(data);
+        maxX.value = (Math.ceil(maxData / 5) * 5);
+        if(maxX.value == maxData) {
+          maxX.value = maxX.value + 3;
+        }
+    } else {
+        maxX.value = 5;
+    }
+    if(!chartOptions) return;
+    //  console.log(">>>>>>>>>>>>>>>>>>>> maxX: " + maxX.value);
+    if(maxX.value < 20) {
+      chartOptions.value.scales.x.ticks.stepSize = 1;
+      chartOptions.value.scales.x2.ticks.stepSize = 1;
+    }else{
+      chartOptions.value.scales.x.ticks.stepSize = 5;
+      chartOptions.value.scales.x2.ticks.stepSize = 5;
+    }
+    chartOptions.value.scales.x.max = maxX.value;
+    chartOptions.value.scales.x2.max = maxX.value;
+
+  return props.chartData;
+});
+
+let is_loading = computed(() => props.is_loading)
+
+var chartOptions = ref({
+        responsive: false,
+        animation: false,
+        maintainAspectRatio: false,
+        indexAxis: 'y',
+        hover: {mode: null},
+        // categoryPercentage: 1,
+        // barPercentage: 0.8,
+        scales: {
+          x: {
+            title: {
+              display: true,
+              text: browser.i18n.getMessage('Mails')
+            },
+            position: 'top',
+            beginAtZero: true,
+            min: 0,
+            max: maxX.value,
+            ticks: {
+              stepSize: 5,
+              callback: function(value) {
+                if (Number.isInteger(value)) {
+                  return value;
+                }
+                return '';
+              },
+              align: 'right',
+              // maxRotation: 0,
+              // minRotation: 0
+            },
+          },
+          x2: {
+            position: 'bottom',
+            title: {
+              display: true,
+              text: browser.i18n.getMessage('Mails')
+            },
+            beginAtZero: true,
+            min: 0,
+            ticks: {
+              stepSize: 5,
+              callback: function(value) {
+                if (Number.isInteger(value)) {
+                  return value;
+                }
+                return '';
+              },
+              align: 'right',
+              // maxRotation: 0,
+              // minRotation: 0
+            },
+          },
+          y: {
+            title: {
+              display: false,
+            },
+            beginAtZero: true,
+            min: 0,
+            ticks: {
+              callback: function(value, index, ticks) {
+                          return this.getLabelForValue(value);
+              },
+            },
+          },
+        },
+        plugins: {
+          legend: {
+            display: false,
+          },
+          tooltip: {
+              enabled: false,
+          },
+          datalabels: {
+            display: true,
+            anchor: 'end',
+            align: function(context) {
+              let width = context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].width;
+              // console.log(">>>>>>>>>>>>>>>>>>>>> context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex]: " + JSON.stringify(context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex]));
+              return width <= 25 ? 'right' : 'left';
+            },
+            color: function(context) {
+              let width = context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].width;
+              //console.log(">>>>>>>>>>>>>>>>>>>>> width: " + JSON.stringify(width));
+              //console.log(">>>>>>>>>>>>>>>>>>>>> darkMode: " + JSON.stringify(tsStore.darkmode));
+              return width > 25 ? '#fff' : tsStore.darkmode?'#bbb':'grey';
+            },
+            font: {
+              weight: 'bold',
+            },
+          },
+        },
+      });
+
+var chartPlugins = [ChartDataLabels];
+
+</script>
+
+
+<style scoped>
+
+</style>
\ No newline at end of file

From 610b6be182934e9351dcda008e0963f00a3492fe Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 25 Oct 2024 20:43:24 +0200
Subject: [PATCH 055/136] extended inbox0 dates chart added. see #350

---
 src/components/tabs/TAB_CustomQry.vue      |   1 +
 src/components/tabs/TAB_Today.vue          |   1 +
 src/components/tabs/TAB_Yesterday.vue      |   1 +
 src/components/widgets/WidgetInboxZero.vue | 148 +++++++++++++++++----
 4 files changed, 128 insertions(+), 23 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 4911c702..948c1ada 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -123,6 +123,7 @@
               :is_loading_inbox_chart_folders="is_loading_inbox_chart_folders"
               :no_mails_inbox="no_mails_inbox"
               :chartData_InboxZeroDates="chartData_InboxZeroDates"
+              :chartData_InboxZeroDates_extended = "chartdata_inboxzero_dates"
               :is_loading_inbox_chart_dates="is_loading_inbox_chart_dates"
               :no_mails_received="no_mails_received"
             />
diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index 0ab270e3..dd8c99c1 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -47,6 +47,7 @@
                         :is_loading_inbox_chart_folders="is_loading_inbox_chart_folders"
                         :no_mails_inbox="no_mails_inbox"
                         :chartData_InboxZeroDates="chartData_InboxZeroDates"
+                        :chartData_InboxZeroDates_extended = "chartdata_inboxzero_dates"
                         :is_loading_inbox_chart_dates="is_loading_inbox_chart_dates"
                         :no_mails_received="no_mails_received_today"
                       />
diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index ebea33ae..696df485 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -47,6 +47,7 @@
                         :is_loading_inbox_chart_folders="is_loading_inbox_chart_folders"
                         :no_mails_inbox="no_mails_inbox"
                         :chartData_InboxZeroDates="chartData_InboxZeroDates"
+                        :chartData_InboxZeroDates_extended = "chartdata_inboxzero_dates"
                         :is_loading_inbox_chart_dates="is_loading_inbox_chart_dates"
                         :no_mails_received="no_mails_received_yesterday"
                       />
diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index e2328514..08a5387c 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -1,15 +1,15 @@
 <template>
     <div>
-      <CounterInbox 
+      <CounterInbox v-if="!show_extended"
         :is_loading="is_loading_counter_inbox" 
         :inbox_total="counter_inbox_total" 
         :inbox_unread="counter_inbox_unread" 
       />
-      <CounterInboxPercent 
+      <CounterInboxPercent v-if="!show_extended"
         :is_loading="is_loading_counter_inbox_percent" 
         :inbox_percent="counter_inbox_percent" 
       />
-      <div class="chart_inbox0_info">
+      <div class="chart_inbox0_info" v-if="!show_extended">
         <p class="chart_info">
           __MSG_FolderLocation__ 
           <InfoTooltip 
@@ -23,14 +23,14 @@
           v-text="no_mails_received"
         ></p>
       </div>
-      <div class="chart_inbox0">
+      <div class="chart_inbox0" v-if="!show_extended">
         <ChartInboxZeroFolders 
           :chartData="chartData_InboxZeroFolders" 
           :openFolderInFirstTab="inbox0_openFolderInFirstTab" 
           :is_loading="is_loading_inbox_chart_folders" 
         />
       </div>
-      <div class="chart_inbox0_datemsg">
+      <div class="chart_inbox0_datemsg" v-if="!show_extended">
         <p class="chart_info">__MSG_InboxMailsDateSpreading__</p>
         <p 
           class="chart_info_nomail" 
@@ -39,19 +39,31 @@
         ></p>
         <ChartInboxZeroDates 
           :chartData="chartData_InboxZeroDates" 
-          :is_loading="is_loading_inbox_chart_dates" 
+          :is_loading="is_loading_inbox_chart_dates"
+        />
+        <button type="button" @click="doShowExtended" v-if="!is_loading_counter_inbox" >extend</button>
+      </div>
+      <div class="chart_inbox0_extended" :id="chart_inbox0_extended_id" v-if="show_extended">
+        <ChartInboxZeroDatesExtended 
+          :chartData="chartData_InboxZeroDates_extended"
+          :chart_height="chart_inbox0_extended_height"
+          :is_loading="false"
+          :key = "key"
         />
       </div>
     </div>
 </template>
 
 <script setup>
-// import { computed } from 'vue';
+import { ref, computed, nextTick } from 'vue';
 import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
 import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
 import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
 import CounterInbox from '../counters/CounterInbox.vue';
 import InfoTooltip from '../InfoTooltip.vue';
+import ChartInboxZeroDatesExtended from '../charts/ChartInboxZeroDatesExtended.vue';
+import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
+import { tsStore } from '@statslib/mzts-store';
 
 
 const props = defineProps({
@@ -117,28 +129,118 @@ const props = defineProps({
     default: () => ({}),
     required: true,
   },
+  chartData_InboxZeroDates_extended: {
+    type: Object,
+    default: () => ({}),
+    required: true,
+  },
   is_loading_inbox_chart_dates: {
     type: Boolean,
     default: false,
   }
 });
 
-// let is_loading_counter_inbox = computed(() => props.is_loading_counter_inbox);
-// let counter_inbox_total = computed(() => props.counter_inbox_total);
-// let counter_inbox_unread = computed(() => props.counter_inbox_unread);
-// let is_loading_counter_inbox_percent = computed(() => props.is_loading_counter_inbox_percent);
-// let counter_inbox_percent = computed(() => props.counter_inbox_percent);
-// let showFolderLocationNoteAnchor = computed(() => props.showFolderLocationNoteAnchor);
-// let folderLocationNote_text = computed(() => props.folderLocationNote_text);
-// let is_loading_counter_sent_rcvd = computed(() => props.is_loading_counter_sent_rcvd);
-// let counter_rcvd = computed(() => props.counter_rcvd);
-// let chartData_InboxZeroFolders = computed(() => props.chartData_InboxZeroFolders);
-// let inbox0_openFolderInFirstTab = computed(() => props.inbox0_openFolderInFirstTab);
-// let is_loading_inbox_chart_folders = computed(() => props.is_loading_inbox_chart_folders);
-// let no_mails_inbox = computed(() => props.no_mails_inbox);
-// let no_mails_received = computed(() => props.no_mails_received);
-// let chartData_InboxZeroDates = computed(() => props.chartData_InboxZeroDates);
-// let is_loading_inbox_chart_dates = computed(() => props.is_loading_inbox_chart_dates);
+let show_extended = ref(false);
+let chart_inbox0_extended_height = ref("275px")
+// let chartData_InboxZeroDates_extended = ref({
+//     labels: [],
+//     datasets: []
+// })
+
+let chart_inbox0_extended_id = computed(() => {
+  return "chart_inbox0_extended_" + tsStore.currentTab;
+});
+
+let force_rand = ref(Math.floor(Math.random() * 101));
+let key = computed(() => (props.chartData_InboxZeroDates_extended.length + force_rand.value));
+
+
+// let chart_inbox0_extended_height = computed(async () => {
+//   await nextTick();
+//   let output = "";  
+//   let container_height = document.getElementById(chart_inbox0_extended_id.value).clientHeight;
+//   let ipotetic_height = chartData_InboxZeroDates_extended.value.labels.length * 30;
+//   console.log(">>>>>>>>>>>>> chart_inbox0_height container_height: " + container_height + " ipotetic_height: " + ipotetic_height);
+//   if(container_height < ipotetic_height){
+//     output = String(ipotetic_height) + "px";
+//   } else {
+//     output = String(container_height) + "px";
+//   }
+//   console.log(">>>>>>>>>>>>>> chart_inbox0_height: " + output);
+//   return output;
+// });
+
+let chartData_InboxZeroDates_extended = computed(() => {
+  let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(props.chartData_InboxZeroDates_extended, true);
+  let output = {};
+  output.labels = data_trasf.labels;
+  output.datasets = [data_trasf.dataset];
+  console.log(">>>>>>>>>>>>>> props.chartData_InboxZeroDates_extended: " + JSON.stringify(props.chartData_InboxZeroDates_extended));
+  console.log(">>>>>>>>>>>>>> chartData_InboxZeroDates_extended: " + JSON.stringify(output));
+  return output;
+});
+
+// watch(() => props.chartData_InboxZeroDates_extended, async (newValue) => {
+//   console.log(">>>>>>>>>>>>> chart_inbox0_extended_id: " + chart_inbox0_extended_id.value);
+//   let dom_element = document.getElementById(chart_inbox0_extended_id.value);
+//   if(dom_element != null){
+//     let container_height = dom_element.clientHeight;
+//     let ipotetic_height = newValue.labels.length * 30;
+//     console.log(">>>>>>>>>>>>> chart_inbox0_height container_height: " + container_height + " ipotetic_height: " + ipotetic_height);
+//     if(container_height < ipotetic_height){
+//       chart_inbox0_extended_height.value = String(ipotetic_height) + "px";
+//     } else {
+//       chart_inbox0_extended_height.value = String(container_height) + "px";
+//     }
+//     console.log(">>>>>>>>>>>>>> chart_inbox0_extended_height.value: " + chart_inbox0_extended_height.value);
+//   }
+//   let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(newValue);
+//   let output = {};
+//   output.labels = data_trasf.labels;
+//   output.datasets = [{data: data_trasf.dataset}];
+//   console.log(">>>>>>>>>>>>>> props.chartData_InboxZeroDates_extended: " + JSON.stringify(newValue));
+//   console.log(">>>>>>>>>>>>>> chartData_InboxZeroDates_extended: " + JSON.stringify(output));
+//   chartData_InboxZeroDates_extended.value = output;
+// }, { immediate: true });
+
+// watch(() => show_extended.value, async (newValue) => {
+//   if(newValue == false) return;
+//   await nextTick();
+//   let dom_element = document.getElementById(chart_inbox0_extended_id.value);
+//   if(dom_element != null){
+//     let container_height = dom_element.clientHeight;
+//     let ipotetic_height = chartData_InboxZeroDates_extended.value.labels.length * 30;
+//     console.log(">>>>>>>>>>>>> chart_inbox0_height container_height: " + container_height + " ipotetic_height: " + ipotetic_height);
+//     if(container_height < ipotetic_height){
+//       chart_inbox0_extended_height.value = String(ipotetic_height) + "px";
+//     } else {
+//       chart_inbox0_extended_height.value = String(container_height) + "px";
+//     }
+//     console.log(">>>>>>>>>>>>>> chart_inbox0_extended_height.value: " + chart_inbox0_extended_height.value);
+//   }
+// }, { immediate: true });
+
+
+async function doShowExtended() {
+  show_extended.value = true;
+  await nextTick();
+  let dom_element = document.getElementById(chart_inbox0_extended_id.value);
+  if(dom_element != null){
+    let container_height = dom_element.clientHeight;
+    let ipotetic_height = chartData_InboxZeroDates_extended.value.labels.length * 30;
+    // console.log(">>>>>>>>>>>>> chart_inbox0_height container_height: " + container_height + " ipotetic_height: " + ipotetic_height);
+    if(container_height < ipotetic_height){
+      chart_inbox0_extended_height.value = String(ipotetic_height) + "px";
+    } else {
+      chart_inbox0_extended_height.value = String(container_height) + "px";
+    }
+    // console.log(">>>>>>>>>>>>>> chart_inbox0_extended_height.value: " + chart_inbox0_extended_height.value);
+    force_rand.value =Math.floor(Math.random() * 101);
+  }else{
+    console.error("[ThunderStats] Extended inbox0 chart DOM element not found!");
+  }
+}
+
 </script>
 
 <style scoped>

From 400aa6948e357f0f0c79eef80d89f594480bd43f Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 25 Oct 2024 20:44:13 +0200
Subject: [PATCH 056/136] commented out code removed

---
 src/components/widgets/WidgetInboxZero.vue | 59 ----------------------
 1 file changed, 59 deletions(-)

diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 08a5387c..46302e86 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -142,10 +142,6 @@ const props = defineProps({
 
 let show_extended = ref(false);
 let chart_inbox0_extended_height = ref("275px")
-// let chartData_InboxZeroDates_extended = ref({
-//     labels: [],
-//     datasets: []
-// })
 
 let chart_inbox0_extended_id = computed(() => {
   return "chart_inbox0_extended_" + tsStore.currentTab;
@@ -155,21 +151,6 @@ let force_rand = ref(Math.floor(Math.random() * 101));
 let key = computed(() => (props.chartData_InboxZeroDates_extended.length + force_rand.value));
 
 
-// let chart_inbox0_extended_height = computed(async () => {
-//   await nextTick();
-//   let output = "";  
-//   let container_height = document.getElementById(chart_inbox0_extended_id.value).clientHeight;
-//   let ipotetic_height = chartData_InboxZeroDates_extended.value.labels.length * 30;
-//   console.log(">>>>>>>>>>>>> chart_inbox0_height container_height: " + container_height + " ipotetic_height: " + ipotetic_height);
-//   if(container_height < ipotetic_height){
-//     output = String(ipotetic_height) + "px";
-//   } else {
-//     output = String(container_height) + "px";
-//   }
-//   console.log(">>>>>>>>>>>>>> chart_inbox0_height: " + output);
-//   return output;
-// });
-
 let chartData_InboxZeroDates_extended = computed(() => {
   let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(props.chartData_InboxZeroDates_extended, true);
   let output = {};
@@ -180,46 +161,6 @@ let chartData_InboxZeroDates_extended = computed(() => {
   return output;
 });
 
-// watch(() => props.chartData_InboxZeroDates_extended, async (newValue) => {
-//   console.log(">>>>>>>>>>>>> chart_inbox0_extended_id: " + chart_inbox0_extended_id.value);
-//   let dom_element = document.getElementById(chart_inbox0_extended_id.value);
-//   if(dom_element != null){
-//     let container_height = dom_element.clientHeight;
-//     let ipotetic_height = newValue.labels.length * 30;
-//     console.log(">>>>>>>>>>>>> chart_inbox0_height container_height: " + container_height + " ipotetic_height: " + ipotetic_height);
-//     if(container_height < ipotetic_height){
-//       chart_inbox0_extended_height.value = String(ipotetic_height) + "px";
-//     } else {
-//       chart_inbox0_extended_height.value = String(container_height) + "px";
-//     }
-//     console.log(">>>>>>>>>>>>>> chart_inbox0_extended_height.value: " + chart_inbox0_extended_height.value);
-//   }
-//   let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(newValue);
-//   let output = {};
-//   output.labels = data_trasf.labels;
-//   output.datasets = [{data: data_trasf.dataset}];
-//   console.log(">>>>>>>>>>>>>> props.chartData_InboxZeroDates_extended: " + JSON.stringify(newValue));
-//   console.log(">>>>>>>>>>>>>> chartData_InboxZeroDates_extended: " + JSON.stringify(output));
-//   chartData_InboxZeroDates_extended.value = output;
-// }, { immediate: true });
-
-// watch(() => show_extended.value, async (newValue) => {
-//   if(newValue == false) return;
-//   await nextTick();
-//   let dom_element = document.getElementById(chart_inbox0_extended_id.value);
-//   if(dom_element != null){
-//     let container_height = dom_element.clientHeight;
-//     let ipotetic_height = chartData_InboxZeroDates_extended.value.labels.length * 30;
-//     console.log(">>>>>>>>>>>>> chart_inbox0_height container_height: " + container_height + " ipotetic_height: " + ipotetic_height);
-//     if(container_height < ipotetic_height){
-//       chart_inbox0_extended_height.value = String(ipotetic_height) + "px";
-//     } else {
-//       chart_inbox0_extended_height.value = String(container_height) + "px";
-//     }
-//     console.log(">>>>>>>>>>>>>> chart_inbox0_extended_height.value: " + chart_inbox0_extended_height.value);
-//   }
-// }, { immediate: true });
-
 
 async function doShowExtended() {
   show_extended.value = true;

From bc3783aad2830c09ccbe6f6919cf6fbf397096b9 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 25 Oct 2024 20:52:24 +0200
Subject: [PATCH 057/136] close button added

---
 src/components/widgets/WidgetInboxZero.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 46302e86..1ee76ccd 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -51,6 +51,7 @@
           :key = "key"
         />
       </div>
+      <button type="button" @click="doHideExtended" v-if="show_extended" >close</button>
     </div>
 </template>
 
@@ -64,6 +65,7 @@ import InfoTooltip from '../InfoTooltip.vue';
 import ChartInboxZeroDatesExtended from '../charts/ChartInboxZeroDatesExtended.vue';
 import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 import { tsStore } from '@statslib/mzts-store';
+import { i18n } from '@statslib/mzts-i18n';
 
 
 const props = defineProps({
@@ -156,8 +158,8 @@ let chartData_InboxZeroDates_extended = computed(() => {
   let output = {};
   output.labels = data_trasf.labels;
   output.datasets = [data_trasf.dataset];
-  console.log(">>>>>>>>>>>>>> props.chartData_InboxZeroDates_extended: " + JSON.stringify(props.chartData_InboxZeroDates_extended));
-  console.log(">>>>>>>>>>>>>> chartData_InboxZeroDates_extended: " + JSON.stringify(output));
+  // console.log(">>>>>>>>>>>>>> props.chartData_InboxZeroDates_extended: " + JSON.stringify(props.chartData_InboxZeroDates_extended));
+  // console.log(">>>>>>>>>>>>>> chartData_InboxZeroDates_extended: " + JSON.stringify(output));
   return output;
 });
 
@@ -180,6 +182,13 @@ async function doShowExtended() {
   }else{
     console.error("[ThunderStats] Extended inbox0 chart DOM element not found!");
   }
+  i18n.updateDocument();
+}
+
+async function doHideExtended() {
+  show_extended.value = false;
+  await nextTick();
+  i18n.updateDocument();
 }
 
 </script>

From b44738884c57ac8f11c1232dc7f2b2e03b1abb78 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 25 Oct 2024 21:33:10 +0200
Subject: [PATCH 058/136] transformInboxZeroDatesExtended methods added and
 improved

---
 statslib/mzts-statscore.utils.js | 57 ++++++++++++++++++++++++++++----
 1 file changed, 50 insertions(+), 7 deletions(-)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 9b0883d2..ec63d874 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -328,13 +328,6 @@ export const tsCoreUtils = {
         dataset.data = [];
         let labels = [];
         let total = 0;
-        let targetLength = data.length;
-
-        let availableColors = [...inboxZeroColors];
-        while (availableColors.length <= targetLength) {
-            // Aggiungi tutto l'array inboxZeroColors
-            availableColors.push(...inboxZeroColors);
-          }
 
         for(let key in data) {
             total += data[key];
@@ -347,6 +340,11 @@ export const tsCoreUtils = {
             labels.push(current_date.toLocaleDateString(undefined,{day: '2-digit', month: '2-digit', year: 'numeric'}));
         }
 
+        let targetLength = labels.length;
+        let availableColors = [...inboxZeroColors];
+        while (availableColors.length < targetLength) {
+          availableColors.push(...inboxZeroColors);
+        }
         dataset.backgroundColor = [...availableColors];
         dataset.borderColor = [...availableColors];
 
@@ -354,9 +352,54 @@ export const tsCoreUtils = {
         output.labels = labels;
         output.total = total;
 
+        // console.log(">>>>>>>>>>>>>> Length of labels: " + labels.length);
+        // console.log(">>>>>>>>>>>>>> Length of available colors: " + availableColors.length);
+        // console.log(">>>>>>>>>>>>>> Length of dataset.data: " + dataset.data.length);
+        // console.log(">>>>>>>>>>>>>> targetLength: " + targetLength);
+
         return output;
     },
 
+    transformInboxZeroDatesExtendedDatasetToOrdinableArray(dataObject) {
+      return dataObject.labels.map((label, index) => {
+          const [day, month, year] = label.split("/").map(Number);
+          return {
+            date: new Date(year, month - 1, day),
+            label,
+            value: dataObject.datasets[0].data[index],
+            bgColor: dataObject.datasets[0].backgroundColor[index],
+            borderColor: dataObject.datasets[0].borderColor[index]
+          };
+      });
+    },
+
+    sortInboxZeroDatesExtendedDatasetOrdinableArray(tempArray, type = 'date', order = 'asc') {
+      if (type === 'date') {
+        if (order === 'asc') {
+          return tempArray.sort((a, b) => a.date - b.date);
+        } else if (order === 'desc') {
+          return tempArray.sort((a, b) => b.date - a.date);
+        }
+      } else if (type === 'value') {
+        if (order === 'asc') {
+          return tempArray.sort((a, b) => a.value - b.value);
+        } else if (order === 'desc') {
+          return tempArray.sort((a, b) => b.value - a.value);
+         }
+      } else {
+        throw new Error("Invalid type. Use 'date' or 'value' for sorting.");
+      }
+      
+      throw new Error("Invalid order. Use 'asc' or 'desc' for sorting.");
+    },
+
+    updateInboxZeroDatesExtendedDataset(dataObject, sortedArray) {
+      dataObject.labels = sortedArray.map(item => item.label);
+      dataObject.datasets[0].data = sortedArray.map(item => item.value);
+      dataObject.datasets[0].backgroundColor = sortedArray.map(item => item.bgColor);
+      dataObject.datasets[0].borderColor = sortedArray.map(item => item.borderColor);
+    },
+
     // getMaxFromData(data) {      // data is an object like this: {"20240517":2,"20240518":4,"20240519":4,"20240520":2,"20240521":0,"20240522":2,"20240523":4,"20240524":0}
     //     let maxValue = 0;
     //     for (const [date, value] of Object.entries(data)) {

From d12ec2c5b0fc19d6096bc088dfd480789d090b0c Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 25 Oct 2024 21:33:38 +0200
Subject: [PATCH 059/136] inbox0 exnteded chart improved. work in progress. see
 #350

---
 public/_locales/en/messages.json                    |  4 ++++
 src/assets/main.css                                 |  3 +++
 .../charts/ChartInboxZeroDatesExtended.vue          |  2 +-
 src/components/widgets/WidgetInboxZero.vue          | 13 +++++++++----
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index ed946edd..74b5ba19 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -780,5 +780,9 @@
   "Tags": {
     "message": "Tags",
     "description": ""
+  },
+  "InboxMailsDateSpreadingExtended": {
+    "message": "Inbox mails - Date details view",
+    "description": ""
   }
 }
diff --git a/src/assets/main.css b/src/assets/main.css
index da30c7c7..4f064a83 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -51,6 +51,9 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_time_86{overflow:auto;float:left;height:230px;width:86%;}
 .chart_time_full{overflow:auto;float:left;height:275px;width:89%;}
 .chart_time_full_domains{overflow-y:auto;float:left;height:275px;width:89%;}
+.chart_time_full_inbox0ext{overflow-y:auto;float:left;height:275px;width:100%;}
+.chart_inbox0_extended_orderby{width:fit-content;text-align:left;float:left;}
+.chart_inbox0_extended_close_btn{width:fit-content;text-align:right;float:right;margin-top:4px;}
 .legend-time{float:right;font-size:12px;padding-top:8px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
 .legend-time ul li{white-space: nowrap;}
diff --git a/src/components/charts/ChartInboxZeroDatesExtended.vue b/src/components/charts/ChartInboxZeroDatesExtended.vue
index e3197768..7f785d5f 100644
--- a/src/components/charts/ChartInboxZeroDatesExtended.vue
+++ b/src/components/charts/ChartInboxZeroDatesExtended.vue
@@ -20,7 +20,7 @@
 
 <template>
   <div class="chart_time_container">
-    <div class="chart_time_full_domains" :id="chart_id">
+    <div class="chart_time_full_inbox0ext" :id="chart_id">
       <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
       <Bar
           :options="chartOptions"
diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 1ee76ccd..129de555 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-      <CounterInbox v-if="!show_extended"
+      <CounterInbox 
         :is_loading="is_loading_counter_inbox" 
         :inbox_total="counter_inbox_total" 
         :inbox_unread="counter_inbox_unread" 
@@ -43,6 +43,7 @@
         />
         <button type="button" @click="doShowExtended" v-if="!is_loading_counter_inbox" >extend</button>
       </div>
+      <p class="chart_info" v-if="show_extended">__MSG_InboxMailsDateSpreadingExtended__</p>
       <div class="chart_inbox0_extended" :id="chart_inbox0_extended_id" v-if="show_extended">
         <ChartInboxZeroDatesExtended 
           :chartData="chartData_InboxZeroDates_extended"
@@ -51,7 +52,8 @@
           :key = "key"
         />
       </div>
-      <button type="button" @click="doHideExtended" v-if="show_extended" >close</button>
+      <div class="chart_inbox0_extended_orderby" v-if="show_extended">Order by <span>date</span> - <span>number of mails</span></div>
+      <div class="chart_inbox0_extended_close_btn" v-if="show_extended"><button type="button" @click="doHideExtended" >close</button></div>
     </div>
 </template>
 
@@ -152,14 +154,17 @@ let chart_inbox0_extended_id = computed(() => {
 let force_rand = ref(Math.floor(Math.random() * 101));
 let key = computed(() => (props.chartData_InboxZeroDates_extended.length + force_rand.value));
 
+let chartData_OrdinableArray = ref([]);
 
 let chartData_InboxZeroDates_extended = computed(() => {
   let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(props.chartData_InboxZeroDates_extended, true);
   let output = {};
   output.labels = data_trasf.labels;
   output.datasets = [data_trasf.dataset];
-  // console.log(">>>>>>>>>>>>>> props.chartData_InboxZeroDates_extended: " + JSON.stringify(props.chartData_InboxZeroDates_extended));
-  // console.log(">>>>>>>>>>>>>> chartData_InboxZeroDates_extended: " + JSON.stringify(output));
+  chartData_OrdinableArray.value = tsCoreUtils.sortInboxZeroDatesExtendedDatasetOrdinableArray(tsCoreUtils.transformInboxZeroDatesExtendedDatasetToOrdinableArray(output));
+  tsCoreUtils.updateInboxZeroDatesExtendedDataset(output, chartData_OrdinableArray.value);
+  console.log(">>>>>>>>>>>>>> props.chartData_InboxZeroDates_extended: " + JSON.stringify(props.chartData_InboxZeroDates_extended));
+  console.log(">>>>>>>>>>>>>> chartData_InboxZeroDates_extended: " + JSON.stringify(output));
   return output;
 });
 

From 2269844ce0709fd3dc6918824799fce9e5ecda8e Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 26 Oct 2024 22:54:20 +0200
Subject: [PATCH 060/136] using mails instead of value

---
 statslib/mzts-statscore.utils.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index ec63d874..f5c888b0 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -380,17 +380,17 @@ export const tsCoreUtils = {
         } else if (order === 'desc') {
           return tempArray.sort((a, b) => b.date - a.date);
         }
-      } else if (type === 'value') {
+      } else if (type === 'mails') {
         if (order === 'asc') {
           return tempArray.sort((a, b) => a.value - b.value);
         } else if (order === 'desc') {
           return tempArray.sort((a, b) => b.value - a.value);
          }
       } else {
-        throw new Error("Invalid type. Use 'date' or 'value' for sorting.");
+        throw new Error("Invalid type. Use 'date' or 'mails' for sorting.");
       }
       
-      throw new Error("Invalid order. Use 'asc' or 'desc' for sorting.");
+      throw new Error("Invalid order. Use 'asc' or 'mails' for sorting.");
     },
 
     updateInboxZeroDatesExtendedDataset(dataObject, sortedArray) {

From e90a51434eee1f1ecf8c4a63799149815d68621a Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 26 Oct 2024 22:54:50 +0200
Subject: [PATCH 061/136] ordering added. see #350

---
 src/assets/main.css                           |  9 +--
 .../charts/ChartInboxZeroDatesExtended.vue    |  8 +--
 src/components/widgets/WidgetInboxZero.vue    | 69 ++++++++++++++-----
 3 files changed, 61 insertions(+), 25 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 4f064a83..51e62a98 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -52,15 +52,16 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_time_full{overflow:auto;float:left;height:275px;width:89%;}
 .chart_time_full_domains{overflow-y:auto;float:left;height:275px;width:89%;}
 .chart_time_full_inbox0ext{overflow-y:auto;float:left;height:275px;width:100%;}
-.chart_inbox0_extended_orderby{width:fit-content;text-align:left;float:left;}
+.chart_inbox0_extended_orderby{width:fit-content;text-align:left;float:left;margin:3px 0px 0px 3px;}
 .chart_inbox0_extended_close_btn{width:fit-content;text-align:right;float:right;margin-top:4px;}
+.chart_inbox0_info{width:100%;float:left;}
+.chart_inbox0{width:80%;height:310px;float:left;overflow:auto;}
+.chart_inbox0_datemsg{float:right;max-width:20%;min-width:90px;height:220px;}
+.chart_inbox0_orderbtn{cursor:pointer;text-decoration:underline;color:#3593dd;}
 .legend-time{float:right;font-size:12px;padding-top:8px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
 .legend-time ul li{white-space: nowrap;}
 .legend-time ul li.day_today_title{font-weight:bold;}
-.chart_inbox0_info{width:100%;float:left;}
-.chart_inbox0{width:80%;height:310px;float:left;overflow:auto;}
-.chart_inbox0_datemsg{float:right;max-width:20%;min-width:90px;height:220px;}
 .inbox0_inboxmsg_unread{color:grey;}
 .chart_many_days{overflow:auto;float:left;height:370px;width:100%;}
 .chart_customqry{overflow-x:scroll;float:left;height:370px;width:100%;}
diff --git a/src/components/charts/ChartInboxZeroDatesExtended.vue b/src/components/charts/ChartInboxZeroDatesExtended.vue
index 7f785d5f..1e75ac8b 100644
--- a/src/components/charts/ChartInboxZeroDatesExtended.vue
+++ b/src/components/charts/ChartInboxZeroDatesExtended.vue
@@ -66,20 +66,17 @@ let props = defineProps({
     is_loading: {
         type: Boolean,
         default: true
-    },
-    key: {
-        type: Number,
-        default: 0
     }
 });
 
 let inbox0folderextChartBar_ref = ref(null);
 
 let maxX = ref(0);
+let force_rand = ref(Math.floor(Math.random() * 101));
 
 let chart_id = computed(() => props.chart_id);
 let chart_height = computed(() => props.chart_height);
-let chartData_length = computed(() => props.key);
+let chartData_length = computed(() => String(force_rand.value));
 
 let chartData = computed(() => {
   if (props.chartData.datasets && props.chartData.datasets.length > 0) {
@@ -105,6 +102,7 @@ let chartData = computed(() => {
     chartOptions.value.scales.x.max = maxX.value;
     chartOptions.value.scales.x2.max = maxX.value;
 
+  force_rand.value = (Math.floor(Math.random() * 101));
   return props.chartData;
 });
 
diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 129de555..7385c431 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -41,7 +41,7 @@
           :chartData="chartData_InboxZeroDates" 
           :is_loading="is_loading_inbox_chart_dates"
         />
-        <button type="button" @click="doShowExtended" v-if="!is_loading_counter_inbox" >extend</button>
+        <button type="button" @click="doShowExtended" v-if="!is_loading_counter_inbox" >__MSG_ViewDetails__</button>
       </div>
       <p class="chart_info" v-if="show_extended">__MSG_InboxMailsDateSpreadingExtended__</p>
       <div class="chart_inbox0_extended" :id="chart_inbox0_extended_id" v-if="show_extended">
@@ -52,8 +52,8 @@
           :key = "key"
         />
       </div>
-      <div class="chart_inbox0_extended_orderby" v-if="show_extended">Order by <span>date</span> - <span>number of mails</span></div>
-      <div class="chart_inbox0_extended_close_btn" v-if="show_extended"><button type="button" @click="doHideExtended" >close</button></div>
+      <div class="chart_inbox0_extended_orderby" v-if="show_extended">__MSG_OrderBy__:&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedDate">__MSG_Date__</span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedMails">__MSG_Mails__</span></div>
+      <div class="chart_inbox0_extended_close_btn" v-if="show_extended"><button type="button" @click="doHideExtended" >__MSG_Close__</button></div>
     </div>
 </template>
 
@@ -145,31 +145,45 @@ const props = defineProps({
 });
 
 let show_extended = ref(false);
-let chart_inbox0_extended_height = ref("275px")
+let chart_inbox0_extended_height = ref("275px");
+
+let chartData_InboxZeroDates_extended = ref({
+  labels: [],
+  datasets: []
+})
 
 let chart_inbox0_extended_id = computed(() => {
   return "chart_inbox0_extended_" + tsStore.currentTab;
 });
 
 let force_rand = ref(Math.floor(Math.random() * 101));
-let key = computed(() => (props.chartData_InboxZeroDates_extended.length + force_rand.value));
+let key = computed(() => String(force_rand.value));
 
 let chartData_OrdinableArray = ref([]);
+let orderDate = 'asc';
+let orderMails = 'asc';
+
+// let chartData_InboxZeroDates_extended = computed(() => {
+//   let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(props.chartData_InboxZeroDates_extended, true);
+//   let output = {};
+//   output.labels = data_trasf.labels;
+//   output.datasets = [data_trasf.dataset];
+//   chartData_OrdinableArray.value = tsCoreUtils.sortInboxZeroDatesExtendedDatasetOrdinableArray(tsCoreUtils.transformInboxZeroDatesExtendedDatasetToOrdinableArray(output));
+//   tsCoreUtils.updateInboxZeroDatesExtendedDataset(output, chartData_OrdinableArray.value);
+//   console.log(">>>>>>>>>>>>>> props.chartData_InboxZeroDates_extended: " + JSON.stringify(props.chartData_InboxZeroDates_extended));
+//   console.log(">>>>>>>>>>>>>> chartData_InboxZeroDates_extended: " + JSON.stringify(output));
+//   return output;
+// });
 
-let chartData_InboxZeroDates_extended = computed(() => {
+
+async function doShowExtended() {
   let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(props.chartData_InboxZeroDates_extended, true);
   let output = {};
   output.labels = data_trasf.labels;
   output.datasets = [data_trasf.dataset];
-  chartData_OrdinableArray.value = tsCoreUtils.sortInboxZeroDatesExtendedDatasetOrdinableArray(tsCoreUtils.transformInboxZeroDatesExtendedDatasetToOrdinableArray(output));
-  tsCoreUtils.updateInboxZeroDatesExtendedDataset(output, chartData_OrdinableArray.value);
-  console.log(">>>>>>>>>>>>>> props.chartData_InboxZeroDates_extended: " + JSON.stringify(props.chartData_InboxZeroDates_extended));
-  console.log(">>>>>>>>>>>>>> chartData_InboxZeroDates_extended: " + JSON.stringify(output));
-  return output;
-});
-
-
-async function doShowExtended() {
+  chartData_OrdinableArray.value = tsCoreUtils.transformInboxZeroDatesExtendedDatasetToOrdinableArray(output);
+  chartData_InboxZeroDates_extended.value = output;
+  orderInboxZeroFoldersExtended();
   show_extended.value = true;
   await nextTick();
   let dom_element = document.getElementById(chart_inbox0_extended_id.value);
@@ -183,7 +197,7 @@ async function doShowExtended() {
       chart_inbox0_extended_height.value = String(container_height) + "px";
     }
     // console.log(">>>>>>>>>>>>>> chart_inbox0_extended_height.value: " + chart_inbox0_extended_height.value);
-    force_rand.value =Math.floor(Math.random() * 101);
+    force_rand.value = Math.floor(Math.random() * 101);
   }else{
     console.error("[ThunderStats] Extended inbox0 chart DOM element not found!");
   }
@@ -196,6 +210,29 @@ async function doHideExtended() {
   i18n.updateDocument();
 }
 
+function orderInboxZeroFoldersExtended(type = 'date', order = 'asc') {
+  console.log(">>>>>>>>>>>>>> orderInboxZeroFoldersExtended type: " + type + " order: " + order);
+  chartData_OrdinableArray.value = tsCoreUtils.sortInboxZeroDatesExtendedDatasetOrdinableArray(chartData_OrdinableArray.value,type,order);
+  console.log(">>>>>>>>>>>>>> orderInboxZeroFoldersExtended chartData_OrdinableArray: " + JSON.stringify(chartData_OrdinableArray.value));
+  tsCoreUtils.updateInboxZeroDatesExtendedDataset(chartData_InboxZeroDates_extended.value, chartData_OrdinableArray.value);
+  console.log(">>>>>>>>>>>>>> orderInboxZeroFoldersExtended chartData_InboxZeroDates_extended: " + JSON.stringify(chartData_InboxZeroDates_extended.value));
+  force_rand.value = Math.floor(Math.random() * 101);
+}
+
+function doOrderExtendedDate() {
+  let order = orderDate === 'asc' ? 'desc' : 'asc';
+  orderDate = order;
+  orderMails = 'asc';
+  orderInboxZeroFoldersExtended('date', order);
+}
+
+function doOrderExtendedMails() {
+  let order = orderMails === 'asc' ? 'desc' : 'asc';
+  orderMails = order;
+  orderDate = 'asc';
+  orderInboxZeroFoldersExtended('mails', order);
+}
+
 </script>
 
 <style scoped>

From 88d445ea8aa3ee08f14548cd17adf70933c96d24 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 26 Oct 2024 22:55:01 +0200
Subject: [PATCH 062/136] en locale strings updated

---
 public/_locales/en/messages.json | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index 74b5ba19..a055b92c 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -784,5 +784,17 @@
   "InboxMailsDateSpreadingExtended": {
     "message": "Inbox mails - Date details view",
     "description": ""
+  },
+  "OrderBy": {
+    "message": "Order by",
+    "description": ""
+  },
+  "Close": {
+    "message": "Close",
+    "description": ""
+  },
+  "ViewDetails": {
+    "message": "View Details",
+    "description": ""
   }
 }

From 647973a901b495db8a9acefdc404ceeb22b7b41e Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 27 Oct 2024 00:00:18 +0200
Subject: [PATCH 063/136] chart improved. see #350

---
 src/assets/main.css                        | 17 ++++++++++++++++-
 src/components/widgets/WidgetInboxZero.vue |  9 +++++----
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 51e62a98..d9327cc4 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -53,11 +53,12 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_time_full_domains{overflow-y:auto;float:left;height:275px;width:89%;}
 .chart_time_full_inbox0ext{overflow-y:auto;float:left;height:275px;width:100%;}
 .chart_inbox0_extended_orderby{width:fit-content;text-align:left;float:left;margin:3px 0px 0px 3px;}
-.chart_inbox0_extended_close_btn{width:fit-content;text-align:right;float:right;margin-top:4px;}
+.chart_inbox0_extended_close_btn{width:fit-content;text-align:right;float:right;margin-top:11px;}
 .chart_inbox0_info{width:100%;float:left;}
 .chart_inbox0{width:80%;height:310px;float:left;overflow:auto;}
 .chart_inbox0_datemsg{float:right;max-width:20%;min-width:90px;height:220px;}
 .chart_inbox0_orderbtn{cursor:pointer;text-decoration:underline;color:#3593dd;}
+.chart_inbox0_extended_btn{width:fit-content;float:right;}
 .legend-time{float:right;font-size:12px;padding-top:8px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
 .legend-time ul li{white-space: nowrap;}
@@ -363,6 +364,15 @@ table#customqry_adv_filters_table td{
   width: 30% !important;
 }
 
+.btn {
+  padding: 5px 7px;
+  background-color: #0078d7;
+  border: none;
+  color: white;
+  cursor: pointer;
+  border-radius: 4px;
+}
+
 /* Dark mode styles */
 @media (prefers-color-scheme: dark) {
   #heading_wrapper {
@@ -429,4 +439,9 @@ table#customqry_adv_filters_table td{
     border: #333;
   }
 
+  .btn {
+    background-color: #1e88e5;
+    color: #ffffff;
+  }
+
 }
diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 7385c431..8557d802 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -41,9 +41,10 @@
           :chartData="chartData_InboxZeroDates" 
           :is_loading="is_loading_inbox_chart_dates"
         />
-        <button type="button" @click="doShowExtended" v-if="!is_loading_counter_inbox" >__MSG_ViewDetails__</button>
+        <div class="chart_inbox0_extended_btn" ><button type="button" @click="doShowExtended" v-if="!is_loading_counter_inbox" class="btn" >__MSG_ViewDetails__</button></div>
       </div>
       <p class="chart_info" v-if="show_extended">__MSG_InboxMailsDateSpreadingExtended__</p>
+      <div class="chart_inbox0_extended_orderby" v-if="show_extended">__MSG_OrderBy__:&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedDate">__MSG_Date__</span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedMails">__MSG_Mails__</span></div>
       <div class="chart_inbox0_extended" :id="chart_inbox0_extended_id" v-if="show_extended">
         <ChartInboxZeroDatesExtended 
           :chartData="chartData_InboxZeroDates_extended"
@@ -52,8 +53,7 @@
           :key = "key"
         />
       </div>
-      <div class="chart_inbox0_extended_orderby" v-if="show_extended">__MSG_OrderBy__:&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedDate">__MSG_Date__</span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedMails">__MSG_Mails__</span></div>
-      <div class="chart_inbox0_extended_close_btn" v-if="show_extended"><button type="button" @click="doHideExtended" >__MSG_Close__</button></div>
+      <div class="chart_inbox0_extended_close_btn" v-if="show_extended"><button type="button" @click="doHideExtended" class="btn" >__MSG_Close__</button></div>
     </div>
 </template>
 
@@ -183,7 +183,8 @@ async function doShowExtended() {
   output.datasets = [data_trasf.dataset];
   chartData_OrdinableArray.value = tsCoreUtils.transformInboxZeroDatesExtendedDatasetToOrdinableArray(output);
   chartData_InboxZeroDates_extended.value = output;
-  orderInboxZeroFoldersExtended();
+  orderInboxZeroFoldersExtended('date','desc');
+  orderDate = 'desc';
   show_extended.value = true;
   await nextTick();
   let dom_element = document.getElementById(chart_inbox0_extended_id.value);

From db75b41887ccf7901770f497943fa3f015b15a33 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 27 Oct 2024 22:55:39 +0100
Subject: [PATCH 064/136] @public path added

---
 jsconfig.json  | 3 ++-
 vite.config.js | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/jsconfig.json b/jsconfig.json
index c98b6c11..7ee92a05 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -2,7 +2,8 @@
   "compilerOptions": {
     "paths": {
       "@/*": ["./src/*"],
-      "@statslib/*": ["./statslib/*"]
+      "@statslib/*": ["./statslib/*"],
+      "@public/*": ["./public/*"]
     }
   },
   "exclude": ["node_modules", "dist", ".github"],
diff --git a/vite.config.js b/vite.config.js
index 8eba2b8b..93234704 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -12,7 +12,8 @@ export default defineConfig({
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url)),
-      '@statslib': fileURLToPath(new URL('./statslib', import.meta.url))
+      '@statslib': fileURLToPath(new URL('./statslib', import.meta.url)),
+      '@public': fileURLToPath(new URL('./public', import.meta.url)),
     }
   },
   build: {

From 149a7696c5c4bfda13b69952e3115c61da7b9837 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 27 Oct 2024 23:04:10 +0100
Subject: [PATCH 065/136] added sorting indicator. see #350

---
 public/images/mzts-arrow-sort-active-down.png | Bin 0 -> 515 bytes
 public/images/mzts-arrow-sort-active-up.png   | Bin 0 -> 560 bytes
 src/assets/main.css                           |   1 +
 src/components/widgets/WidgetInboxZero.vue    |   9 ++++++---
 4 files changed, 7 insertions(+), 3 deletions(-)
 create mode 100644 public/images/mzts-arrow-sort-active-down.png
 create mode 100644 public/images/mzts-arrow-sort-active-up.png

diff --git a/public/images/mzts-arrow-sort-active-down.png b/public/images/mzts-arrow-sort-active-down.png
new file mode 100644
index 0000000000000000000000000000000000000000..2736114f59fcf8f9d08347e78f82e026762a8b88
GIT binary patch
literal 515
zcmV+e0{s1nP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGf6951U69E94oEQKA0hmcdK~y+TrBgjm
z0znX+RV=IsB=kVE(1c1GDmwT9hDLt?4g3PNy0f<hYAxVD*ivDq4GGXd2Z0bmLAdk1
zVedQyD_-(;c4p_ze#@~i*6tva$(+O7fR`E&>G{6j9S(;p>xbAY0P#J{6L_V8Uwnfv
zgTdf^>uzystpZ{f<`qmCV`MZM$zrjPcs$PG6nK|NB+h2D*#`qexB@%#+tw4APNz~X
zmwooz?Y2oKlNz^p2v(v6(&_X$X6&LHE*lBb>2$O}KA$(3K;stN&Mk6QC-flZfraA9
zWTG|}iy1N+v$zJS5iJ1dY2&0Rl2WOpLHZ<7EEaVv@PP|9K>@{PvytU;DURcKtyarh
zuh&Ad@4BwXG3G=O6zH+x4CC=w8jXf26bh2d<$Mx-zu9aWjxonVH3}Xg4(SW@v)L@y
z=vS*%Z$6(ZYqgrk7{{2yTxzI2c#V7m{eE96m5Oe-UauR7qx;{z#sDbd!0;7@MTkFQ
z7vg8z|Mw|Bg1o9I4nF0*0tAW#pGmI@;Ai?g^qG!?$Pa}Hw9FJkg*gBK002ovPDHLk
FV1oVB*Gd2Y

literal 0
HcmV?d00001

diff --git a/public/images/mzts-arrow-sort-active-up.png b/public/images/mzts-arrow-sort-active-up.png
new file mode 100644
index 0000000000000000000000000000000000000000..4ff00d3cfb1ff35f04683869e2523d40757296b3
GIT binary patch
literal 560
zcmV-00?+-4P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGf6951U69E94oEQKA0mVr~K~y+TrBl0Z
zT0sz<<w5~efLuWVC@GSH#*~p8KEV=2Iw~5FEGPq2oIYO=rSd<35PuLOVTA_qD4?JN
z8Vl)iH|Gp{jV(Ksk93&F&Ky>AXXU*x&b~mQP>91^f*&;@GPTzJSuU54E`Gu*0W^Pw
z>42X!amEDvu~;nbPT>ijvkEld!u$j;j4^^@*>1OzPN#W%0bZw4sTguYCWt2i_s?t=
zHqYmCsn_eaTrSICFfdMpxPr(OA`dPW$>;NN2uwg*EEX+Nw$W$=yWLLNY&HYtc*Yv=
zFUUEafZ&Te(B@XF6>K(}<9@#nNceuc-ByvXjy>$vAtI>3{PKNYj>n@N4u^I;9!oZx
zjqrTEUI(R8$yO?r2w<YoDAP5}=(iSx@H|hF$)xFayOC<O8i~bXLelSaI$k1?Fsylw
zP+-a*4v)9!^?I6QOcMQmU(doA&>j`wlECmgD>9jkS~OVldCp;io_jiaAAAxYpJog9
znlXU_IUEi$8jWN&o0)k0Japg&TREchViPgU?=aj#z3OVUqAR&vP6ZuqF}$wx|GUcH
yz|WdE<IPomB|tzVd`urSae7SmZ#|}WLgXLlhs8N<yCZi10000<MNUMnLSTY?{piF1

literal 0
HcmV?d00001

diff --git a/src/assets/main.css b/src/assets/main.css
index d9327cc4..3c983824 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -59,6 +59,7 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_inbox0_datemsg{float:right;max-width:20%;min-width:90px;height:220px;}
 .chart_inbox0_orderbtn{cursor:pointer;text-decoration:underline;color:#3593dd;}
 .chart_inbox0_extended_btn{width:fit-content;float:right;}
+.chart_inbox0_extended_sorticon{position: relative;top:4px;}
 .legend-time{float:right;font-size:12px;padding-top:8px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
 .legend-time ul li{white-space: nowrap;}
diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 8557d802..1fbaa710 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -44,7 +44,7 @@
         <div class="chart_inbox0_extended_btn" ><button type="button" @click="doShowExtended" v-if="!is_loading_counter_inbox" class="btn" >__MSG_ViewDetails__</button></div>
       </div>
       <p class="chart_info" v-if="show_extended">__MSG_InboxMailsDateSpreadingExtended__</p>
-      <div class="chart_inbox0_extended_orderby" v-if="show_extended">__MSG_OrderBy__:&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedDate">__MSG_Date__</span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedMails">__MSG_Mails__</span></div>
+      <div class="chart_inbox0_extended_orderby" v-if="show_extended">__MSG_OrderBy__:&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedDate">__MSG_Date__</span>&nbsp;<img src="@public/images/mzts-arrow-sort-active-down.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'date' && orderDate == 'asc'" /><img src="@public/images/mzts-arrow-sort-active-up.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'date' && orderDate == 'desc'" />&nbsp;&nbsp;|&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedMails">__MSG_Mails__</span>&nbsp;<img src="@public/images/mzts-arrow-sort-active-down.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'mails' && orderMails == 'asc'" /><img src="@public/images/mzts-arrow-sort-active-up.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'mails' && orderMails == 'desc'" /></div>
       <div class="chart_inbox0_extended" :id="chart_inbox0_extended_id" v-if="show_extended">
         <ChartInboxZeroDatesExtended 
           :chartData="chartData_InboxZeroDates_extended"
@@ -162,6 +162,7 @@ let key = computed(() => String(force_rand.value));
 let chartData_OrdinableArray = ref([]);
 let orderDate = 'asc';
 let orderMails = 'asc';
+let orderType = 'date';
 
 // let chartData_InboxZeroDates_extended = computed(() => {
 //   let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(props.chartData_InboxZeroDates_extended, true);
@@ -224,14 +225,16 @@ function doOrderExtendedDate() {
   let order = orderDate === 'asc' ? 'desc' : 'asc';
   orderDate = order;
   orderMails = 'asc';
-  orderInboxZeroFoldersExtended('date', order);
+  orderType = 'date';
+  orderInboxZeroFoldersExtended(orderType, order);
 }
 
 function doOrderExtendedMails() {
   let order = orderMails === 'asc' ? 'desc' : 'asc';
   orderMails = order;
   orderDate = 'asc';
-  orderInboxZeroFoldersExtended('mails', order);
+  orderType = 'mails';
+  orderInboxZeroFoldersExtended(orderType, order);
 }
 
 </script>

From cf3cecaac2ddff65fe915564c41a5771621666fe Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 27 Oct 2024 23:06:35 +0100
Subject: [PATCH 066/136] readme updated

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 61e5c587..c04156a1 100644
--- a/README.md
+++ b/README.md
@@ -101,3 +101,5 @@ Loading SVGs thanks to https://loading.io
 
 Business Days and Export Data icons thanks to https://www.iconarchive.com/artist/custom-icon-design.html
 
+[Fluent Design System](https://www.iconfinder.com/fluent-designsystem) for the sorting icons
+

From 8c2cf924e6603e5bdafe53bd136cd030f844b443 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 27 Oct 2024 23:10:56 +0100
Subject: [PATCH 067/136] sorting icons colors inverted in light mode

---
 src/assets/main.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 3c983824..59ec3832 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -59,7 +59,7 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_inbox0_datemsg{float:right;max-width:20%;min-width:90px;height:220px;}
 .chart_inbox0_orderbtn{cursor:pointer;text-decoration:underline;color:#3593dd;}
 .chart_inbox0_extended_btn{width:fit-content;float:right;}
-.chart_inbox0_extended_sorticon{position: relative;top:4px;}
+.chart_inbox0_extended_sorticon{position: relative;top:4px;filter: invert(1)};
 .legend-time{float:right;font-size:12px;padding-top:8px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
 .legend-time ul li{white-space: nowrap;}
@@ -445,4 +445,6 @@ table#customqry_adv_filters_table td{
     color: #ffffff;
   }
 
+ .chart_inbox0_extended_sorticon{filter: invert(0)};
+
 }

From b3a0433efeab822a8ded9ffd3f73cdec1e52f465 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Mon, 28 Oct 2024 23:12:46 +0100
Subject: [PATCH 068/136] added margin left to time legend

---
 src/assets/main.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 59ec3832..a56b50a2 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -60,7 +60,7 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_inbox0_orderbtn{cursor:pointer;text-decoration:underline;color:#3593dd;}
 .chart_inbox0_extended_btn{width:fit-content;float:right;}
 .chart_inbox0_extended_sorticon{position: relative;top:4px;filter: invert(1)};
-.legend-time{float:right;font-size:12px;padding-top:8px;}
+.legend-time{float:right;font-size:12px;padding-top:8px;margin-left:4px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
 .legend-time ul li{white-space: nowrap;}
 .legend-time ul li.day_today_title{font-weight:bold;}

From b7f545244884ed4b53a3d1ceede3fa3236395d48 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Mon, 28 Oct 2024 23:37:48 +0100
Subject: [PATCH 069/136] horizontal bar charts are now responsive

---
 src/assets/main.css                           |  3 +-
 src/components/charts/ChartDomains.vue        | 31 ++++++++++--------
 .../charts/ChartInboxZeroDatesExtended.vue    | 32 ++++++++++++-------
 src/components/charts/ChartTags.vue           | 31 ++++++++++--------
 4 files changed, 58 insertions(+), 39 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index a56b50a2..5186ce12 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -51,6 +51,7 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_time_86{overflow:auto;float:left;height:230px;width:86%;}
 .chart_time_full{overflow:auto;float:left;height:275px;width:89%;}
 .chart_time_full_domains{overflow-y:auto;float:left;height:275px;width:89%;}
+.chart_time_full_domains_container, .chart_time_full_inbox0ext_container{position: relative;}
 .chart_time_full_inbox0ext{overflow-y:auto;float:left;height:275px;width:100%;}
 .chart_inbox0_extended_orderby{width:fit-content;text-align:left;float:left;margin:3px 0px 0px 3px;}
 .chart_inbox0_extended_close_btn{width:fit-content;text-align:right;float:right;margin-top:11px;}
@@ -60,7 +61,7 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_inbox0_orderbtn{cursor:pointer;text-decoration:underline;color:#3593dd;}
 .chart_inbox0_extended_btn{width:fit-content;float:right;}
 .chart_inbox0_extended_sorticon{position: relative;top:4px;filter: invert(1)};
-.legend-time{float:right;font-size:12px;padding-top:8px;margin-left:4px;}
+.legend-time{float:right;font-size:12px;padding-top:8px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
 .legend-time ul li{white-space: nowrap;}
 .legend-time ul li.day_today_title{font-weight:bold;}
diff --git a/src/components/charts/ChartDomains.vue b/src/components/charts/ChartDomains.vue
index 05d156c0..6437b0c6 100644
--- a/src/components/charts/ChartDomains.vue
+++ b/src/components/charts/ChartDomains.vue
@@ -20,18 +20,18 @@
 
 <template>
   <div class="chart_time_container">
-    <div class="chart_time_full_domains" :id="chart_id">
-      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
-      <Bar
-          :options="chartOptions"
-          :data="chartData"
-          :plugins="chartPlugins"
-          :key="chartData_length"
-          ref="domainsChartBar_ref"
-          v-if="!is_loading"
-          :height="chart_height"
-          width="500px"
-        />
+    <div class="chart_time_full_domains" >
+      <div class="chart_time_full_domains_container" :id="chart_id">
+        <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
+          <Bar
+            :options="chartOptions"
+            :data="chartData"
+            :plugins="chartPlugins"
+            :key="chartData_length"
+            ref="domainsChartBar_ref"
+            v-if="!is_loading"
+          />
+      </div>
     </div>
     <div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
 </div>
@@ -101,13 +101,18 @@ let chartData = computed(() => {
     }
     chartOptions.value.scales.x.max = maxX.value;
 
+  let chart_container = document.getElementById(chart_id.value);
+  if(chart_container) {
+    chart_container.style.height = chart_height.value;
+  }
+
   return props.chartData;
 });
 
 let is_loading = computed(() => props.is_loading)
 
 var chartOptions = ref({
-        responsive: false,
+        responsive: true,
         animation: false,
         maintainAspectRatio: false,
         indexAxis: 'y',
diff --git a/src/components/charts/ChartInboxZeroDatesExtended.vue b/src/components/charts/ChartInboxZeroDatesExtended.vue
index 1e75ac8b..55155b0f 100644
--- a/src/components/charts/ChartInboxZeroDatesExtended.vue
+++ b/src/components/charts/ChartInboxZeroDatesExtended.vue
@@ -21,17 +21,19 @@
 <template>
   <div class="chart_time_container">
     <div class="chart_time_full_inbox0ext" :id="chart_id">
-      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
-      <Bar
-          :options="chartOptions"
-          :data="chartData"
-          :plugins="chartPlugins"
-          :key="chartData_length"
-          ref="inbox0folderextChartBar_ref"
-          v-if="!is_loading"
-          :height="chart_height"
-          width="500px"
-        />
+      <div class="chart_time_full_inbox0ext_container" :id="chart_id">
+        <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
+        <Bar
+            :options="chartOptions"
+            :data="chartData"
+            :plugins="chartPlugins"
+            :key="chartData_length"
+            ref="inbox0folderextChartBar_ref"
+            v-if="!is_loading"
+            :height="chart_height"
+            width="500px"
+          />
+      </div>
     </div>
 </div>
 </template>
@@ -103,13 +105,19 @@ let chartData = computed(() => {
     chartOptions.value.scales.x2.max = maxX.value;
 
   force_rand.value = (Math.floor(Math.random() * 101));
+
+  let chart_container = document.getElementById(chart_id.value);
+  if(chart_container) {
+    chart_container.style.height = chart_height.value;
+  }
+
   return props.chartData;
 });
 
 let is_loading = computed(() => props.is_loading)
 
 var chartOptions = ref({
-        responsive: false,
+        responsive: true,
         animation: false,
         maintainAspectRatio: false,
         indexAxis: 'y',
diff --git a/src/components/charts/ChartTags.vue b/src/components/charts/ChartTags.vue
index b42bace5..aff0a4b1 100644
--- a/src/components/charts/ChartTags.vue
+++ b/src/components/charts/ChartTags.vue
@@ -20,18 +20,18 @@
 
 <template>
   <div class="chart_time_container">
-    <div class="chart_time_full_domains" :id="chart_id">
-      <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
-      <Bar
-          :options="chartOptions"
-          :data="chartData"
-          :plugins="chartPlugins"
-          :key="chartData_length"
-          ref="tagsChartBar_ref"
-          v-if="!is_loading"
-          :height="chart_height"
-          width="500px"
-        />
+    <div class="chart_time_full_domains" >
+      <div class="chart_time_full_domains_container" :id="chart_id">
+        <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
+        <Bar
+            :options="chartOptions"
+            :data="chartData"
+            :plugins="chartPlugins"
+            :key="chartData_length"
+            ref="tagsChartBar_ref"
+            v-if="!is_loading"
+          />
+      </div>
     </div>
     <div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
 </div>
@@ -101,13 +101,18 @@ let chartData = computed(() => {
     }
     chartOptions.value.scales.x.max = maxX.value;
 
+  let chart_container = document.getElementById(chart_id.value);
+  if(chart_container) {
+    chart_container.style.height = chart_height.value;
+  }
+
   return props.chartData;
 });
 
 let is_loading = computed(() => props.is_loading)
 
 var chartOptions = ref({
-        responsive: false,
+        responsive: true,
         animation: false,
         maintainAspectRatio: false,
         indexAxis: 'y',

From 3667ccb2df2956a4f9a23ce7e6dab4c08ed9448d Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Mon, 28 Oct 2024 23:43:57 +0100
Subject: [PATCH 070/136] better inbox0 extended graphic

---
 src/assets/main.css                        |  4 +++-
 src/components/widgets/WidgetInboxZero.vue | 12 ++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 5186ce12..a066b4b8 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -53,8 +53,10 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_time_full_domains{overflow-y:auto;float:left;height:275px;width:89%;}
 .chart_time_full_domains_container, .chart_time_full_inbox0ext_container{position: relative;}
 .chart_time_full_inbox0ext{overflow-y:auto;float:left;height:275px;width:100%;}
-.chart_inbox0_extended_orderby{width:fit-content;text-align:left;float:left;margin:3px 0px 0px 3px;}
+.chart_inbox0_extended_orderby{text-align:right;}
 .chart_inbox0_extended_close_btn{width:fit-content;text-align:right;float:right;margin-top:11px;}
+.chart_inbox0_extended_table{width:100%;}
+.chart_inbox0_extended_title{text-align:left;}
 .chart_inbox0_info{width:100%;float:left;}
 .chart_inbox0{width:80%;height:310px;float:left;overflow:auto;}
 .chart_inbox0_datemsg{float:right;max-width:20%;min-width:90px;height:220px;}
diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 1fbaa710..45c4ee23 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -43,8 +43,16 @@
         />
         <div class="chart_inbox0_extended_btn" ><button type="button" @click="doShowExtended" v-if="!is_loading_counter_inbox" class="btn" >__MSG_ViewDetails__</button></div>
       </div>
-      <p class="chart_info" v-if="show_extended">__MSG_InboxMailsDateSpreadingExtended__</p>
-      <div class="chart_inbox0_extended_orderby" v-if="show_extended">__MSG_OrderBy__:&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedDate">__MSG_Date__</span>&nbsp;<img src="@public/images/mzts-arrow-sort-active-down.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'date' && orderDate == 'asc'" /><img src="@public/images/mzts-arrow-sort-active-up.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'date' && orderDate == 'desc'" />&nbsp;&nbsp;|&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedMails">__MSG_Mails__</span>&nbsp;<img src="@public/images/mzts-arrow-sort-active-down.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'mails' && orderMails == 'asc'" /><img src="@public/images/mzts-arrow-sort-active-up.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'mails' && orderMails == 'desc'" /></div>
+      <table class="chart_inbox0_extended_table" v-if="show_extended">
+        <tr>
+          <td class="chart_inbox0_extended_title">
+            __MSG_InboxMailsDateSpreadingExtended__
+          </td>
+          <td class="chart_inbox0_extended_orderby">
+            __MSG_OrderBy__:&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedDate">__MSG_Date__</span>&nbsp;<img src="@public/images/mzts-arrow-sort-active-down.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'date' && orderDate == 'asc'" /><img src="@public/images/mzts-arrow-sort-active-up.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'date' && orderDate == 'desc'" />&nbsp;&nbsp;|&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedMails">__MSG_Mails__</span>&nbsp;<img src="@public/images/mzts-arrow-sort-active-down.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'mails' && orderMails == 'asc'" /><img src="@public/images/mzts-arrow-sort-active-up.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'mails' && orderMails == 'desc'" />
+          </td>
+      </tr>
+    </table>
       <div class="chart_inbox0_extended" :id="chart_inbox0_extended_id" v-if="show_extended">
         <ChartInboxZeroDatesExtended 
           :chartData="chartData_InboxZeroDates_extended"

From d3f0d5b2dee57cabc43bd1780f000ce6f275171a Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Mon, 28 Oct 2024 23:46:26 +0100
Subject: [PATCH 071/136] white spaces fixed

---
 src/components/widgets/WidgetInboxZero.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 45c4ee23..86e7a230 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -49,7 +49,7 @@
             __MSG_InboxMailsDateSpreadingExtended__
           </td>
           <td class="chart_inbox0_extended_orderby">
-            __MSG_OrderBy__:&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedDate">__MSG_Date__</span>&nbsp;<img src="@public/images/mzts-arrow-sort-active-down.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'date' && orderDate == 'asc'" /><img src="@public/images/mzts-arrow-sort-active-up.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'date' && orderDate == 'desc'" />&nbsp;&nbsp;|&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedMails">__MSG_Mails__</span>&nbsp;<img src="@public/images/mzts-arrow-sort-active-down.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'mails' && orderMails == 'asc'" /><img src="@public/images/mzts-arrow-sort-active-up.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'mails' && orderMails == 'desc'" />
+            __MSG_OrderBy__:&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedDate">__MSG_Date__</span>&nbsp;<img src="@public/images/mzts-arrow-sort-active-down.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'date' && orderDate == 'asc'" /><img src="@public/images/mzts-arrow-sort-active-up.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'date' && orderDate == 'desc'" />&nbsp;|&nbsp;&nbsp;<span class="chart_inbox0_orderbtn" @click="doOrderExtendedMails">__MSG_Mails__</span>&nbsp;<img src="@public/images/mzts-arrow-sort-active-down.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'mails' && orderMails == 'asc'" /><img src="@public/images/mzts-arrow-sort-active-up.png" class="chart_inbox0_extended_sorticon" v-if="orderType == 'mails' && orderMails == 'desc'" />
           </td>
       </tr>
     </table>

From 5b4a64b82b980951d81b2b0d61ebfbfa945eed1c Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Tue, 29 Oct 2024 00:10:00 +0100
Subject: [PATCH 072/136] i18n timing fixed for the viewdetails button

---
 src/components/tabs/TAB_CustomQry.vue      | 5 +++--
 src/components/tabs/TAB_Today.vue          | 3 ++-
 src/components/tabs/TAB_Yesterday.vue      | 3 ++-
 src/components/widgets/WidgetInboxZero.vue | 2 +-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 948c1ada..3ec9530f 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -773,9 +773,10 @@ async function updateData() {
           is_loading_singleday_chart.value = false;
           is_loading_inbox_chart_folders.value = false;
           // is_loading_inbox_chart_dates.value = false;
-          showFolderLocationNoteAnchor.value = await tsCoreUtils.getFilterDuplicatesPreference(tsStore.current_account_id)
+          showFolderLocationNoteAnchor.value = await tsCoreUtils.getFilterDuplicatesPreference(tsStore.current_account_id);
+          await nextTick();
+          i18n.updateDocument();
         }
-        i18n.updateDocument();
     });
 };
 
diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index dd8c99c1..516ffabd 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -380,8 +380,9 @@ async function updateData() {
         is_loading_today_chart.value = false;
         is_loading_inbox_chart_folders.value = false;
         // is_loading_inbox_chart_dates.value = false;
+        showFolderLocationNoteAnchor.value = await tsCoreUtils.getFilterDuplicatesPreference(tsStore.current_account_id);
+        await nextTick();
         i18n.updateDocument();
-        showFolderLocationNoteAnchor.value = await tsCoreUtils.getFilterDuplicatesPreference(tsStore.current_account_id)
     });
 };
 
diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 696df485..0a2ff4ab 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -301,7 +301,8 @@ async function updateData() {
         is_loading_yesterday_chart.value = false;
         is_loading_inbox_chart_folders.value = false;
         // is_loading_inbox_chart_dates.value = false;
-        showFolderLocationNoteAnchor.value = await tsCoreUtils.getFilterDuplicatesPreference(tsStore.current_account_id)
+        showFolderLocationNoteAnchor.value = await tsCoreUtils.getFilterDuplicatesPreference(tsStore.current_account_id);
+        await nextTick();
         i18n.updateDocument();
     });
 };
diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 86e7a230..41d06815 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -41,7 +41,7 @@
           :chartData="chartData_InboxZeroDates" 
           :is_loading="is_loading_inbox_chart_dates"
         />
-        <div class="chart_inbox0_extended_btn" ><button type="button" @click="doShowExtended" v-if="!is_loading_counter_inbox" class="btn" >__MSG_ViewDetails__</button></div>
+        <div class="chart_inbox0_extended_btn" ><button type="button" @click="doShowExtended" v-if="!is_loading_inbox_chart_folders" class="btn" >__MSG_ViewDetails__</button></div>
       </div>
       <table class="chart_inbox0_extended_table" v-if="show_extended">
         <tr>

From b01828f7a76c72b4baa58cf16dffd0f8f687d7da Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Tue, 29 Oct 2024 01:55:00 +0100
Subject: [PATCH 073/136] stripping < char from domains

---
 statslib/mzts-statscore.utils.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index f5c888b0..c9519cb6 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -770,7 +770,8 @@ export const tsCoreUtils = {
           const email = emailMatch ? (emailMatch[1] || emailMatch[2]) : null;
       
           if (email && email.includes('@')) {
-            const domain = email.split('@')[1].trim();
+            let domain = email.split('@')[1].trim();
+            domain = domain.replace(/>/g, '').trim();
             domains.push(domain);
           }
         });

From 88f80bfb7ecc6c159d6b948d95d7e7e60b171a48 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Tue, 29 Oct 2024 03:11:00 +0100
Subject: [PATCH 074/136] tags added to yesterday tab. see #359

---
 src/components/tabs/TAB_Yesterday.vue | 54 +++++++++++++++++++++++++--
 1 file changed, 51 insertions(+), 3 deletions(-)

diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 0a2ff4ab..1c9f1552 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -60,7 +60,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                        TO DO
+                    <WidgetTags :chartData="chartData_Tags" chart_id="chart_tags_yesterday" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -96,6 +96,7 @@ import CounterManyDays_Table from '../counters/CounterManyDays_Table.vue';
 import ExportMenu from '../ExportMenu.vue';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
 import WidgetInboxZero from '../widgets/WidgetInboxZero.vue';
+import WidgetTags from '../widgets/WidgetTags.vue';
 
 const props = defineProps({
     accountEmails: {
@@ -139,6 +140,7 @@ let is_loading_inbox_chart_folders = ref(true);
 let is_loading_inbox_chart_dates = ref(true);
 let is_loading_counter_many_days = ref(true);
 let is_loading_domains_chart = ref(true);
+let is_loading_tags_chart = ref(true);
 
 let counter_yesterday_sent = ref(0);
 let counter_yesterday_rcvd = ref(0);
@@ -183,7 +185,12 @@ let chartData_InboxZeroDates = ref({
 let chartData_Domains = ref({
     labels: [],
     datasets: []
-})
+});
+
+let chartData_Tags = ref({
+    labels: [],
+    datasets: []
+});
 
 let chartdata_yesterday_hours_sent = ref([]);
 let chartdata_yesterday_hours_rcvd = ref([]);
@@ -192,8 +199,12 @@ let chartdata_inboxzero_dates = ref([]);
 let chartdata_domains_sent = ref([]);
 let chartdata_domains_rcvd = ref([]);
 let chartdata_domains_labels = ref([]);
+let chartdata_tags_sent = ref([]);
+let chartdata_tags_rcvd = ref([]);
+let chartdata_tags_labels = ref([]);
 
 let domains_chart_height = ref("275px");
+let tags_chart_height = ref("275px");
 
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
@@ -205,7 +216,8 @@ let job_done = computed(() => {
     is_loading_inbox_chart_folders.value &&
     is_loading_inbox_chart_dates.value &&
     is_loading_counter_many_days.value &&
-    is_loading_domains_chart.value);
+    is_loading_domains_chart.value &&
+    is_loading_tags_chart.value);
 })
 
 onMounted(async () => {
@@ -297,6 +309,35 @@ async function updateData() {
     tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
     tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
 
+    // chart tags
+    let tags_container_height = document.getElementById('chart_tags_today').clientHeight;
+    let tags_ipotetic_height = chartdata_tags_labels.value.length * 60;
+    if(tags_container_height < tags_ipotetic_height){
+        tags_chart_height.value = String(tags_ipotetic_height) + "px";
+    } else {
+        tags_chart_height.value = String(tags_container_height) + "px";
+    }
+    chartData_Tags.value.labels = chartdata_tags_labels.value;
+    chartData_Tags.value.datasets = [];
+    chartData_Tags.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_tags_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Tags.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_tags_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Tags.value: " + JSON.stringify(chartData_Tags.value));
+    tsLog.log("chartData_Tags.value.labels: " + JSON.stringify(chartData_Tags.value.labels));
+
     nextTick(async () => {
         is_loading_yesterday_chart.value = false;
         is_loading_inbox_chart_folders.value = false;
@@ -363,6 +404,13 @@ async function updateData() {
             chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
             chartdata_domains_labels.value = domains_data.labels;
             is_loading_domains_chart.value = false;
+            // tags
+            const tags_data = tsCoreUtils.transformCountDataToDataset(result_yesterday.tags, false, true);
+            //  console.log(">>>>>>>>>>>>> tags_data: " + JSON.stringify(tags_data, null, 2));
+            chartdata_tags_sent.value = tags_data.dataset_sent;
+            chartdata_tags_rcvd.value = tags_data.dataset_rcvd;
+            chartdata_tags_labels.value = await tsCoreUtils.transformTagsLabels(tags_data.labels);
+            is_loading_tags_chart.value = false;
             updateElapsed('getYesterdayData', result_yesterday.elapsed);
             resolve(true);
         });

From 617d65c722bf9b91ee9b5f1e05d9a2ff4372f533 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Tue, 29 Oct 2024 03:18:00 +0100
Subject: [PATCH 075/136] tags added to manydays tab. see #359

---
 src/components/tabs/TAB_ManyDays.vue | 54 ++++++++++++++++++++++++++--
 1 file changed, 51 insertions(+), 3 deletions(-)

diff --git a/src/components/tabs/TAB_ManyDays.vue b/src/components/tabs/TAB_ManyDays.vue
index 6db5ff61..0e3a102b 100644
--- a/src/components/tabs/TAB_ManyDays.vue
+++ b/src/components/tabs/TAB_ManyDays.vue
@@ -51,7 +51,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                        TO DO
+                    <WidgetTags :chartData="chartData_Tags" chart_id="chart_tags_manydays" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -88,6 +88,7 @@ import { tsExport } from '@statslib/mzts-export';
 import ChartTime from '../charts/ChartTime.vue';
 import WidgetWeekDay from '../widgets/WidgetWeekDay.vue';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
+import WidgetTags from '../widgets/WidgetTags.vue';
 
 
 const props = defineProps({
@@ -120,6 +121,7 @@ let is_loading_rcvd_chart = ref(true);
 let is_loading_timeday_chart = ref(true);
 let is_loading_weekdays_chart = ref(true);
 let is_loading_domains_chart = ref(true);
+let is_loading_tags_chart = ref(true);
 
 let counter_many_days_sent_total = ref(0);
 let counter_many_days_sent_max = ref(0);
@@ -145,8 +147,12 @@ let chartdata_manydays_weekdays_rcvd = ref([]);
 let chartdata_domains_sent = ref([]);
 let chartdata_domains_rcvd = ref([]);
 let chartdata_domains_labels = ref([]);
+let chartdata_tags_sent = ref([]);
+let chartdata_tags_rcvd = ref([]);
+let chartdata_tags_labels = ref([]);
 
 let domains_chart_height = ref("275px");
+let tags_chart_height = ref("275px");
 
 let _export_data = ref({});
 
@@ -182,7 +188,12 @@ let chartData_WeekDays = ref({
 let chartData_Domains = ref({
     labels: [],
     datasets: []
-})
+});
+
+let chartData_Tags = ref({
+    labels: [],
+    datasets: []
+});
 
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
@@ -193,7 +204,8 @@ let job_done = computed(() => {
     is_loading_rcvd_chart.value &&
     is_loading_timeday_chart.value &&
     is_loading_weekdays_chart.value &&
-    is_loading_domains_chart.value);
+    is_loading_domains_chart.value &&
+    is_loading_tags_chart.value);
 });
 
 onMounted(async () => {
@@ -320,6 +332,35 @@ async function updateData() {
     tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
     tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
 
+    // chart tags
+    let tags_container_height = document.getElementById('chart_tags_today').clientHeight;
+    let tags_ipotetic_height = chartdata_tags_labels.value.length * 60;
+    if(tags_container_height < tags_ipotetic_height){
+        tags_chart_height.value = String(tags_ipotetic_height) + "px";
+    } else {
+        tags_chart_height.value = String(tags_container_height) + "px";
+    }
+    chartData_Tags.value.labels = chartdata_tags_labels.value;
+    chartData_Tags.value.datasets = [];
+    chartData_Tags.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_tags_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Tags.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_tags_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Tags.value: " + JSON.stringify(chartData_Tags.value));
+    tsLog.log("chartData_Tags.value.labels: " + JSON.stringify(chartData_Tags.value.labels));
+
     nextTick(() => {
         i18n.updateDocument();
     });
@@ -402,6 +443,13 @@ async function updateData() {
             chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
             chartdata_domains_labels.value = domains_data.labels;
             is_loading_domains_chart.value = false;
+            // tags
+            const tags_data = tsCoreUtils.transformCountDataToDataset(result_many_days.tags, false, true);
+            //  console.log(">>>>>>>>>>>>> tags_data: " + JSON.stringify(tags_data, null, 2));
+            chartdata_tags_sent.value = tags_data.dataset_sent;
+            chartdata_tags_rcvd.value = tags_data.dataset_rcvd;
+            chartdata_tags_labels.value = await tsCoreUtils.transformTagsLabels(tags_data.labels);
+            is_loading_tags_chart.value = false;
             let stop_time = performance.now();
             updateElapsed(stop_time - start_time);
             resolve(true);

From 826fcc7759ffc01cc0f3a938dbcdc41a2872aeab Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Tue, 29 Oct 2024 03:23:00 +0100
Subject: [PATCH 076/136] additional square bg color fixed

---
 src/assets/squared.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/assets/squared.css b/src/assets/squared.css
index 620b4aa6..fa4ac9c7 100644
--- a/src/assets/squared.css
+++ b/src/assets/squared.css
@@ -16,13 +16,15 @@
 
 .square_item:nth-child(1),
 .square_item:nth-child(4),
-.square_item:nth-child(5) {
+.square_item:nth-child(5),
+.square_item:nth-child(8) {
     background-color: #F1F9FD;
 }
 
 .square_item:nth-child(2),
 .square_item:nth-child(3),
-.square_item:nth-child(6) {
+.square_item:nth-child(6),
+.square_item:nth-child(7) {
     background-color: white;
 }
 
@@ -81,13 +83,15 @@ h2.lowercase{
 
     .square_item:nth-child(1),
     .square_item:nth-child(4),
-    .square_item:nth-child(5) {
+    .square_item:nth-child(5),
+    .square_item:nth-child(8) {
         background-color: #333;
     }
 
     .square_item:nth-child(2),
     .square_item:nth-child(3),
-    .square_item:nth-child(6) {
+    .square_item:nth-child(6),
+    .square_item:nth-child(7) {
         background-color: #444;
     }
 

From 28d6d7b8939606a6f478b8164cd7eb2c62a7064e Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 29 Oct 2024 22:33:13 +0100
Subject: [PATCH 077/136] added and improved methods for the inbox0 date
 extended chart. see #350

---
 statslib/mzts-statscore.utils.js | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index c9519cb6..2d2aaf8c 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -193,12 +193,16 @@ export const tsCoreUtils = {
     //     });
     // },
 
-    getDaysLabelColor(label) {
+    getDaysLabelColor(label, color_today = false) {
         let isBusinessDay = this.checkBusinessDay(label);
 
         const bd_color = tsStore.darkmode ? "white" : "black";
         const nbd_color = tsStore.darkmode ? "#C18F2A" : "#725419";
 
+        if(color_today && tsCoreUtils.isToday(label)) {
+            return tsStore.darkmode ? tsStore.chart_colors.many_days_today_dark : tsStore.chart_colors.many_days_today_light;
+        }
+
         return (isBusinessDay ? bd_color : nbd_color);
     },
 
@@ -336,8 +340,9 @@ export const tsCoreUtils = {
         for(let key in data) {
             let value = data[key];
             dataset.data.push(value);
-            let current_date = tsUtils.parseYYYYMMDDToDate(key);
-            labels.push(current_date.toLocaleDateString(undefined,{day: '2-digit', month: '2-digit', year: 'numeric'}));
+            // let current_date = tsUtils.parseYYYYMMDDToDate(key);
+            // labels.push(current_date.toLocaleDateString(undefined,{day: '2-digit', month: '2-digit', year: 'numeric'}));
+            labels.push(key);
         }
 
         let targetLength = labels.length;
@@ -362,9 +367,10 @@ export const tsCoreUtils = {
 
     transformInboxZeroDatesExtendedDatasetToOrdinableArray(dataObject) {
       return dataObject.labels.map((label, index) => {
-          const [day, month, year] = label.split("/").map(Number);
+        //   const [day, month, year] = label.split("/").map(Number);
           return {
-            date: new Date(year, month - 1, day),
+            // date: new Date(year, month - 1, day),
+            date: tsUtils.parseYYYYMMDDToDate(label),
             label,
             value: dataObject.datasets[0].data[index],
             bgColor: dataObject.datasets[0].backgroundColor[index],
@@ -830,6 +836,19 @@ export const tsCoreUtils = {
         return true;
     },
 
+    isToday(dateString) {
+        // Get the current date
+        const today = new Date();
+        
+        // Format the current date as YYYYMMDD
+        const currentDate = today.getFullYear().toString() +
+                            (today.getMonth() + 1).toString().padStart(2, '0') +
+                            today.getDate().toString().padStart(2, '0');
+      
+        // Check if the provided date string matches today's date
+        return dateString === currentDate;
+    },
+
     isEasterOrEasterMonday(date) {
         const year = date.getFullYear();
         const easterDate = this.calculateEaster(year);

From fd5c2a97a2eb97e13c58fc0639c7c685e0e0978a Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 29 Oct 2024 22:33:24 +0100
Subject: [PATCH 078/136] labels improved. see #350

---
 src/components/charts/ChartInboxZeroDatesExtended.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/charts/ChartInboxZeroDatesExtended.vue b/src/components/charts/ChartInboxZeroDatesExtended.vue
index 55155b0f..936d68fb 100644
--- a/src/components/charts/ChartInboxZeroDatesExtended.vue
+++ b/src/components/charts/ChartInboxZeroDatesExtended.vue
@@ -176,8 +176,15 @@ var chartOptions = ref({
             min: 0,
             ticks: {
               callback: function(value, index, ticks) {
-                          return this.getLabelForValue(value);
+                          let val = this.getLabelForValue(value);
+                          let current_date = tsUtils.parseYYYYMMDDToDate(val);
+                           return current_date.toLocaleDateString(undefined,{day: '2-digit', month: '2-digit', year: 'numeric'});
               },
+              color: function(context) {
+                            const labelIndex = context['tick']['value'];
+                            const label = context.chart.data.labels[labelIndex];
+                            return tsCoreUtils.getDaysLabelColor(label, true);
+                        },
             },
           },
         },

From b27d444f61f51039cc124f5871407d2fc91680e2 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 29 Oct 2024 22:36:52 +0100
Subject: [PATCH 079/136] hide extended inbox0 dates chart when updating data.
 see #350

---
 src/components/widgets/WidgetInboxZero.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 41d06815..bf204b07 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -66,7 +66,7 @@
 </template>
 
 <script setup>
-import { ref, computed, nextTick } from 'vue';
+import { ref, computed, nextTick, watch } from 'vue';
 import CounterInboxPercent from '../counters/CounterInboxPercent.vue';
 import ChartInboxZeroFolders from '../charts/ChartInboxZeroFolders.vue';
 import ChartInboxZeroDates from '../charts/ChartInboxZeroDates.vue';
@@ -184,6 +184,11 @@ let orderType = 'date';
 //   return output;
 // });
 
+watch(() => props.is_loading_inbox_chart_dates, (newData) => {
+  if(newData){
+    doHideExtended();
+  }
+})
 
 async function doShowExtended() {
   let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(props.chartData_InboxZeroDates_extended, true);

From 29a000f57ef4604ac77fa0e0ee3c4103c8e22bee Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 29 Oct 2024 22:39:20 +0100
Subject: [PATCH 080/136] coloring today by deafult

---
 statslib/mzts-statscore.utils.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 2d2aaf8c..fa38afd8 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -193,7 +193,7 @@ export const tsCoreUtils = {
     //     });
     // },
 
-    getDaysLabelColor(label, color_today = false) {
+    getDaysLabelColor(label, color_today = true) {
         let isBusinessDay = this.checkBusinessDay(label);
 
         const bd_color = tsStore.darkmode ? "white" : "black";

From 956364fa6cc04123c12f05262898a38b026ca560 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Wed, 30 Oct 2024 20:05:00 +0100
Subject: [PATCH 081/136] release notes udpated

---
 CHANGELOG.md                               | 1 +
 src/components/options_tabs/OPTAB_Info.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e936f3e3..c4c250a0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
         <li>Is now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
         <li>Is now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
         <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
+        <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
         <li>...</li>
       </ul>
 <h3>Version 2.2.2 - 24/09/2024</h3>
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index 1ea62f05..4efd8280 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -27,6 +27,7 @@
         <li>Is now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
         <li>Is now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
         <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
+        <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
         <li>...</li>
       </ul>
       <h3>Version 2.2.2 - 24/09/2024</h3>

From b44d1456fa974bcb9b731d9a03212dcb4fac00d1 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Wed, 30 Oct 2024 21:08:00 +0100
Subject: [PATCH 082/136] dom ref fixed

---
 src/components/tabs/TAB_ManyDays.vue  | 2 +-
 src/components/tabs/TAB_Yesterday.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/tabs/TAB_ManyDays.vue b/src/components/tabs/TAB_ManyDays.vue
index 0e3a102b..381f29be 100644
--- a/src/components/tabs/TAB_ManyDays.vue
+++ b/src/components/tabs/TAB_ManyDays.vue
@@ -333,7 +333,7 @@ async function updateData() {
     tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
 
     // chart tags
-    let tags_container_height = document.getElementById('chart_tags_today').clientHeight;
+    let tags_container_height = document.getElementById('chart_tags_manydays').clientHeight;
     let tags_ipotetic_height = chartdata_tags_labels.value.length * 60;
     if(tags_container_height < tags_ipotetic_height){
         tags_chart_height.value = String(tags_ipotetic_height) + "px";
diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 1c9f1552..3e1f125c 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -310,7 +310,7 @@ async function updateData() {
     tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
 
     // chart tags
-    let tags_container_height = document.getElementById('chart_tags_today').clientHeight;
+    let tags_container_height = document.getElementById('chart_tags_yesterday').clientHeight;
     let tags_ipotetic_height = chartdata_tags_labels.value.length * 60;
     if(tags_container_height < tags_ipotetic_height){
         tags_chart_height.value = String(tags_ipotetic_height) + "px";

From 9ef2b1dd0913168ebd26c29f88024427eeb37a4f Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Wed, 30 Oct 2024 21:13:00 +0100
Subject: [PATCH 083/136] tags chart added to customqry see #359

---
 src/components/tabs/TAB_CustomQry.vue | 58 +++++++++++++++++++++++++--
 1 file changed, 54 insertions(+), 4 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 3ec9530f..93357712 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -146,7 +146,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                        TO DO
+                    <WidgetTags :chartData="chartData_Tags" chart_id="chart_tags_customqry" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -193,6 +193,8 @@ import advancedFiltersIconPath_Set from '@/assets/images/mzts-customqry_adv_filt
 import WidgetWeekDay from '../widgets/WidgetWeekDay.vue';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
 import WidgetInboxZero from '../widgets/WidgetInboxZero.vue';
+import WidgetTags from '../widgets/WidgetTags.vue';
+
 
 const emit = defineEmits(['updateCustomQry'],['updateElapsed']['customQryUserCancelled']);
 
@@ -268,7 +270,7 @@ let chartData_InboxZeroDates = ref({
 let chartData_Domains = ref({
     labels: [],
     datasets: []
-})
+});
 
 let chartdata_singleday_hours_sent = ref([]);
 let chartdata_singleday_hours_rcvd = ref([]);
@@ -297,6 +299,7 @@ let is_loading_involved_table_senders = ref(true);
 let is_loading_sent_chart = ref(true);
 let is_loading_rcvd_chart = ref(true);
 let is_loading_domains_chart = ref(true);
+let is_loading_tags_chart = ref(true);
 
 let counter_customqry_sent_total = ref(0);
 let counter_customqry_sent_max = ref(0);
@@ -322,8 +325,12 @@ let chartdata_customqry_weekdays_rcvd = ref([]);
 let chartdata_domains_sent = ref([]);
 let chartdata_domains_rcvd = ref([]);
 let chartdata_domains_labels = ref([]);
+let chartdata_tags_sent = ref([]);
+let chartdata_tags_rcvd = ref([]);
+let chartdata_tags_labels = ref([]);
 
 let domains_chart_height = ref("275px");
+let tags_chart_height = ref("275px");
 
 let _export_data = ref({});
 
@@ -361,6 +368,11 @@ let chartData_WeekDays = ref({
 
 let chartData_WeekDays_length = computed(() => (chartData_WeekDays.value.datasets.length + Math.floor(Math.random() * 101)));
 
+let chartData_Tags = ref({
+    labels: [],
+    datasets: []
+});
+
 let elapsed = {
     'getCustomQryData':0,
 }
@@ -375,7 +387,8 @@ let job_done = computed(() => {
     is_loading_rcvd_chart.value &&
     is_loading_timeday_chart.value &&
     is_loading_weekdays_chart.value &&
-    is_loading_domains_chart.value);
+    is_loading_domains_chart.value &&
+    is_loading_tags_chart.value);
   }else{
     return !(is_loading_counter_sent_rcvd.value &&
     is_loading_singleday_chart.value &&
@@ -385,7 +398,8 @@ let job_done = computed(() => {
     is_loading_counter_inbox_percent.value &&
     is_loading_inbox_chart_folders.value &&
     is_loading_inbox_chart_dates.value &&
-    is_loading_domains_chart.value);
+    is_loading_domains_chart.value &&
+    is_loading_tags_chart.value);
   }
 });
 
@@ -768,6 +782,35 @@ async function updateData() {
     tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
     tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
 
+     // chart tags
+     let tags_container_height = document.getElementById('chart_tags_customqry').clientHeight;
+    let tags_ipotetic_height = chartdata_tags_labels.value.length * 60;
+    if(tags_container_height < tags_ipotetic_height){
+        tags_chart_height.value = String(tags_ipotetic_height) + "px";
+    } else {
+        tags_chart_height.value = String(tags_container_height) + "px";
+    }
+    chartData_Tags.value.labels = chartdata_tags_labels.value;
+    chartData_Tags.value.datasets = [];
+    chartData_Tags.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_tags_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Tags.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_tags_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Tags.value: " + JSON.stringify(chartData_Tags.value));
+    tsLog.log("chartData_Tags.value.labels: " + JSON.stringify(chartData_Tags.value.labels));
+
     nextTick(async () => {
         if(do_single_day.value){
           is_loading_singleday_chart.value = false;
@@ -873,6 +916,13 @@ async function updateData() {
             chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
             chartdata_domains_labels.value = domains_data.labels;
             is_loading_domains_chart.value = false;
+            // tags
+            const tags_data = tsCoreUtils.transformCountDataToDataset(result_customqry.tags, false, true);
+            //  console.log(">>>>>>>>>>>>> tags_data: " + JSON.stringify(tags_data, null, 2));
+            chartdata_tags_sent.value = tags_data.dataset_sent;
+            chartdata_tags_rcvd.value = tags_data.dataset_rcvd;
+            chartdata_tags_labels.value = await tsCoreUtils.transformTagsLabels(tags_data.labels);
+            is_loading_tags_chart.value = false;
             let stop_time = performance.now();
             updateElapsed('getCustomQryData', stop_time - start_time);
             resolve(true);

From 760f3b03334f9338a68e7b894f6320a2832da880 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Wed, 30 Oct 2024 21:17:00 +0100
Subject: [PATCH 084/136] release notes updated

---
 CHANGELOG.md                               | 1 +
 src/components/options_tabs/OPTAB_Info.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c4c250a0..8cb1e849 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
         <li>Is now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
         <li>Is now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
         <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
+        <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>
         <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
         <li>...</li>
       </ul>
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index 4efd8280..1a7531b7 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -27,6 +27,7 @@
         <li>Is now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
         <li>Is now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
         <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
+        <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>
         <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
         <li>...</li>
       </ul>

From 82e4f2ff94f86a122d75330314f844a13f537bed Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Wed, 30 Oct 2024 21:34:00 +0100
Subject: [PATCH 085/136] horizontal bar charts bars thickness improved

---
 src/components/tabs/TAB_CustomQry.vue      | 4 ++--
 src/components/tabs/TAB_ManyDays.vue       | 2 +-
 src/components/tabs/TAB_Today.vue          | 2 +-
 src/components/tabs/TAB_Yesterday.vue      | 2 +-
 src/components/widgets/WidgetInboxZero.vue | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 93357712..aab3ac91 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -645,7 +645,7 @@ async function updateData() {
     await getCustomQryData();
     if(!do_single_day.value){
       let chart_container_width = document.querySelector('.chart_customqry').clientWidth;
-      let chart_ipotetic_width = chartdata_customqry_labels.value.length * 30;
+      let chart_ipotetic_width = chartdata_customqry_labels.value.length * 60;
       if(chart_container_width < chart_ipotetic_width){
         chart_width.value = String(chart_ipotetic_width) + "px";
       } else {
@@ -755,7 +755,7 @@ async function updateData() {
 
     // chart domains
     let chart_container_height = document.getElementById('chart_domains_customqry').clientHeight;
-    let chart_ipotetic_height = chartdata_domains_labels.value.length * 30;
+    let chart_ipotetic_height = chartdata_domains_labels.value.length * 60;
     if(chart_container_height < chart_ipotetic_height){
         domains_chart_height.value = String(chart_ipotetic_height) + "px";
     } else {
diff --git a/src/components/tabs/TAB_ManyDays.vue b/src/components/tabs/TAB_ManyDays.vue
index 381f29be..210c9547 100644
--- a/src/components/tabs/TAB_ManyDays.vue
+++ b/src/components/tabs/TAB_ManyDays.vue
@@ -305,7 +305,7 @@ async function updateData() {
     })
     // chart domains
     let chart_container_height = document.getElementById('chart_domains_manydays').clientHeight;
-    let chart_ipotetic_height = chartdata_domains_labels.value.length * 30;
+    let chart_ipotetic_height = chartdata_domains_labels.value.length * 60;
     if(chart_container_height < chart_ipotetic_height){
         domains_chart_height.value = String(chart_ipotetic_height) + "px";
     } else {
diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index 516ffabd..d0dd380d 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -320,7 +320,7 @@ async function updateData() {
     // tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
     // chart domains
     let domains_container_height = document.getElementById('chart_domains_today').clientHeight;
-    let domains_ipotetic_height = chartdata_domains_labels.value.length * 30;
+    let domains_ipotetic_height = chartdata_domains_labels.value.length * 60;
     if(domains_container_height < domains_ipotetic_height){
         domains_chart_height.value = String(domains_ipotetic_height) + "px";
     } else {
diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 3e1f125c..0a09cc00 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -282,7 +282,7 @@ async function updateData() {
     // tsLog.log("chartData_InboxZeroDates.value: " + JSON.stringify(chartData_InboxZeroDates.value));
     // chart domains
     let chart_container_height = document.getElementById('chart_domains_yesterday').clientHeight;
-    let chart_ipotetic_height = chartdata_domains_labels.value.length * 30;
+    let chart_ipotetic_height = chartdata_domains_labels.value.length * 60;
     if(chart_container_height < chart_ipotetic_height){
         domains_chart_height.value = String(chart_ipotetic_height) + "px";
     } else {
diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index bf204b07..7ae7be6e 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -204,7 +204,7 @@ async function doShowExtended() {
   let dom_element = document.getElementById(chart_inbox0_extended_id.value);
   if(dom_element != null){
     let container_height = dom_element.clientHeight;
-    let ipotetic_height = chartData_InboxZeroDates_extended.value.labels.length * 30;
+    let ipotetic_height = chartData_InboxZeroDates_extended.value.labels.length * 60;
     // console.log(">>>>>>>>>>>>> chart_inbox0_height container_height: " + container_height + " ipotetic_height: " + ipotetic_height);
     if(container_height < ipotetic_height){
       chart_inbox0_extended_height.value = String(ipotetic_height) + "px";

From 037ce5d29ad712fd5dc2ed89b7114b19a302466b Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Wed, 30 Oct 2024 21:57:00 +0100
Subject: [PATCH 086/136] i18n in customqry view fixed

---
 src/components/tabs/TAB_CustomQry.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index aab3ac91..b0a6f5ce 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -818,8 +818,8 @@ async function updateData() {
           // is_loading_inbox_chart_dates.value = false;
           showFolderLocationNoteAnchor.value = await tsCoreUtils.getFilterDuplicatesPreference(tsStore.current_account_id);
           await nextTick();
-          i18n.updateDocument();
         }
+        i18n.updateDocument();
     });
 };
 

From afd54e35e97d6caf80a08b0d30f455b5fa901cc5 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Wed, 30 Oct 2024 22:14:00 +0100
Subject: [PATCH 087/136] domains e tags chart are now ordered by total mails
 desc

---
 src/components/charts/ChartDomains.vue     |  5 +++-
 src/components/charts/ChartTags.vue        |  5 +++-
 src/components/widgets/WidgetDomains.vue   | 17 ++++++++----
 src/components/widgets/WidgetInboxZero.vue | 14 +++++-----
 src/components/widgets/WidgetTags.vue      | 12 ++++++---
 statslib/mzts-statscore.utils.js           | 31 +++++++++++++++++++---
 6 files changed, 62 insertions(+), 22 deletions(-)

diff --git a/src/components/charts/ChartDomains.vue b/src/components/charts/ChartDomains.vue
index 6437b0c6..a47849b8 100644
--- a/src/components/charts/ChartDomains.vue
+++ b/src/components/charts/ChartDomains.vue
@@ -54,7 +54,10 @@ Chart.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, B
 let props = defineProps({
     chartData: {
         type: Object,
-        default: () => ({}),
+        default: () => ({
+                    labels: [],
+                    datasets: []
+                }),
         required: true
     },
     chart_id: {
diff --git a/src/components/charts/ChartTags.vue b/src/components/charts/ChartTags.vue
index aff0a4b1..3c16c100 100644
--- a/src/components/charts/ChartTags.vue
+++ b/src/components/charts/ChartTags.vue
@@ -54,7 +54,10 @@ Chart.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, B
 let props = defineProps({
     chartData: {
         type: Object,
-        default: () => ({}),
+        default: () => ({
+                    labels: [],
+                    datasets: []
+                }),
         required: true
     },
     chart_id: {
diff --git a/src/components/widgets/WidgetDomains.vue b/src/components/widgets/WidgetDomains.vue
index 9683937c..474db3d8 100644
--- a/src/components/widgets/WidgetDomains.vue
+++ b/src/components/widgets/WidgetDomains.vue
@@ -27,11 +27,15 @@
 <script setup>
 import { computed } from 'vue'
 import ChartDomains from '../charts/ChartDomains.vue';
+import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 
 let props = defineProps({
     chartData: {
         type: Object,
-        default: () => ({}),
+        default: () => ({
+                    labels: [],
+                    datasets: []
+                }),
         required: true
     },
     chart_id: {
@@ -48,10 +52,13 @@ let props = defineProps({
     }
 });
 
-let chartData = computed(() => props.chartData)
-let chart_id = computed(() => props.chart_id)
-let chart_height = computed(() => props.chart_height)
-let is_loading = computed(() => props.is_loading)
+let chartData = computed(() => {
+    return tsCoreUtils.sortDoubleDatasetsByTotal(props.chartData);
+});
+
+let chart_id = computed(() => props.chart_id);
+let chart_height = computed(() => props.chart_height);
+let is_loading = computed(() => props.is_loading);
 
 </script>
 
diff --git a/src/components/widgets/WidgetInboxZero.vue b/src/components/widgets/WidgetInboxZero.vue
index 7ae7be6e..48374bb1 100644
--- a/src/components/widgets/WidgetInboxZero.vue
+++ b/src/components/widgets/WidgetInboxZero.vue
@@ -173,12 +173,12 @@ let orderMails = 'asc';
 let orderType = 'date';
 
 // let chartData_InboxZeroDates_extended = computed(() => {
-//   let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(props.chartData_InboxZeroDates_extended, true);
+//   let data_trasf = tsCoreUtils.transformQueryDataToDataset(props.chartData_InboxZeroDates_extended, true);
 //   let output = {};
 //   output.labels = data_trasf.labels;
 //   output.datasets = [data_trasf.dataset];
-//   chartData_OrdinableArray.value = tsCoreUtils.sortInboxZeroDatesExtendedDatasetOrdinableArray(tsCoreUtils.transformInboxZeroDatesExtendedDatasetToOrdinableArray(output));
-//   tsCoreUtils.updateInboxZeroDatesExtendedDataset(output, chartData_OrdinableArray.value);
+//   chartData_OrdinableArray.value = tsCoreUtils.sortDatasetOrdinableArray(tsCoreUtils.transformDatasetToOrdinableArray(output));
+//   tsCoreUtils.updateDatasetFromSorted(output, chartData_OrdinableArray.value);
 //   console.log(">>>>>>>>>>>>>> props.chartData_InboxZeroDates_extended: " + JSON.stringify(props.chartData_InboxZeroDates_extended));
 //   console.log(">>>>>>>>>>>>>> chartData_InboxZeroDates_extended: " + JSON.stringify(output));
 //   return output;
@@ -191,11 +191,11 @@ watch(() => props.is_loading_inbox_chart_dates, (newData) => {
 })
 
 async function doShowExtended() {
-  let data_trasf = tsCoreUtils.transformInboxZeroDatesExtendedDataToDataset(props.chartData_InboxZeroDates_extended, true);
+  let data_trasf = tsCoreUtils.transformQueryDataToDataset(props.chartData_InboxZeroDates_extended);
   let output = {};
   output.labels = data_trasf.labels;
   output.datasets = [data_trasf.dataset];
-  chartData_OrdinableArray.value = tsCoreUtils.transformInboxZeroDatesExtendedDatasetToOrdinableArray(output);
+  chartData_OrdinableArray.value = tsCoreUtils.transformDatasetToOrdinableArray(output);
   chartData_InboxZeroDates_extended.value = output;
   orderInboxZeroFoldersExtended('date','desc');
   orderDate = 'desc';
@@ -227,9 +227,9 @@ async function doHideExtended() {
 
 function orderInboxZeroFoldersExtended(type = 'date', order = 'asc') {
   console.log(">>>>>>>>>>>>>> orderInboxZeroFoldersExtended type: " + type + " order: " + order);
-  chartData_OrdinableArray.value = tsCoreUtils.sortInboxZeroDatesExtendedDatasetOrdinableArray(chartData_OrdinableArray.value,type,order);
+  chartData_OrdinableArray.value = tsCoreUtils.sortDatasetOrdinableArray(chartData_OrdinableArray.value,type,order);
   console.log(">>>>>>>>>>>>>> orderInboxZeroFoldersExtended chartData_OrdinableArray: " + JSON.stringify(chartData_OrdinableArray.value));
-  tsCoreUtils.updateInboxZeroDatesExtendedDataset(chartData_InboxZeroDates_extended.value, chartData_OrdinableArray.value);
+  tsCoreUtils.updateDatasetFromSorted(chartData_InboxZeroDates_extended.value, chartData_OrdinableArray.value);
   console.log(">>>>>>>>>>>>>> orderInboxZeroFoldersExtended chartData_InboxZeroDates_extended: " + JSON.stringify(chartData_InboxZeroDates_extended.value));
   force_rand.value = Math.floor(Math.random() * 101);
 }
diff --git a/src/components/widgets/WidgetTags.vue b/src/components/widgets/WidgetTags.vue
index ea06affe..0b2d483f 100644
--- a/src/components/widgets/WidgetTags.vue
+++ b/src/components/widgets/WidgetTags.vue
@@ -27,6 +27,7 @@
 <script setup>
 import { computed } from 'vue'
 import ChartTags from '../charts/ChartTags.vue';
+import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
 
 let props = defineProps({
     chartData: {
@@ -48,10 +49,13 @@ let props = defineProps({
     }
 });
 
-let chartData = computed(() => props.chartData)
-let chart_id = computed(() => props.chart_id)
-let chart_height = computed(() => props.chart_height)
-let is_loading = computed(() => props.is_loading)
+let chartData = computed(() => {
+    return tsCoreUtils.sortDoubleDatasetsByTotal(props.chartData);
+});
+
+let chart_id = computed(() => props.chart_id);
+let chart_height = computed(() => props.chart_height);
+let is_loading = computed(() => props.is_loading);
 
 </script>
 
diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index fa38afd8..94a6c772 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -326,7 +326,7 @@ export const tsCoreUtils = {
         return datasets;
     },
 
-    transformInboxZeroDatesExtendedDataToDataset(data) {
+    transformQueryDataToDataset(data) {
         let output = {};
         let dataset = {};
         dataset.data = [];
@@ -365,7 +365,7 @@ export const tsCoreUtils = {
         return output;
     },
 
-    transformInboxZeroDatesExtendedDatasetToOrdinableArray(dataObject) {
+    transformDatasetToOrdinableArray(dataObject) {
       return dataObject.labels.map((label, index) => {
         //   const [day, month, year] = label.split("/").map(Number);
           return {
@@ -379,7 +379,7 @@ export const tsCoreUtils = {
       });
     },
 
-    sortInboxZeroDatesExtendedDatasetOrdinableArray(tempArray, type = 'date', order = 'asc') {
+    sortDatasetOrdinableArray(tempArray, type = 'date', order = 'asc') {
       if (type === 'date') {
         if (order === 'asc') {
           return tempArray.sort((a, b) => a.date - b.date);
@@ -399,13 +399,36 @@ export const tsCoreUtils = {
       throw new Error("Invalid order. Use 'asc' or 'mails' for sorting.");
     },
 
-    updateInboxZeroDatesExtendedDataset(dataObject, sortedArray) {
+    updateDatasetFromSorted(dataObject, sortedArray) {
       dataObject.labels = sortedArray.map(item => item.label);
       dataObject.datasets[0].data = sortedArray.map(item => item.value);
       dataObject.datasets[0].backgroundColor = sortedArray.map(item => item.bgColor);
       dataObject.datasets[0].borderColor = sortedArray.map(item => item.borderColor);
     },
 
+    sortDoubleDatasetsByTotal(data) {
+      // Create an array of objects containing labels and the sum of data values
+      const summedData = data.labels.map((label, index) => {
+        const sum = data.datasets.reduce((acc, dataset) => acc + dataset.data[index], 0);
+        return { label, sum };
+      });
+    
+      // Sort the array by sum in descending order
+      summedData.sort((a, b) => b.sum - a.sum);
+    
+      // Rebuild the sorted object
+      const sortedLabels = summedData.map(item => item.label);
+      const sortedDatasets = data.datasets.map(dataset => ({
+        ...dataset,
+        data: summedData.map(item => dataset.data[data.labels.indexOf(item.label)])
+      }));
+    
+      return {
+        labels: sortedLabels,
+        datasets: sortedDatasets
+      };
+    },      
+
     // getMaxFromData(data) {      // data is an object like this: {"20240517":2,"20240518":4,"20240519":4,"20240520":2,"20240521":0,"20240522":2,"20240523":4,"20240524":0}
     //     let maxValue = 0;
     //     for (const [date, value] of Object.entries(data)) {

From 8b7e6e1ac457a75e68f040d6756c345271c00dc8 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Thu, 31 Oct 2024 03:19:00 +0100
Subject: [PATCH 088/136] tags chart loading fixed

---
 src/components/tabs/TAB_CustomQry.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index b0a6f5ce..a8b962ff 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -146,7 +146,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                    <WidgetTags :chartData="chartData_Tags" chart_id="chart_tags_customqry" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+                    <WidgetTags v-if="do_run" :chartData="chartData_Tags" chart_id="chart_tags_customqry" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -964,6 +964,7 @@ function loadingDo(){
     is_loading_timeday_chart.value = true;
     is_loading_weekdays_chart.value = true;
     is_loading_domains_chart.value = true;
+    is_loading_tags_chart.value = true;
 }
 
 function updateElapsed(function_name, time) {

From b69a29ea1819a481ad3e3c946caecd0e2cef3672 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Thu, 31 Oct 2024 22:54:07 +0100
Subject: [PATCH 089/136] Fixed CustomQry Advanced filters panel. Fixes #386

---
 src/components/tabs/TAB_CustomQry.vue | 66 ++++++++++++++++++---------
 1 file changed, 45 insertions(+), 21 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index a8b962ff..1292958a 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -24,7 +24,7 @@
             <div id="customqry_menu">
                 <img src="@/assets/images/mzts-customqry-view.png" @click="openBookmarkMenu" @contextmenu="openBookmarkMenu" title="__MSG_Bookmarks_Menu__" class="bookmarkmenu"/>
             </div>
-                <span style="margin: 0px 10px;" @click="updateAdvFiltersPosition">__MSG_DateRange__</span> <VueDatePicker v-model="dateQry" @update:model-value="rangeChoosen" :dark="isDark" :format="datepickerFormat" :locale="prefLocale" :range="{ partialRange: false }" :max-date="new Date()" :multi-calendars="{ solo: false, static: true }" :enable-time-picker="false" :clearable="false" ></VueDatePicker>
+                <span style="margin: 0px 10px;">__MSG_DateRange__</span> <VueDatePicker v-model="dateQry" @update:model-value="rangeChoosen" :dark="isDark" :format="datepickerFormat" :locale="prefLocale" :range="{ partialRange: false }" :max-date="new Date()" :multi-calendars="{ solo: false, static: true }" :enable-time-picker="false" :clearable="false" ></VueDatePicker>
                 <img :src="advanced_filters_icon" @click="toggleAdvancedFilters" title="__MSG_ShowAdvFilters__" class="filters_btn"/>
                 <button type="button" id="customqry_update_btn" @click="update">__MSG_UpdateCustomQry__</button>
                 <input type="checkbox" id="customqry_only_bd" v-model="doOnlyBD" :disabled="customqry_only_bd_disabled" /> __MSG_OnlyBDCustomQry__
@@ -977,26 +977,45 @@ function updateElapsed(function_name, time) {
 }
 
 async function toggleAdvancedFilters(){
-  let container = document.getElementById('customqry_square_container');
-  let currentMarginTop = window.getComputedStyle(container).marginTop;
-  let currentMarginTopValue = parseFloat(currentMarginTop);
-  if(show_advanced_filters.value){
-    let adv_filters = document.getElementById('customqry_adv_filters');
-    if(adv_filters) {
-      let heightOfElementA = adv_filters.offsetHeight;
-      container.style.marginTop = `${currentMarginTopValue - heightOfElementA}px`;
-      show_advanced_filters.value = false;
-    }
-  }else{
-    show_advanced_filters.value = true;
-    await nextTick();
-    let adv_filters = document.getElementById('customqry_adv_filters');
-    if(adv_filters) {
-      let heightOfElementA = adv_filters.offsetHeight;
-      container.style.marginTop = `${currentMarginTopValue + heightOfElementA}px`;
-    }
+  // let container = document.getElementById('customqry_square_container');
+  // let currentMarginTop = window.getComputedStyle(container).marginTop;
+  // let currentMarginTopValue = parseFloat(currentMarginTop);
+  show_advanced_filters.value = !show_advanced_filters.value;
+  await nextTick();
+  updateAdvFiltersPosition();
+  // if(show_advanced_filters.value){
+  //   let adv_filters = document.getElementById('customqry_adv_filters');
+  //   if(adv_filters) {
+  //     // let heightOfElementA = adv_filters.offsetHeight;
+  //     let height = adv_filters.offsetHeight;
+  //     let style = getComputedStyle(adv_filters);
+  //     let marginTop = parseFloat(style.marginTop);
+  //     let marginBottom = parseFloat(style.marginBottom);
+  //     let totalHeight = height + marginTop + marginBottom;
+  //     container.style.marginTop = `${currentMarginTopValue - totalHeight}px`;
+  //     show_advanced_filters.value = false;
+  //     console.log(">>>>>>>>>>>>> totalHeight: " + totalHeight);
+  //     console.log(">>>>>>>>>>>>> container.style.marginTop: " + container.style.marginTop);
+  //     console.log(">>>>>>>>>>>>> height: " + height + " marginTop: " + marginTop + " marginBottom: " + marginBottom);
+  //   }
+  // }else{
+  //   show_advanced_filters.value = true;
+  //   await nextTick();
+  //   let adv_filters = document.getElementById('customqry_adv_filters');
+  //   if(adv_filters) {
+  //     // let heightOfElementA = adv_filters.offsetHeight;
+  //     let height = adv_filters.offsetHeight;
+  //     let style = getComputedStyle(adv_filters);
+  //     let marginTop = parseFloat(style.marginTop);
+  //     let marginBottom = parseFloat(style.marginBottom);
+  //     let totalHeight = height + marginTop + marginBottom;
+  //     container.style.marginTop = `${currentMarginTopValue + totalHeight}px`;
+  //     console.log(">>>>>>>>>>>>> totalHeight: " + totalHeight);
+  //     console.log(">>>>>>>>>>>>> container.style.marginTop: " + container.style.marginTop);
+  //     console.log(">>>>>>>>>>>>> height: " + height + " marginTop: " + marginTop + " marginBottom: " + marginBottom);
+  //   }
     i18n.updateDocument();
-  }
+  // }
 }
 
 function updateAdvFiltersPosition(){
@@ -1006,7 +1025,12 @@ function updateAdvFiltersPosition(){
   if(show_advanced_filters.value){
     let currentMarginTop = window.getComputedStyle(container).marginTop;
     let currentMarginTopValue = parseFloat(currentMarginTop);
-    container.style.marginTop = `${currentMarginTopValue + parseFloat(customqry_adv_filters.offsetHeight)}px`;
+    let height = customqry_adv_filters.offsetHeight;
+    let style = getComputedStyle(customqry_adv_filters);
+    let marginTop = parseFloat(style.marginTop);
+    let marginBottom = parseFloat(style.marginBottom);
+    let totalHeight = height + marginTop + marginBottom;
+    container.style.marginTop = `${currentMarginTopValue + totalHeight + 10}px`;
   }
 }
 

From 6f0304e611ec842fad7fa451c3d0be8b26f43003 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 1 Nov 2024 19:40:40 +0100
Subject: [PATCH 090/136] release notes updated

---
 CHANGELOG.md                               | 1 +
 src/components/options_tabs/OPTAB_Info.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8cb1e849..61f042b4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@
         <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
         <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>
         <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
+        <li>The advanced filters panel opening and closing spacing is now fixed [<a href="https://github.com/micz/ThunderStats/issues/386">#386</a>].</li>
         <li>...</li>
       </ul>
 <h3>Version 2.2.2 - 24/09/2024</h3>
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index 1a7531b7..fe90e794 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -29,6 +29,7 @@
         <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
         <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>
         <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
+        <li>The advanced filters panel opening and closing spacing is now fixed [<a href="https://github.com/micz/ThunderStats/issues/386">#386</a>].</li>
         <li>...</li>
       </ul>
       <h3>Version 2.2.2 - 24/09/2024</h3>

From 36fa8e286066f393a590ce0ec496ca4760e32b0e Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 1 Nov 2024 22:01:07 +0100
Subject: [PATCH 091/136] typo fixed

---
 CHANGELOG.md                               | 4 ++--
 src/components/options_tabs/OPTAB_Info.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 61f042b4..7639aace 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,8 +5,8 @@
 
 <h3>Version 2.3.0 - ??/??/2024</h3>
       <ul>
-        <li>Is now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
-        <li>Is now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
+        <li>It's now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
+        <li>It's now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
         <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
         <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>
         <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index fe90e794..500a2b05 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -24,8 +24,8 @@
       <h1>ThunderStats Release Notes</h1>
       <h3>Version 2.3.0 - ??/??/2024</h3>
       <ul>
-        <li>Is now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
-        <li>Is now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
+        <li>It's now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
+        <li>It's now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
         <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
         <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>
         <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>

From edf7953afeebe17287bacbf7e428bcf8364c98a7 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 1 Nov 2024 22:05:26 +0100
Subject: [PATCH 092/136] folders chart added see #357

---
 src/components/charts/ChartFolders.vue   | 201 +++++++++++++++++++++++
 src/components/widgets/WidgetFolders.vue |  65 ++++++++
 2 files changed, 266 insertions(+)
 create mode 100644 src/components/charts/ChartFolders.vue
 create mode 100644 src/components/widgets/WidgetFolders.vue

diff --git a/src/components/charts/ChartFolders.vue b/src/components/charts/ChartFolders.vue
new file mode 100644
index 00000000..b7c7caba
--- /dev/null
+++ b/src/components/charts/ChartFolders.vue
@@ -0,0 +1,201 @@
+<!--
+/*
+ *  ThunderStats [https://micz.it/thunderbird-addon-thunderstats-your-thunderbird-statistics/]
+ *  Copyright (C) 2024  Mic (m@micz.it)
+
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+-->
+
+<template>
+  <div class="chart_time_container">
+    <div class="chart_time_full_domains" >
+      <div class="chart_time_full_domains_container" :id="chart_id">
+        <div class="circle_wait" v-if="is_loading"><img src="@/assets/images/mzts-wait_circle.svg" alt="__MSG_Loading__..." /></div>
+        <Bar
+            :options="chartOptions"
+            :data="chartData"
+            :plugins="chartPlugins"
+            :key="chartData_length"
+            ref="foldersChartBar_ref"
+            v-if="!is_loading"
+          />
+      </div>
+    </div>
+    <div :id="legend_id" class="legend-time" v-if="!is_loading"></div>
+</div>
+</template>
+
+
+<script setup>
+import { ref, computed } from 'vue'
+import { Bar } from 'vue-chartjs'
+import { Chart, BarController, BarElement, CategoryScale, LinearScale, Title, Tooltip, Legend } from 'chart.js';
+import ChartDataLabels from 'chartjs-plugin-datalabels';
+import { htmlLegendPlugin } from '@statslib/chartjs-lib/plugin-timechart-legend';
+import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
+import { tsStore } from '@statslib/mzts-store';
+import { tsUtils } from '@statslib/mzts-utils';
+
+Chart.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, BarController);
+
+
+let props = defineProps({
+    chartData: {
+        type: Object,
+        default: () => ({
+                    labels: [],
+                    datasets: []
+                }),
+        required: true
+    },
+    chart_id: {
+        type: String,
+        default: 'folders-chart',
+    },
+    chart_height: {
+        type: String,
+        default: '500px'
+    },
+    is_loading: {
+        type: Boolean,
+        default: true
+    }
+});
+
+let foldersChartBar_ref = ref(null);
+
+let maxX = ref(0);
+
+let chart_id = computed(() => props.chart_id);
+let legend_id = computed(() => props.chart_id + "-legend");
+let chart_height = computed(() => props.chart_height);
+let chartData_length = computed(() => (chartData.value.datasets.length + Math.floor(Math.random() * 101)));
+
+let chartData = computed(() => {
+  if (props.chartData.datasets && props.chartData.datasets.length > 0) {
+  let data = tsUtils.safeConcat(props.chartData.datasets, 0)
+                  .concat(tsUtils.safeConcat(props.chartData.datasets, 1));
+        let maxData = tsCoreUtils.getMaxFromData(data);
+        maxX.value = (Math.ceil(maxData / 5) * 5);
+        if(maxX.value == maxData) {
+          maxX.value = maxX.value + 3;
+        }
+    } else {
+        maxX.value = 5;
+    }
+    if(!chartOptions) return;
+    // console.log(">>>>>>>>>>>>>>>>>>>> maxX: " + maxX.value);
+    if(maxX.value < 20) {
+      chartOptions.value.scales.x.ticks.stepSize = 1;
+    }else{
+      chartOptions.value.scales.x.ticks.stepSize = 5;
+    }
+    chartOptions.value.scales.x.max = maxX.value;
+
+  let chart_container = document.getElementById(chart_id.value);
+  if(chart_container) {
+    chart_container.style.height = chart_height.value;
+  }
+
+  return props.chartData;
+});
+
+let is_loading = computed(() => props.is_loading)
+
+var chartOptions = ref({
+        responsive: true,
+        animation: false,
+        maintainAspectRatio: false,
+        indexAxis: 'y',
+        hover: {mode: null},
+        // categoryPercentage: 1,
+        // barPercentage: 0.8,
+        scales: {
+          x: {
+            title: {
+              display: true,
+              text: browser.i18n.getMessage('Mails')
+            },
+            beginAtZero: true,
+            min: 0,
+            max: maxX.value,
+            ticks: {
+              stepSize: 5,
+              callback: function(value) {
+                if (Number.isInteger(value)) {
+                  return value;
+                }
+                return '';
+              },
+              align: 'right',
+              // maxRotation: 0,
+              // minRotation: 0
+            },
+          },
+          y: {
+            title: {
+              display: false,
+            },
+            beginAtZero: true,
+            min: 0,
+            ticks: {
+              callback: function(value, index, ticks) {
+                          return this.getLabelForValue(value);
+              },
+            },
+          },
+        },
+        plugins: {
+          legend: {
+            display: false,
+          },
+          htmlLegend: {
+            // ID of the container to put the legend in
+            containerID: legend_id.value,
+            is_today: false,
+            is_yesterday: false,
+          },
+          tooltip: {
+              enabled: false,
+          },
+          datalabels: {
+            display: true,
+            anchor: 'end',
+            align: function(context) {
+              let width = context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].width;
+              // console.log(">>>>>>>>>>>>>>>>>>>>> context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex]: " + JSON.stringify(context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex]));
+              return width <= 25 ? 'right' : 'left';
+            },
+            color: function(context) {
+              let width = context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].width;
+              //console.log(">>>>>>>>>>>>>>>>>>>>> width: " + JSON.stringify(width));
+              //console.log(">>>>>>>>>>>>>>>>>>>>> darkMode: " + JSON.stringify(tsStore.darkmode));
+              return width > 25 ? '#fff' : tsStore.darkmode?'#bbb':'grey';
+            },
+            font: {
+              weight: 'bold',
+            },
+          },
+        },
+      });
+
+var chartPlugins = [ChartDataLabels, htmlLegendPlugin];
+
+</script>
+
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/widgets/WidgetFolders.vue b/src/components/widgets/WidgetFolders.vue
new file mode 100644
index 00000000..1b92c6f1
--- /dev/null
+++ b/src/components/widgets/WidgetFolders.vue
@@ -0,0 +1,65 @@
+<!--
+/*
+ *  ThunderStats [https://micz.it/thunderbird-addon-thunderstats-your-thunderbird-statistics/]
+ *  Copyright (C) 2024  Mic (m@micz.it)
+
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+-->
+
+
+<template>
+    <ChartFolders :chartData="chartData" :chart_id="chart_id" :chart_height="chart_height" :is_loading="is_loading" />
+</template>
+
+
+<script setup>
+import { computed } from 'vue'
+import ChartFolders from '../charts/ChartFolders.vue';
+import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
+
+let props = defineProps({
+    chartData: {
+        type: Object,
+        default: () => ({}),
+        required: true
+    },
+    chart_id: {
+        type: String,
+        default: 'folders-chart',
+    },
+    chart_height: {
+        type: String,
+        default: '500px'
+    },
+    is_loading: {
+        type: Boolean,
+        default: true
+    }
+});
+
+let chartData = computed(() => {
+    return tsCoreUtils.sortDoubleDatasetsByTotal(props.chartData);
+});
+
+let chart_id = computed(() => props.chart_id);
+let chart_height = computed(() => props.chart_height);
+let is_loading = computed(() => props.is_loading);
+
+</script>
+
+
+<style scoped>
+
+</style>
\ No newline at end of file

From b780b082694667b07e2d0151cc5a6988ce1f7172 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 5 Nov 2024 21:14:09 +0100
Subject: [PATCH 093/136] WidgetTags renamed in WidgetFoldersTags

---
 src/components/tabs/TAB_CustomQry.vue                         | 4 ++--
 src/components/tabs/TAB_ManyDays.vue                          | 4 ++--
 src/components/tabs/TAB_Today.vue                             | 4 ++--
 src/components/tabs/TAB_Yesterday.vue                         | 4 ++--
 .../widgets/{WidgetTags.vue => WidgetFoldersTags.vue}         | 0
 5 files changed, 8 insertions(+), 8 deletions(-)
 rename src/components/widgets/{WidgetTags.vue => WidgetFoldersTags.vue} (100%)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 1292958a..0a10f6a0 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -146,7 +146,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                    <WidgetTags v-if="do_run" :chartData="chartData_Tags" chart_id="chart_tags_customqry" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+                    <WidgetFoldersTags v-if="do_run" :chartData="chartData_Tags" chart_id="chart_tags_customqry" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -193,7 +193,7 @@ import advancedFiltersIconPath_Set from '@/assets/images/mzts-customqry_adv_filt
 import WidgetWeekDay from '../widgets/WidgetWeekDay.vue';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
 import WidgetInboxZero from '../widgets/WidgetInboxZero.vue';
-import WidgetTags from '../widgets/WidgetTags.vue';
+import WidgetFoldersTags from '../widgets/WidgetFoldersTags.vue';
 
 
 const emit = defineEmits(['updateCustomQry'],['updateElapsed']['customQryUserCancelled']);
diff --git a/src/components/tabs/TAB_ManyDays.vue b/src/components/tabs/TAB_ManyDays.vue
index 210c9547..d04b36a5 100644
--- a/src/components/tabs/TAB_ManyDays.vue
+++ b/src/components/tabs/TAB_ManyDays.vue
@@ -51,7 +51,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                    <WidgetTags :chartData="chartData_Tags" chart_id="chart_tags_manydays" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+                    <WidgetFoldersTags :chartData="chartData_Tags" chart_id="chart_tags_manydays" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -88,7 +88,7 @@ import { tsExport } from '@statslib/mzts-export';
 import ChartTime from '../charts/ChartTime.vue';
 import WidgetWeekDay from '../widgets/WidgetWeekDay.vue';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
-import WidgetTags from '../widgets/WidgetTags.vue';
+import WidgetFoldersTags from '../widgets/WidgetFoldersTags.vue';
 
 
 const props = defineProps({
diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index d0dd380d..f34a3245 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -60,7 +60,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                    <WidgetTags :chartData="chartData_Tags" chart_id="chart_tags_today" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+                    <WidgetFoldersTags :chartData="chartData_Tags" chart_id="chart_tags_today" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -97,7 +97,7 @@ import { tsUtils } from '@statslib/mzts-utils';
 import { tsExport } from '@statslib/mzts-export';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
 import WidgetInboxZero from '../widgets/WidgetInboxZero.vue';
-import WidgetTags from '../widgets/WidgetTags.vue';
+import WidgetFoldersTags from '../widgets/WidgetFoldersTags.vue';
 
 
 const props = defineProps({
diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 0a09cc00..8239e0f2 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -60,7 +60,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                    <WidgetTags :chartData="chartData_Tags" chart_id="chart_tags_yesterday" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+                    <WidgetFoldersTags :chartData="chartData_Tags" chart_id="chart_tags_yesterday" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -96,7 +96,7 @@ import CounterManyDays_Table from '../counters/CounterManyDays_Table.vue';
 import ExportMenu from '../ExportMenu.vue';
 import WidgetDomains from '../widgets/WidgetDomains.vue';
 import WidgetInboxZero from '../widgets/WidgetInboxZero.vue';
-import WidgetTags from '../widgets/WidgetTags.vue';
+import WidgetFoldersTags from '../widgets/WidgetFoldersTags.vue';
 
 const props = defineProps({
     accountEmails: {
diff --git a/src/components/widgets/WidgetTags.vue b/src/components/widgets/WidgetFoldersTags.vue
similarity index 100%
rename from src/components/widgets/WidgetTags.vue
rename to src/components/widgets/WidgetFoldersTags.vue

From dc90c8371f16d22c314c234bdfec6b81ee951c5b Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 5 Nov 2024 22:41:42 +0100
Subject: [PATCH 094/136] show_tags added to tsStore

---
 statslib/mzts-store.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/statslib/mzts-store.js b/statslib/mzts-store.js
index 5a705216..733f9283 100644
--- a/statslib/mzts-store.js
+++ b/statslib/mzts-store.js
@@ -29,4 +29,5 @@ export const tsStore = reactive({
     },
     'tags_list': {},
     'currentTab': '',
+    'show_tags': false,
 });
\ No newline at end of file

From da97c20b7135b22eed8eb62fc68a90aa8e15f634 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 5 Nov 2024 22:42:01 +0100
Subject: [PATCH 095/136] added a commented out debug console.log statement

---
 statslib/mzts-statscore.utils.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 94a6c772..ecfe4170 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -407,6 +407,7 @@ export const tsCoreUtils = {
     },
 
     sortDoubleDatasetsByTotal(data) {
+      // console.log(">>>>>>>>>>>>>> [sortDoubleDatasetsByTotal] data: " + JSON.stringify(data));
       // Create an array of objects containing labels and the sum of data values
       const summedData = data.labels.map((label, index) => {
         const sum = data.datasets.reduce((acc, dataset) => acc + dataset.data[index], 0);

From 5915832868d0ab28329ab2e049d2bc9fb4b3873e Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 5 Nov 2024 22:42:25 +0100
Subject: [PATCH 096/136] default chart-id fixed

---
 src/components/charts/ChartTags.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/charts/ChartTags.vue b/src/components/charts/ChartTags.vue
index 3c16c100..3e8b9796 100644
--- a/src/components/charts/ChartTags.vue
+++ b/src/components/charts/ChartTags.vue
@@ -62,7 +62,7 @@ let props = defineProps({
     },
     chart_id: {
         type: String,
-        default: 'domains-chart',
+        default: 'tags-chart',
     },
     chart_height: {
         type: String,

From f01e7196ac48a149e32b410be343f2f3026eaa42 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 5 Nov 2024 22:42:44 +0100
Subject: [PATCH 097/136] added i18n Folders

---
 public/_locales/en/messages.json | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index a055b92c..49ba41f9 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -796,5 +796,9 @@
   "ViewDetails": {
     "message": "View Details",
     "description": ""
+  },
+  "Folders": {
+    "message": "Folders",
+    "description": ""
   }
 }

From 386b039a2a1f9397a7d8983e14a2f6a87eac8988 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 6 Nov 2024 21:54:47 +0100
Subject: [PATCH 098/136] setting tsStore.currentTab = "tab-today";

---
 src/index.thunderstats.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/index.thunderstats.js b/src/index.thunderstats.js
index 843aac2a..3c8e6112 100644
--- a/src/index.thunderstats.js
+++ b/src/index.thunderstats.js
@@ -13,6 +13,7 @@ async function main() {
     tsStore.do_debug = await tsPrefs.getPref("do_debug");
     tsStore.isTB128plus = await tsUtils.isThunderbird128OrGreater();
     tsStore.darkmode = undefined;
+    tsStore.currentTab = "tab-today";
 
     createApp(App_ThunderStats)
         .component('tabs', Tabs)

From 7ea8d1ffe8b1ae80a52cdc75814e6cb860bfc5f7 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 6 Nov 2024 22:10:23 +0100
Subject: [PATCH 099/136] chart_height prop added

---
 src/components/charts/ChartDomains.vue | 1 +
 src/components/charts/ChartTags.vue    | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/charts/ChartDomains.vue b/src/components/charts/ChartDomains.vue
index a47849b8..6cd18d7c 100644
--- a/src/components/charts/ChartDomains.vue
+++ b/src/components/charts/ChartDomains.vue
@@ -27,6 +27,7 @@
             :options="chartOptions"
             :data="chartData"
             :plugins="chartPlugins"
+            :height="chart_height"
             :key="chartData_length"
             ref="domainsChartBar_ref"
             v-if="!is_loading"
diff --git a/src/components/charts/ChartTags.vue b/src/components/charts/ChartTags.vue
index 3e8b9796..f0a366e1 100644
--- a/src/components/charts/ChartTags.vue
+++ b/src/components/charts/ChartTags.vue
@@ -27,6 +27,7 @@
             :options="chartOptions"
             :data="chartData"
             :plugins="chartPlugins"
+            :height="chart_height"
             :key="chartData_length"
             ref="tagsChartBar_ref"
             v-if="!is_loading"

From cbc3e96b05c61244cdb456e5731a51d4c49dc99e Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 6 Nov 2024 22:10:51 +0100
Subject: [PATCH 100/136] Folders Chart added. Work in progress, see #357

---
 src/components/charts/ChartFolders.vue       |   9 +-
 src/components/tabs/TAB_CustomQry.vue        |   2 +-
 src/components/tabs/TAB_ManyDays.vue         |   2 +-
 src/components/tabs/TAB_Today.vue            |  57 ++++++++---
 src/components/tabs/TAB_Yesterday.vue        |   2 +-
 src/components/widgets/WidgetFoldersTags.vue | 101 +++++++++++++++----
 6 files changed, 138 insertions(+), 35 deletions(-)

diff --git a/src/components/charts/ChartFolders.vue b/src/components/charts/ChartFolders.vue
index b7c7caba..688988fd 100644
--- a/src/components/charts/ChartFolders.vue
+++ b/src/components/charts/ChartFolders.vue
@@ -27,7 +27,8 @@
             :options="chartOptions"
             :data="chartData"
             :plugins="chartPlugins"
-            :key="chartData_length"
+            :height="chart_height"
+            :key="key"
             ref="foldersChartBar_ref"
             v-if="!is_loading"
           />
@@ -71,6 +72,10 @@ let props = defineProps({
     is_loading: {
         type: Boolean,
         default: true
+    },
+    key: {
+        type: Number,
+        default: 0
     }
 });
 
@@ -81,7 +86,7 @@ let maxX = ref(0);
 let chart_id = computed(() => props.chart_id);
 let legend_id = computed(() => props.chart_id + "-legend");
 let chart_height = computed(() => props.chart_height);
-let chartData_length = computed(() => (chartData.value.datasets.length + Math.floor(Math.random() * 101)));
+let key = computed(() => props.key);
 
 let chartData = computed(() => {
   if (props.chartData.datasets && props.chartData.datasets.length > 0) {
diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 0a10f6a0..aaf22ea1 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -146,7 +146,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                    <WidgetFoldersTags v-if="do_run" :chartData="chartData_Tags" chart_id="chart_tags_customqry" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+                    <WidgetFoldersTags v-if="do_run" :chartDataTags="chartData_Tags" chart_id="chart_tags_customqry" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
diff --git a/src/components/tabs/TAB_ManyDays.vue b/src/components/tabs/TAB_ManyDays.vue
index d04b36a5..9d167a75 100644
--- a/src/components/tabs/TAB_ManyDays.vue
+++ b/src/components/tabs/TAB_ManyDays.vue
@@ -51,7 +51,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                    <WidgetFoldersTags :chartData="chartData_Tags" chart_id="chart_tags_manydays" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+                    <WidgetFoldersTags :chartDataTags="chartData_Tags" chart_id="chart_tags_manydays" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
diff --git a/src/components/tabs/TAB_Today.vue b/src/components/tabs/TAB_Today.vue
index f34a3245..500bf4d1 100644
--- a/src/components/tabs/TAB_Today.vue
+++ b/src/components/tabs/TAB_Today.vue
@@ -57,10 +57,8 @@
 					  </div>
                       <WidgetDomains :chartData="chartData_Domains" chart_id="chart_domains_today" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
     </div>
-    <div class="square_item"><div class="list_heading_wrapper">
-						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
-                    </div>
-                    <WidgetFoldersTags :chartData="chartData_Tags" chart_id="chart_tags_today" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+    <div class="square_item">
+                    <WidgetFoldersTags :chartDataFolders="chartData_Folders" :chartDataTags="chartData_Tags" :is_loading_folders="is_loading_folders_chart" :is_loading_tags="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -147,6 +145,7 @@ let is_loading_inbox_chart_folders = ref(true);
 let is_loading_inbox_chart_dates = ref(true);
 let is_loading_domains_chart = ref(true);
 let is_loading_tags_chart = ref(true);
+let is_loading_folders_chart = ref(true);
 
 let counter_today_sent = ref(0);
 let counter_today_rcvd = ref(0);
@@ -195,6 +194,11 @@ let chartData_Domains = ref({
     datasets: []
 });
 
+let chartData_Folders = ref({
+    labels: [],
+    datasets: []
+});
+
 let chartData_Tags = ref({
     labels: [],
     datasets: []
@@ -209,12 +213,14 @@ let chartdata_inboxzero_dates = ref([]);
 let chartdata_domains_sent = ref([]);
 let chartdata_domains_rcvd = ref([]);
 let chartdata_domains_labels = ref([]);
+let chartdata_folders_sent = ref([]);
+let chartdata_folders_rcvd = ref([]);
+let chartdata_folders_labels = ref([]);
 let chartdata_tags_sent = ref([]);
 let chartdata_tags_rcvd = ref([]);
 let chartdata_tags_labels = ref([]);
 
 let domains_chart_height = ref("275px");
-let tags_chart_height = ref("275px");
 
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
@@ -228,7 +234,8 @@ let job_done = computed(() => {
     is_loading_inbox_chart_folders.value &&
     is_loading_inbox_chart_dates.value &&
     is_loading_domains_chart.value &&
-    is_loading_tags_chart.value);
+    is_loading_tags_chart.value &&
+    is_loading_folders_chart.value);
 })
 
 onMounted(async () => {
@@ -347,14 +354,29 @@ async function updateData() {
     tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
     tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
 
+    // chart folders
+    chartData_Folders.value.labels = chartdata_folders_labels.value;
+    chartData_Folders.value.datasets = [];
+    chartData_Folders.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_folders_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Folders.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_folders_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Folders.value: " + JSON.stringify(chartData_Folders.value));
+    tsLog.log("chartData_Folders.value.labels: " + JSON.stringify(chartData_Folders.value.labels));
+
     // chart tags
-    let tags_container_height = document.getElementById('chart_tags_today').clientHeight;
-    let tags_ipotetic_height = chartdata_tags_labels.value.length * 60;
-    if(tags_container_height < tags_ipotetic_height){
-        tags_chart_height.value = String(tags_ipotetic_height) + "px";
-    } else {
-        tags_chart_height.value = String(tags_container_height) + "px";
-    }
     chartData_Tags.value.labels = chartdata_tags_labels.value;
     chartData_Tags.value.datasets = [];
     chartData_Tags.value.datasets.push({
@@ -425,6 +447,13 @@ async function updateData() {
             chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
             chartdata_domains_labels.value = domains_data.labels;
             is_loading_domains_chart.value = false;
+            // folders
+            const folders_data = tsCoreUtils.transformCountDataToDataset(result_today.folders, false, true);
+            //  console.log(">>>>>>>>>>>>> folders_data: " + JSON.stringify(folders_data, null, 2));
+            chartdata_folders_sent.value = folders_data.dataset_sent;
+            chartdata_folders_rcvd.value = folders_data.dataset_rcvd;
+            chartdata_folders_labels.value = folders_data.labels;
+            is_loading_folders_chart.value = false;
             // tags
             const tags_data = tsCoreUtils.transformCountDataToDataset(result_today.tags, false, true);
             //  console.log(">>>>>>>>>>>>> tags_data: " + JSON.stringify(tags_data, null, 2));
@@ -529,6 +558,8 @@ function loadingDo(){
     is_loading_inbox_chart_folders.value = true;
     is_loading_inbox_chart_dates.value = true;
     is_loading_domains_chart.value = true;
+    is_loading_folders_chart.value = true;
+    is_loading_tags_chart.value = true;
     elapsed = {
             'getManyDaysData':0,
             'getInboxZeroData':0,
diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 8239e0f2..9a4b2747 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -60,7 +60,7 @@
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
                     </div>
-                    <WidgetFoldersTags :chartData="chartData_Tags" chart_id="chart_tags_yesterday" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+                    <WidgetFoldersTags :chartDataTags="chartData_Tags" chart_id="chart_tags_yesterday" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
diff --git a/src/components/widgets/WidgetFoldersTags.vue b/src/components/widgets/WidgetFoldersTags.vue
index 0b2d483f..e837fba8 100644
--- a/src/components/widgets/WidgetFoldersTags.vue
+++ b/src/components/widgets/WidgetFoldersTags.vue
@@ -20,43 +20,110 @@
 
 
 <template>
-    <ChartTags :chartData="chartData" :chart_id="chart_id" :chart_height="chart_height" :is_loading="is_loading" />
+    <div class="list_heading_wrapper">
+        <h2 class="list_heading cropped lowercase">{{ show_tags ? '__MSG_Tags__' : '__MSG_Folders__' }}</h2>
+    </div>
+    <ChartFolders v-if="!show_tags" :chartData="chartDataFolders" :chart_id="chart_id_folders" :chart_height="chart_height_folders" :is_loading="is_loading_folders" :key="chart_key" />
+    <ChartTags v-if="show_tags" :chartData="chartDataTags" :chart_id="chart_id_tags" :chart_height="chart_height_tags" :is_loading="is_loading_tags" />
+    <button type="button" @click="doSwitch" v-if="!(is_loading_folders || is_loading_tags)" class="btn" >switch</button>
 </template>
 
 
 <script setup>
-import { computed } from 'vue'
+import { computed, nextTick, ref } from 'vue'
 import ChartTags from '../charts/ChartTags.vue';
+import ChartFolders from '../charts/ChartFolders.vue';
 import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
+import { tsStore } from '@statslib/mzts-store';
+import { i18n } from "@statslib/mzts-i18n.js";
 
 let props = defineProps({
-    chartData: {
+    chartDataFolders: {
         type: Object,
-        default: () => ({}),
+        default: () => ({
+                    labels: [],
+                    datasets: []
+                }),
         required: true
     },
-    chart_id: {
-        type: String,
-        default: 'tags-chart',
+    chartDataTags: {
+        type: Object,
+        default: () => ({
+                    labels: [],
+                    datasets: []
+                }),
+        required: true
     },
-    chart_height: {
-        type: String,
-        default: '500px'
+    is_loading_folders: {
+        type: Boolean,
+        default: true
     },
-    is_loading: {
+    is_loading_tags: {
         type: Boolean,
         default: true
-    }
+    },
 });
 
-let chartData = computed(() => {
-    return tsCoreUtils.sortDoubleDatasetsByTotal(props.chartData);
+let chartDataFolders = computed(() => {
+    return tsCoreUtils.sortDoubleDatasetsByTotal(props.chartDataFolders);
 });
 
-let chart_id = computed(() => props.chart_id);
-let chart_height = computed(() => props.chart_height);
-let is_loading = computed(() => props.is_loading);
+let chartDataTags = computed(() => {
+    return tsCoreUtils.sortDoubleDatasetsByTotal(props.chartDataTags);
+});
 
+let is_loading_folders = computed(() => props.is_loading_folders);
+let is_loading_tags = computed(() => props.is_loading_tags);
+
+let show_tags = ref(tsStore.show_tags);
+let chart_height_folders = ref("275px");
+let chart_height_tags = ref("275px");
+
+let chart_id_folders = ref("chart_folders_" + tsStore.currentTab);
+let chart_id_tags = ref("chart_tags_" + tsStore.currentTab);
+
+let force_rand = ref(Math.floor(Math.random() * 101));
+let chart_key = computed(() => String(force_rand.value));
+
+async function doSwitch(){
+    show_tags.value = !show_tags.value;
+    await nextTick();
+    setChartHeight();
+    i18n.updateDocument();
+}
+
+function setChartHeight(){
+    if(!show_tags.value){
+        let folders_dom_element = document.getElementById(chart_id_folders.value).parentElement;
+        if(folders_dom_element != null){
+            let folders_container_height = folders_dom_element.clientHeight;
+            console.log(">>>>>>>>>>>>>>>> folders_container_height: " + folders_container_height);
+            let folders_ipotetic_height = props.chartDataFolders.labels.length * 60;
+            console.log(">>>>>>>>>>>>>>>> folders_ipotetic_height: " + folders_ipotetic_height);
+            if(folders_container_height < folders_ipotetic_height){
+                chart_height_folders.value = String(folders_ipotetic_height) + "px";
+            } else {
+                chart_height_folders.value = String(folders_container_height) + "px";
+            }
+            console.log(">>>>>>>>>>>>>>>> chart_height_folders.value: " + chart_height_folders.value);
+        }
+    }else{
+        let tags_dom_element = document.getElementById(chart_id_tags.value).parentElement;
+        if(tags_dom_element != null){
+            let tags_container_height = tags_dom_element.clientHeight;
+            console.log(">>>>>>>>>>>>>>>> tags_container_height: " + tags_container_height);
+            let tags_ipotetic_height = props.chartDataTags.labels.length * 60;
+            console.log(">>>>>>>>>>>>>>>> tags_ipotetic_height: " + tags_ipotetic_height);
+            if(tags_container_height < tags_ipotetic_height){
+                chart_height_tags.value = String(tags_ipotetic_height) + "px";
+            } else {
+                chart_height_tags.value = String(tags_container_height) + "px";
+            }
+            console.log(">>>>>>>>>>>>>>>> chart_height_tags.value: " + chart_height_tags.value);
+        }
+    }
+    force_rand.value = Math.floor(Math.random() * 101);
+}
 </script>
 
 

From 87ac94e91f4c4e9dbab8132385ae0d133df08ebc Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 6 Nov 2024 22:36:48 +0100
Subject: [PATCH 101/136] commented out debug console.log statement

---
 src/components/widgets/WidgetFoldersTags.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/widgets/WidgetFoldersTags.vue b/src/components/widgets/WidgetFoldersTags.vue
index e837fba8..ffa8a3e0 100644
--- a/src/components/widgets/WidgetFoldersTags.vue
+++ b/src/components/widgets/WidgetFoldersTags.vue
@@ -97,29 +97,29 @@ function setChartHeight(){
         let folders_dom_element = document.getElementById(chart_id_folders.value).parentElement;
         if(folders_dom_element != null){
             let folders_container_height = folders_dom_element.clientHeight;
-            console.log(">>>>>>>>>>>>>>>> folders_container_height: " + folders_container_height);
+            // console.log(">>>>>>>>>>>>>>>> folders_container_height: " + folders_container_height);
             let folders_ipotetic_height = props.chartDataFolders.labels.length * 60;
-            console.log(">>>>>>>>>>>>>>>> folders_ipotetic_height: " + folders_ipotetic_height);
+            // console.log(">>>>>>>>>>>>>>>> folders_ipotetic_height: " + folders_ipotetic_height);
             if(folders_container_height < folders_ipotetic_height){
                 chart_height_folders.value = String(folders_ipotetic_height) + "px";
             } else {
                 chart_height_folders.value = String(folders_container_height) + "px";
             }
-            console.log(">>>>>>>>>>>>>>>> chart_height_folders.value: " + chart_height_folders.value);
+            // console.log(">>>>>>>>>>>>>>>> chart_height_folders.value: " + chart_height_folders.value);
         }
     }else{
         let tags_dom_element = document.getElementById(chart_id_tags.value).parentElement;
         if(tags_dom_element != null){
             let tags_container_height = tags_dom_element.clientHeight;
-            console.log(">>>>>>>>>>>>>>>> tags_container_height: " + tags_container_height);
+            // console.log(">>>>>>>>>>>>>>>> tags_container_height: " + tags_container_height);
             let tags_ipotetic_height = props.chartDataTags.labels.length * 60;
-            console.log(">>>>>>>>>>>>>>>> tags_ipotetic_height: " + tags_ipotetic_height);
+            // console.log(">>>>>>>>>>>>>>>> tags_ipotetic_height: " + tags_ipotetic_height);
             if(tags_container_height < tags_ipotetic_height){
                 chart_height_tags.value = String(tags_ipotetic_height) + "px";
             } else {
                 chart_height_tags.value = String(tags_container_height) + "px";
             }
-            console.log(">>>>>>>>>>>>>>>> chart_height_tags.value: " + chart_height_tags.value);
+            // console.log(">>>>>>>>>>>>>>>> chart_height_tags.value: " + chart_height_tags.value);
         }
     }
     force_rand.value = Math.floor(Math.random() * 101);

From d31a18f32d7fc43528ef5ba21d394d1b51005314 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 6 Nov 2024 22:50:11 +0100
Subject: [PATCH 102/136] getFolderPath method added

---
 statslib/mzts-statscore.utils.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index ecfe4170..9ae0a164 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -119,6 +119,15 @@ export const tsCoreUtils = {
       return `${folder.accountId}:/${folder.path}`
     },
 
+    getFolderPath(folderId, do_split = false) {
+      const [accountId, path] = folderId.split(':/');
+      if(!do_split) {
+        return path.slice(1);
+      } else {
+        return path.slice(1).split(/(?<=\/)/);
+      }
+    },
+
     filterTodayNextHours(hours) {
         // Get the current time
         const now = new Date();

From 7742280d1b7132fe970b0e748b312604a0f1278d Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 6 Nov 2024 22:50:29 +0100
Subject: [PATCH 103/136] splitting folders labels on more lines

---
 src/components/charts/ChartFolders.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/charts/ChartFolders.vue b/src/components/charts/ChartFolders.vue
index 688988fd..447d5a63 100644
--- a/src/components/charts/ChartFolders.vue
+++ b/src/components/charts/ChartFolders.vue
@@ -157,7 +157,7 @@ var chartOptions = ref({
             min: 0,
             ticks: {
               callback: function(value, index, ticks) {
-                          return this.getLabelForValue(value);
+                          return tsCoreUtils.getFolderPath(this.getLabelForValue(value), true);
               },
             },
           },

From 67355ea7cc488a53366b525287826f70f3cf0788 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Thu, 7 Nov 2024 22:52:12 +0100
Subject: [PATCH 104/136] improved switch button text

---
 public/_locales/en/messages.json             | 8 ++++++++
 src/components/widgets/WidgetFoldersTags.vue | 5 ++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index 49ba41f9..74da5b8f 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -800,5 +800,13 @@
   "Folders": {
     "message": "Folders",
     "description": ""
+  },
+  "ShowTags": {
+    "message": "Show Tags",
+    "description": ""
+  },
+  "ShowFolders": {
+    "message": "Show Folders",
+    "description": ""
   }
 }
diff --git a/src/components/widgets/WidgetFoldersTags.vue b/src/components/widgets/WidgetFoldersTags.vue
index ffa8a3e0..fd92e89c 100644
--- a/src/components/widgets/WidgetFoldersTags.vue
+++ b/src/components/widgets/WidgetFoldersTags.vue
@@ -25,7 +25,7 @@
     </div>
     <ChartFolders v-if="!show_tags" :chartData="chartDataFolders" :chart_id="chart_id_folders" :chart_height="chart_height_folders" :is_loading="is_loading_folders" :key="chart_key" />
     <ChartTags v-if="show_tags" :chartData="chartDataTags" :chart_id="chart_id_tags" :chart_height="chart_height_tags" :is_loading="is_loading_tags" />
-    <button type="button" @click="doSwitch" v-if="!(is_loading_folders || is_loading_tags)" class="btn" >switch</button>
+    <div class="chart_inbox0_extended_btn" ><button type="button" @click="doSwitch" v-if="!(is_loading_folders || is_loading_tags)" class="btn" v-text="switch_text"></button></div>
 </template>
 
 
@@ -85,8 +85,11 @@ let chart_id_tags = ref("chart_tags_" + tsStore.currentTab);
 let force_rand = ref(Math.floor(Math.random() * 101));
 let chart_key = computed(() => String(force_rand.value));
 
+let switch_text = ref(browser.i18n.getMessage("ShowTags"));
+
 async function doSwitch(){
     show_tags.value = !show_tags.value;
+    switch_text.value = show_tags.value ? browser.i18n.getMessage("ShowFolders") : browser.i18n.getMessage("ShowTags");
     await nextTick();
     setChartHeight();
     i18n.updateDocument();

From e36aaadddfd23519df7fde34339b51f5a8d6acf1 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Thu, 7 Nov 2024 23:01:28 +0100
Subject: [PATCH 105/136] folders chart added to yesterday tab see #357

---
 src/components/tabs/TAB_Yesterday.vue | 57 +++++++++++++++++++++------
 1 file changed, 44 insertions(+), 13 deletions(-)

diff --git a/src/components/tabs/TAB_Yesterday.vue b/src/components/tabs/TAB_Yesterday.vue
index 9a4b2747..242311af 100644
--- a/src/components/tabs/TAB_Yesterday.vue
+++ b/src/components/tabs/TAB_Yesterday.vue
@@ -57,10 +57,8 @@
 					  </div>
                       <WidgetDomains :chartData="chartData_Domains" chart_id="chart_domains_yesterday" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
     </div>
-    <div class="square_item"><div class="list_heading_wrapper">
-						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
-                    </div>
-                    <WidgetFoldersTags :chartDataTags="chartData_Tags" chart_id="chart_tags_yesterday" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+    <div class="square_item">
+                    <WidgetFoldersTags :chartDataFolders="chartData_Folders" :chartDataTags="chartData_Tags" :is_loading_folders="is_loading_folders_chart" :is_loading_tags="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -140,6 +138,7 @@ let is_loading_inbox_chart_folders = ref(true);
 let is_loading_inbox_chart_dates = ref(true);
 let is_loading_counter_many_days = ref(true);
 let is_loading_domains_chart = ref(true);
+let is_loading_folders_chart = ref(true);
 let is_loading_tags_chart = ref(true);
 
 let counter_yesterday_sent = ref(0);
@@ -187,6 +186,11 @@ let chartData_Domains = ref({
     datasets: []
 });
 
+let chartData_Folders = ref({
+    labels: [],
+    datasets: []
+});
+
 let chartData_Tags = ref({
     labels: [],
     datasets: []
@@ -199,12 +203,14 @@ let chartdata_inboxzero_dates = ref([]);
 let chartdata_domains_sent = ref([]);
 let chartdata_domains_rcvd = ref([]);
 let chartdata_domains_labels = ref([]);
+let chartdata_folders_sent = ref([]);
+let chartdata_folders_rcvd = ref([]);
+let chartdata_folders_labels = ref([]);
 let chartdata_tags_sent = ref([]);
 let chartdata_tags_rcvd = ref([]);
 let chartdata_tags_labels = ref([]);
 
 let domains_chart_height = ref("275px");
-let tags_chart_height = ref("275px");
 
 let job_done = computed(() => {
     return !(is_loading_counter_sent_rcvd.value &&
@@ -217,7 +223,8 @@ let job_done = computed(() => {
     is_loading_inbox_chart_dates.value &&
     is_loading_counter_many_days.value &&
     is_loading_domains_chart.value &&
-    is_loading_tags_chart.value);
+    is_loading_tags_chart.value &&
+    is_loading_folders_chart.value);
 })
 
 onMounted(async () => {
@@ -309,14 +316,29 @@ async function updateData() {
     tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
     tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
 
+    // chart folders
+    chartData_Folders.value.labels = chartdata_folders_labels.value;
+    chartData_Folders.value.datasets = [];
+    chartData_Folders.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_folders_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Folders.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_folders_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Folders.value: " + JSON.stringify(chartData_Folders.value));
+    tsLog.log("chartData_Folders.value.labels: " + JSON.stringify(chartData_Folders.value.labels));
+
     // chart tags
-    let tags_container_height = document.getElementById('chart_tags_yesterday').clientHeight;
-    let tags_ipotetic_height = chartdata_tags_labels.value.length * 60;
-    if(tags_container_height < tags_ipotetic_height){
-        tags_chart_height.value = String(tags_ipotetic_height) + "px";
-    } else {
-        tags_chart_height.value = String(tags_container_height) + "px";
-    }
     chartData_Tags.value.labels = chartdata_tags_labels.value;
     chartData_Tags.value.datasets = [];
     chartData_Tags.value.datasets.push({
@@ -404,6 +426,13 @@ async function updateData() {
             chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
             chartdata_domains_labels.value = domains_data.labels;
             is_loading_domains_chart.value = false;
+            // folders
+            const folders_data = tsCoreUtils.transformCountDataToDataset(result_yesterday.folders, false, true);
+            //  console.log(">>>>>>>>>>>>> folders_data: " + JSON.stringify(folders_data, null, 2));
+            chartdata_folders_sent.value = folders_data.dataset_sent;
+            chartdata_folders_rcvd.value = folders_data.dataset_rcvd;
+            chartdata_folders_labels.value = folders_data.labels;
+            is_loading_folders_chart.value = false;
             // tags
             const tags_data = tsCoreUtils.transformCountDataToDataset(result_yesterday.tags, false, true);
             //  console.log(">>>>>>>>>>>>> tags_data: " + JSON.stringify(tags_data, null, 2));
@@ -466,6 +495,8 @@ function loadingDo(){
     is_loading_inbox_chart_dates.value = true;
     is_loading_counter_many_days.value = true;
     is_loading_domains_chart.value = true;
+    is_loading_folders_chart.value = true;
+    is_loading_tags_chart.value = true;
     elapsed = {
             'getManyDaysData':0,
             'getInboxZeroData':0,

From da2a643d15f889585f27671de045348836cbe5d9 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 9 Nov 2024 22:08:24 +0100
Subject: [PATCH 106/136] correctly updating tsStore.currentTab

---
 src/views/ThunderStatsView.vue | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/views/ThunderStatsView.vue b/src/views/ThunderStatsView.vue
index 2c5ed414..11702b48 100644
--- a/src/views/ThunderStatsView.vue
+++ b/src/views/ThunderStatsView.vue
@@ -148,8 +148,15 @@ import { tsUtils } from '@statslib/mzts-utils';
 
   onMounted(async () => {
     // console.log(">>>>>>>>>>>> ThunderStatsView onMounted");
+    // console.log(">>>>>>>>>>>>> ThunderStatsView onMounted statsTabs_ref.value.activeTabHash: " + JSON.stringify(statsTabs_ref.value.activeTabHash));
     remember_last_tab = await tsPrefs.getPref("remember_last_tab");
-    if(!remember_last_tab) { statsTabs_ref.value.selectTab('#tab-today'); }
+    if(!remember_last_tab) {
+      statsTabs_ref.value.selectTab('#tab-today');
+      tsStore.currentTab = "tab-today";
+    }else {
+      tsStore.currentTab = statsTabs_ref.value.activeTabHash.substring(1);
+    }
+    // console.log(">>>>>>>>>>>>>> ThunderStatsView onMounted tsStore.currentTab: " + tsStore.currentTab);
     let _many_days = await tsPrefs.getPref("_many_days");
     _many_days_text.value = browser.i18n.getMessage("LastNumDays", _many_days);
     tsCore = new thunderStastsCore({do_debug: tsStore.do_debug});
@@ -160,7 +167,7 @@ import { tsUtils } from '@statslib/mzts-utils';
   
 
   async function updateStats(account_id) {
-     //console.log(">>>>>>>>>>>> ThunderStatsView updateStats");
+    // console.log(">>>>>>>>>>>> ThunderStatsView updateStats tsStore.do_debug: " + tsStore.do_debug);
     if(tsLog == null) {
       tsLog = new tsLogger("ThunderStatsView", tsStore.do_debug);
     }
@@ -176,24 +183,25 @@ import { tsUtils } from '@statslib/mzts-utils';
     tsLog.log("accountEmails: " + JSON.stringify(accountEmails.value));
 //    resetStatsDone();
     nextTick(() => {
-      let curr_tab = statsTabs_ref.value.activeTabHash;
-      tsLog.log("curr_tab: " + curr_tab);
+      // console.log(">>>>>>>>>>>>>> ThunderStatsView updateStats statsTabs_ref.value.activeTabHash: " + statsTabs_ref.value.activeTabHash);
+      tsStore.currentTab = statsTabs_ref.value.activeTabHash.substring(1);
+      tsLog.log("tsStore.currentTab: " + tsStore.currentTab);
       is_loading.value = true;
-      switch(curr_tab) {
-        case "#tab-today":
+      switch(tsStore.currentTab) {
+        case "tab-today":
           TAB_Today_ref.value.updateData();
           break;
-        case "#tab-yesterday":
+        case "tab-yesterday":
           TAB_Yesterday_ref.value.updateData();
           break;
-        case "#tab-manydays":
+        case "tab-manydays":
           TAB_ManyDays_ref.value.updateData();
           break;
-        case "#tab-customqry":
+        case "tab-customqry":
           TAB_CustomQry_ref.value.doQry();
           break;
       }
-      statsDone(curr_tab.substring(1));
+      statsDone(tsStore.currentTab);
     });
   }
 

From 859e01624398aedac686fa4042609984e1f1c7af Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 9 Nov 2024 22:09:15 +0100
Subject: [PATCH 107/136] correctly updating chart ids

---
 src/components/widgets/WidgetFoldersTags.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/widgets/WidgetFoldersTags.vue b/src/components/widgets/WidgetFoldersTags.vue
index fd92e89c..121f46eb 100644
--- a/src/components/widgets/WidgetFoldersTags.vue
+++ b/src/components/widgets/WidgetFoldersTags.vue
@@ -88,6 +88,8 @@ let chart_key = computed(() => String(force_rand.value));
 let switch_text = ref(browser.i18n.getMessage("ShowTags"));
 
 async function doSwitch(){
+    chart_id_folders.value = "chart_folders_" + tsStore.currentTab;
+    chart_id_tags.value = "chart_tags_" + tsStore.currentTab;
     show_tags.value = !show_tags.value;
     switch_text.value = show_tags.value ? browser.i18n.getMessage("ShowFolders") : browser.i18n.getMessage("ShowTags");
     await nextTick();
@@ -96,6 +98,7 @@ async function doSwitch(){
 }
 
 function setChartHeight(){
+    // console.log(">>>>>>>>>>>>>>>> chart_id_folders.value: " + chart_id_folders.value);
     if(!show_tags.value){
         let folders_dom_element = document.getElementById(chart_id_folders.value).parentElement;
         if(folders_dom_element != null){

From b30a1e2c784c00d38f8f78af9afb5f512b339e26 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 9 Nov 2024 22:59:39 +0100
Subject: [PATCH 108/136] folders chart: not splitting folders path on more
 lines

---
 src/components/charts/ChartFolders.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/charts/ChartFolders.vue b/src/components/charts/ChartFolders.vue
index 447d5a63..04e3d637 100644
--- a/src/components/charts/ChartFolders.vue
+++ b/src/components/charts/ChartFolders.vue
@@ -157,7 +157,7 @@ var chartOptions = ref({
             min: 0,
             ticks: {
               callback: function(value, index, ticks) {
-                          return tsCoreUtils.getFolderPath(this.getLabelForValue(value), true);
+                          return tsCoreUtils.getFolderPath(this.getLabelForValue(value), false);
               },
             },
           },

From 27dbdd304361b5e9b48d8d227ea615d8ce7d32ce Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 9 Nov 2024 23:19:03 +0100
Subject: [PATCH 109/136] folders chart added to many days tab. see #357

---
 src/components/tabs/TAB_ManyDays.vue | 57 +++++++++++++++++++++-------
 1 file changed, 44 insertions(+), 13 deletions(-)

diff --git a/src/components/tabs/TAB_ManyDays.vue b/src/components/tabs/TAB_ManyDays.vue
index 9d167a75..895e713f 100644
--- a/src/components/tabs/TAB_ManyDays.vue
+++ b/src/components/tabs/TAB_ManyDays.vue
@@ -48,10 +48,8 @@
 					  </div>
                       <WidgetDomains :chartData="chartData_Domains" chart_id="chart_domains_manydays" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
     </div>
-    <div class="square_item"><div class="list_heading_wrapper">
-						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
-                    </div>
-                    <WidgetFoldersTags :chartDataTags="chartData_Tags" chart_id="chart_tags_manydays" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+    <div class="square_item">
+                    <WidgetFoldersTags :chartDataFolders="chartData_Folders" :chartDataTags="chartData_Tags" :is_loading_folders="is_loading_folders_chart" :is_loading_tags="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -100,7 +98,6 @@ const props = defineProps({
 
 const emit = defineEmits(['updateElapsed']);
 
-
 let tsLog = null;
 var tsCore = null;
 
@@ -122,6 +119,7 @@ let is_loading_timeday_chart = ref(true);
 let is_loading_weekdays_chart = ref(true);
 let is_loading_domains_chart = ref(true);
 let is_loading_tags_chart = ref(true);
+let is_loading_folders_chart = ref(true);
 
 let counter_many_days_sent_total = ref(0);
 let counter_many_days_sent_max = ref(0);
@@ -147,6 +145,9 @@ let chartdata_manydays_weekdays_rcvd = ref([]);
 let chartdata_domains_sent = ref([]);
 let chartdata_domains_rcvd = ref([]);
 let chartdata_domains_labels = ref([]);
+let chartdata_folders_sent = ref([]);
+let chartdata_folders_rcvd = ref([]);
+let chartdata_folders_labels = ref([]);
 let chartdata_tags_sent = ref([]);
 let chartdata_tags_rcvd = ref([]);
 let chartdata_tags_labels = ref([]);
@@ -190,6 +191,11 @@ let chartData_Domains = ref({
     datasets: []
 });
 
+let chartData_Folders = ref({
+    labels: [],
+    datasets: []
+});
+
 let chartData_Tags = ref({
     labels: [],
     datasets: []
@@ -205,7 +211,8 @@ let job_done = computed(() => {
     is_loading_timeday_chart.value &&
     is_loading_weekdays_chart.value &&
     is_loading_domains_chart.value &&
-    is_loading_tags_chart.value);
+    is_loading_tags_chart.value &&
+    is_loading_folders_chart.value);
 });
 
 onMounted(async () => {
@@ -332,14 +339,29 @@ async function updateData() {
     tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
     tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
 
+    // chart folders
+    chartData_Folders.value.labels = chartdata_folders_labels.value;
+    chartData_Folders.value.datasets = [];
+    chartData_Folders.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_folders_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Folders.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_folders_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Folders.value: " + JSON.stringify(chartData_Folders.value));
+    tsLog.log("chartData_Folders.value.labels: " + JSON.stringify(chartData_Folders.value.labels));
+
     // chart tags
-    let tags_container_height = document.getElementById('chart_tags_manydays').clientHeight;
-    let tags_ipotetic_height = chartdata_tags_labels.value.length * 60;
-    if(tags_container_height < tags_ipotetic_height){
-        tags_chart_height.value = String(tags_ipotetic_height) + "px";
-    } else {
-        tags_chart_height.value = String(tags_container_height) + "px";
-    }
     chartData_Tags.value.labels = chartdata_tags_labels.value;
     chartData_Tags.value.datasets = [];
     chartData_Tags.value.datasets.push({
@@ -443,6 +465,13 @@ async function updateData() {
             chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
             chartdata_domains_labels.value = domains_data.labels;
             is_loading_domains_chart.value = false;
+            // folders
+            const folders_data = tsCoreUtils.transformCountDataToDataset(result_many_days.folders, false, true);
+            //  console.log(">>>>>>>>>>>>> folders_data: " + JSON.stringify(folders_data, null, 2));
+            chartdata_folders_sent.value = folders_data.dataset_sent;
+            chartdata_folders_rcvd.value = folders_data.dataset_rcvd;
+            chartdata_folders_labels.value = folders_data.labels;
+            is_loading_folders_chart.value = false;
             // tags
             const tags_data = tsCoreUtils.transformCountDataToDataset(result_many_days.tags, false, true);
             //  console.log(">>>>>>>>>>>>> tags_data: " + JSON.stringify(tags_data, null, 2));
@@ -467,6 +496,8 @@ function loadingDo(){
     is_loading_timeday_chart.value = true;
     is_loading_weekdays_chart.value = true;
     is_loading_domains_chart.value = true;
+    is_loading_folders_chart.value = true;
+    is_loading_tags_chart.value = true;
 }
 
 function updateElapsed(elapsed) {

From bfa4fae0a6d26f1bcf07ea33b2f088ec49a22017 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 9 Nov 2024 23:54:55 +0100
Subject: [PATCH 110/136] fixed chart height set also at the first load. see
 #357

---
 src/components/widgets/WidgetFoldersTags.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/WidgetFoldersTags.vue b/src/components/widgets/WidgetFoldersTags.vue
index 121f46eb..8911e44b 100644
--- a/src/components/widgets/WidgetFoldersTags.vue
+++ b/src/components/widgets/WidgetFoldersTags.vue
@@ -30,7 +30,7 @@
 
 
 <script setup>
-import { computed, nextTick, ref } from 'vue'
+import { computed, nextTick, ref, onBeforeUpdate } from 'vue'
 import ChartTags from '../charts/ChartTags.vue';
 import ChartFolders from '../charts/ChartFolders.vue';
 import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
@@ -87,6 +87,10 @@ let chart_key = computed(() => String(force_rand.value));
 
 let switch_text = ref(browser.i18n.getMessage("ShowTags"));
 
+onBeforeUpdate(() => {
+  setChartHeight()
+});
+
 async function doSwitch(){
     chart_id_folders.value = "chart_folders_" + tsStore.currentTab;
     chart_id_tags.value = "chart_tags_" + tsStore.currentTab;
@@ -98,6 +102,8 @@ async function doSwitch(){
 }
 
 function setChartHeight(){
+    chart_id_folders.value = "chart_folders_" + tsStore.currentTab;
+    chart_id_tags.value = "chart_tags_" + tsStore.currentTab;
     // console.log(">>>>>>>>>>>>>>>> chart_id_folders.value: " + chart_id_folders.value);
     if(!show_tags.value){
         let folders_dom_element = document.getElementById(chart_id_folders.value).parentElement;
@@ -130,6 +136,7 @@ function setChartHeight(){
     }
     force_rand.value = Math.floor(Math.random() * 101);
 }
+
 </script>
 
 

From 96e29f1667a1d5a9760a44e5cde03aa967620ff9 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 10 Nov 2024 00:07:04 +0100
Subject: [PATCH 111/136] folders chart added to custom qry tab. see #357

---
 src/components/tabs/TAB_CustomQry.vue | 63 +++++++++++++++++++--------
 1 file changed, 45 insertions(+), 18 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index aaf22ea1..cef91274 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -143,10 +143,8 @@
 					  </div>
            <WidgetDomains v-if="do_run" :chartData="chartData_Domains" chart_id="chart_domains_customqry" :chart_height="domains_chart_height" :is_loading="is_loading_domains_chart" />
     </div>
-    <div class="square_item"><div class="list_heading_wrapper">
-						<h2 class="list_heading cropped lowercase">__MSG_Tags__</h2>
-                    </div>
-                    <WidgetFoldersTags v-if="do_run" :chartDataTags="chartData_Tags" chart_id="chart_tags_customqry" :chart_height="tags_chart_height" :is_loading="is_loading_tags_chart" />
+    <div class="square_item">
+                    <WidgetFoldersTags v-if="do_run" :chartDataFolders="chartData_Folders" :chartDataTags="chartData_Tags" :is_loading_folders="is_loading_folders_chart" :is_loading_tags="is_loading_tags_chart" />
     </div>
     <div class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped lowercase" v-text="top_recipients_title"></h2>
@@ -164,7 +162,6 @@
 </template>
 
 
-
 <script setup>
 import { ref, onMounted, onBeforeMount, nextTick, computed, watch } from 'vue';
 import { tsLogger } from '@statslib/mzts-logger';
@@ -299,6 +296,7 @@ let is_loading_involved_table_senders = ref(true);
 let is_loading_sent_chart = ref(true);
 let is_loading_rcvd_chart = ref(true);
 let is_loading_domains_chart = ref(true);
+let is_loading_folders_chart = ref(true);
 let is_loading_tags_chart = ref(true);
 
 let counter_customqry_sent_total = ref(0);
@@ -325,6 +323,9 @@ let chartdata_customqry_weekdays_rcvd = ref([]);
 let chartdata_domains_sent = ref([]);
 let chartdata_domains_rcvd = ref([]);
 let chartdata_domains_labels = ref([]);
+let chartdata_folders_sent = ref([]);
+let chartdata_folders_rcvd = ref([]);
+let chartdata_folders_labels = ref([]);
 let chartdata_tags_sent = ref([]);
 let chartdata_tags_rcvd = ref([]);
 let chartdata_tags_labels = ref([]);
@@ -359,14 +360,15 @@ let chartData_TimeDay = ref({
     datasets: []
 });
 
-let chartData_TimeDay_length = computed(() => (chartData_TimeDay.value.datasets.length + Math.floor(Math.random() * 101)));
-
 let chartData_WeekDays = ref({
     labels: Array.from({length: 7}, (_, i) => i),
     datasets: []
 });
 
-let chartData_WeekDays_length = computed(() => (chartData_WeekDays.value.datasets.length + Math.floor(Math.random() * 101)));
+let chartData_Folders = ref({
+    labels: [],
+    datasets: []
+});
 
 let chartData_Tags = ref({
     labels: [],
@@ -388,7 +390,8 @@ let job_done = computed(() => {
     is_loading_timeday_chart.value &&
     is_loading_weekdays_chart.value &&
     is_loading_domains_chart.value &&
-    is_loading_tags_chart.value);
+    is_loading_tags_chart.value &&
+    is_loading_folders_chart.value);
   }else{
     return !(is_loading_counter_sent_rcvd.value &&
     is_loading_singleday_chart.value &&
@@ -399,7 +402,8 @@ let job_done = computed(() => {
     is_loading_inbox_chart_folders.value &&
     is_loading_inbox_chart_dates.value &&
     is_loading_domains_chart.value &&
-    is_loading_tags_chart.value);
+    is_loading_tags_chart.value &&
+    is_loading_folders_chart.value);
   }
 });
 
@@ -782,14 +786,29 @@ async function updateData() {
     tsLog.log("chartData_Domains.value: " + JSON.stringify(chartData_Domains.value));
     tsLog.log("chartData_Domains.value.labels: " + JSON.stringify(chartData_Domains.value.labels));
 
-     // chart tags
-     let tags_container_height = document.getElementById('chart_tags_customqry').clientHeight;
-    let tags_ipotetic_height = chartdata_tags_labels.value.length * 60;
-    if(tags_container_height < tags_ipotetic_height){
-        tags_chart_height.value = String(tags_ipotetic_height) + "px";
-    } else {
-        tags_chart_height.value = String(tags_container_height) + "px";
-    }
+    // chart folders
+    chartData_Folders.value.labels = chartdata_folders_labels.value;
+    chartData_Folders.value.datasets = [];
+    chartData_Folders.value.datasets.push({
+        label: 'tsent',
+        data: chartdata_folders_sent.value,
+        borderColor: tsStore.chart_colors._time_sent,
+        backgroundColor: tsStore.chart_colors._time_sent,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    chartData_Folders.value.datasets.push({
+        label: 'trcvd',
+        data: chartdata_folders_rcvd.value,
+        borderColor: tsStore.chart_colors._time_rcvd,
+        backgroundColor: tsStore.chart_colors._time_rcvd,
+        borderWidth: 2,
+        pointRadius: 1,
+    });
+    tsLog.log("chartData_Folders.value: " + JSON.stringify(chartData_Folders.value));
+    tsLog.log("chartData_Folders.value.labels: " + JSON.stringify(chartData_Folders.value.labels));
+
+    // chart tags
     chartData_Tags.value.labels = chartdata_tags_labels.value;
     chartData_Tags.value.datasets = [];
     chartData_Tags.value.datasets.push({
@@ -916,6 +935,13 @@ async function updateData() {
             chartdata_domains_rcvd.value = domains_data.dataset_rcvd;
             chartdata_domains_labels.value = domains_data.labels;
             is_loading_domains_chart.value = false;
+            // folders
+            const folders_data = tsCoreUtils.transformCountDataToDataset(result_customqry.folders, false, true);
+            //  console.log(">>>>>>>>>>>>> folders_data: " + JSON.stringify(folders_data, null, 2));
+            chartdata_folders_sent.value = folders_data.dataset_sent;
+            chartdata_folders_rcvd.value = folders_data.dataset_rcvd;
+            chartdata_folders_labels.value = folders_data.labels;
+            is_loading_folders_chart.value = false;
             // tags
             const tags_data = tsCoreUtils.transformCountDataToDataset(result_customqry.tags, false, true);
             //  console.log(">>>>>>>>>>>>> tags_data: " + JSON.stringify(tags_data, null, 2));
@@ -964,6 +990,7 @@ function loadingDo(){
     is_loading_timeday_chart.value = true;
     is_loading_weekdays_chart.value = true;
     is_loading_domains_chart.value = true;
+    is_loading_folders_chart.value = true;
     is_loading_tags_chart.value = true;
 }
 

From e1f9a79573eb3e4e7ba74022f0fe84be56816efa Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 12 Nov 2024 22:39:57 +0100
Subject: [PATCH 112/136] correctly handling a null legendContainer

---
 statslib/chartjs-lib/plugin-timechart-legend.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/statslib/chartjs-lib/plugin-timechart-legend.js b/statslib/chartjs-lib/plugin-timechart-legend.js
index 16ac9fa5..65b2662d 100644
--- a/statslib/chartjs-lib/plugin-timechart-legend.js
+++ b/statslib/chartjs-lib/plugin-timechart-legend.js
@@ -1,5 +1,6 @@
 const getOrCreateLegendList = (chart, id) => {
     const legendContainer = document.getElementById(id);
+    if(legendContainer == null) return null;
     let listContainer = legendContainer.querySelector('ul');
   
     if (!listContainer) {
@@ -36,6 +37,7 @@ const getOrCreateLegendList = (chart, id) => {
     afterUpdate(chart, args, options) {
         //console.log(">>>>>>>>>>>>> containerID: " + options.containerID);
       const ul = getOrCreateLegendList(chart, options.containerID);
+      if(ul == null) return;
   
       // Remove old legend items
       while (ul.firstChild) {

From a0ea9c298cfca1d1883d8b86650bd0bb6d6ef556 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 12 Nov 2024 22:41:36 +0100
Subject: [PATCH 113/136] handling null elements

---
 src/components/widgets/WidgetFoldersTags.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/widgets/WidgetFoldersTags.vue b/src/components/widgets/WidgetFoldersTags.vue
index 8911e44b..8881f415 100644
--- a/src/components/widgets/WidgetFoldersTags.vue
+++ b/src/components/widgets/WidgetFoldersTags.vue
@@ -106,7 +106,11 @@ function setChartHeight(){
     chart_id_tags.value = "chart_tags_" + tsStore.currentTab;
     // console.log(">>>>>>>>>>>>>>>> chart_id_folders.value: " + chart_id_folders.value);
     if(!show_tags.value){
-        let folders_dom_element = document.getElementById(chart_id_folders.value).parentElement;
+        let base_element_folders = document.getElementById(chart_id_folders.value);
+        if(base_element_folders == null){
+            return;
+        }
+        let folders_dom_element = base_element_folders.parentElement;
         if(folders_dom_element != null){
             let folders_container_height = folders_dom_element.clientHeight;
             // console.log(">>>>>>>>>>>>>>>> folders_container_height: " + folders_container_height);
@@ -120,7 +124,11 @@ function setChartHeight(){
             // console.log(">>>>>>>>>>>>>>>> chart_height_folders.value: " + chart_height_folders.value);
         }
     }else{
-        let tags_dom_element = document.getElementById(chart_id_tags.value).parentElement;
+        let base_element_tags = document.getElementById(chart_id_tags.value);
+        if(base_element_tags == null){
+            return;
+        }
+        let tags_dom_element = base_element_tags.parentElement;
         if(tags_dom_element != null){
             let tags_container_height = tags_dom_element.clientHeight;
             // console.log(">>>>>>>>>>>>>>>> tags_container_height: " + tags_container_height);

From 7fb197a80514840529e449577d5d17704dca92c5 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 12 Nov 2024 22:45:11 +0100
Subject: [PATCH 114/136] release notes updated

---
 CHANGELOG.md                               | 1 +
 src/components/options_tabs/OPTAB_Info.vue | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7639aace..0581369b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
         <li>It's now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
         <li>It's now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
         <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
+        <li>Added the sent / received folders chart [<a href="https://github.com/micz/ThunderStats/issues/357">#357</a>].</li>
         <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>
         <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
         <li>The advanced filters panel opening and closing spacing is now fixed [<a href="https://github.com/micz/ThunderStats/issues/386">#386</a>].</li>
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index 500a2b05..8f68b984 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -27,7 +27,8 @@
         <li>It's now possible to search for read/unread and starred/unsterred in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/158">#158</a>].</li>
         <li>It's now possible to search for a keyword in the subject in the Custom View [<a href="https://github.com/micz/ThunderStats/issues/354">#354</a>].</li>
         <li>Added the sent / received domains chart [<a href="https://github.com/micz/ThunderStats/issues/380">#380</a>].</li>
-        <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>
+        <li>Added the sent / received folders chart [<a href="https://github.com/micz/ThunderStats/issues/357">#357</a>].</li>
+        <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>        
         <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
         <li>The advanced filters panel opening and closing spacing is now fixed [<a href="https://github.com/micz/ThunderStats/issues/386">#386</a>].</li>
         <li>...</li>

From 5864cbc1f348520e3921d8d295dddad5f312f4cd Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 12 Nov 2024 22:52:25 +0100
Subject: [PATCH 115/136] customqry: correctly enforcing bday query more days
 after querying one day.

---
 src/components/tabs/TAB_CustomQry.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index cef91274..643b075b 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -331,7 +331,6 @@ let chartdata_tags_rcvd = ref([]);
 let chartdata_tags_labels = ref([]);
 
 let domains_chart_height = ref("275px");
-let tags_chart_height = ref("275px");
 
 let _export_data = ref({});
 
@@ -430,7 +429,9 @@ watch(() => do_single_day.value, async (newValue, oldValue) => {
     doOnlyBD.value = false;
     customqry_only_bd_disabled.value = true;
   }else{
+    let prefs_bday = await tsPrefs.getPref("bday_default_only");
     customqry_only_bd_disabled.value = false;
+    doOnlyBD.value = prefs_bday;
   }
 })
 

From 4cc071e7f0732e6ee8f20d4f1479c2fc0b4d53c1 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 13 Nov 2024 23:30:24 +0100
Subject: [PATCH 116/136] added more data manipulation methods. see #362

---
 statslib/mzts-utils.js | 91 ++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 87 insertions(+), 4 deletions(-)

diff --git a/statslib/mzts-utils.js b/statslib/mzts-utils.js
index 5b9b4d80..f0f899ef 100644
--- a/statslib/mzts-utils.js
+++ b/statslib/mzts-utils.js
@@ -36,6 +36,50 @@ export const tsUtils = {
         return dateString;
     },
 
+    dateToYYYYMM(originalDate) {
+      // Extract the year from the date
+      let year = originalDate.getFullYear();
+      // Extract the month from the date and adjust for zero-index (0 for January, 11 for December)
+      let month = originalDate.getMonth() + 1;
+      // Format month to always have two digits
+      let formattedMonth = month < 10 ? '0' + month : month;
+  
+      // Combine year and formatted month
+      let dateString = '' + year + formattedMonth;
+  
+      return dateString;
+    },
+
+    dateToYYYY(originalDate) {
+      // Extract the year from the date
+      let year = originalDate.getFullYear();
+      return '' + year; // Convert to string for consistency
+    },
+
+    dateToYYYYWW(originalDate) {
+      // Extract the year from the date
+      let year = originalDate.getFullYear();
+  
+      // Create a copy of the date to avoid modifying the original
+      let date = new Date(originalDate.getTime());
+      date.setHours(0, 0, 0, 0);
+  
+      // Set the date to the nearest Thursday (ISO week starts on Monday and counts from the first Thursday)
+      date.setDate(date.getDate() + 4 - (date.getDay() || 7));
+      let yearStart = new Date(date.getFullYear(), 0, 1);
+      
+      // Calculate the week number
+      let weekNumber = Math.ceil((((date - yearStart) / 86400000) + 1) / 7);
+  
+      // Format week number to always have two digits
+      let formattedWeek = weekNumber < 10 ? '0' + weekNumber : weekNumber;
+  
+      // Combine year and formatted week number
+      let dateString = '' + year + formattedWeek;
+  
+      return dateString;
+    },  
+
     parseYYYYMMDDToDate(dateString) {
         // Extract year, month, and day from the string
         let year = parseInt(dateString.substring(0, 4), 10);
@@ -54,15 +98,54 @@ export const tsUtils = {
     
         while (currentDate <= toDate) {
             let formattedDate = this.dateToYYYYMMDD(currentDate);
-            dateArray[formattedDate] = {};
-            dateArray[formattedDate].count = 0;
-            dateArray[formattedDate].sent = 0;
-            dateArray[formattedDate].received = 0;
+            dateArray[formattedDate] = { count: 0, sent: 0, received: 0 };
             currentDate.setDate(currentDate.getDate() + 1); // Increment the date by one day
         }
         return dateArray;
     },
 
+    getDateArrayWeeks(fromDate, toDate) {
+      let weekArray = {};
+      let currentDate = new Date(fromDate.getTime());
+  
+      while (currentDate <= toDate) {
+          let weekKey = this.dateToYYYYWW(currentDate);
+          if (!weekArray[weekKey]) {
+              weekArray[weekKey] = { count: 0, sent: 0, received: 0 };
+          }
+          currentDate.setDate(currentDate.getDate() + 1);
+      }
+      return weekArray;
+    },
+
+    getDateArrayMonths(fromDate, toDate) {
+      let monthArray = {};
+      let currentDate = new Date(fromDate.getTime());
+  
+      while (currentDate <= toDate) {
+          let monthKey = this.dateToYYYYMM(currentDate);
+          if (!monthArray[monthKey]) {
+              monthArray[monthKey] = { count: 0, sent: 0, received: 0 };
+          }
+          currentDate.setDate(currentDate.getDate() + 1);
+      }
+      return monthArray;
+    },
+
+    getDateArrayYears(fromDate, toDate) {
+      let yearArray = {};
+      let currentDate = new Date(fromDate.getTime());
+  
+      while (currentDate <= toDate) {
+          let yearKey = this.dateToYYYY(currentDate);
+          if (!yearArray[yearKey]) {
+              yearArray[yearKey] = { count: 0, sent: 0, received: 0 };
+          }
+          currentDate.setDate(currentDate.getDate() + 1);
+      }
+      return yearArray;
+    },
+
     daysBetween(fromDate, toDate) {
         const from = new Date(fromDate.getFullYear(), fromDate.getMonth(), fromDate.getDate(), 12, 0, 0);
         const to = new Date(toDate.getFullYear(), toDate.getMonth(), toDate.getDate(), 12, 0, 0);

From 1d42dc38ac1765dd8391f8b5d874352f09503955 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 13 Nov 2024 23:30:52 +0100
Subject: [PATCH 117/136] weeks, months, years, aggregation added. see #362

---
 statslib/mzts-statscore.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/statslib/mzts-statscore.js b/statslib/mzts-statscore.js
index 785d5630..52ba6fa3 100644
--- a/statslib/mzts-statscore.js
+++ b/statslib/mzts-statscore.js
@@ -279,6 +279,9 @@ export class thunderStastsCore {
 
       let folders = {};
       let dates = tsUtils.getDateArray(fromDate,toDate);
+      let dates_weeks = tsUtils.getDateArrayWeeks(fromDate,toDate);
+      let dates_months = tsUtils.getDateArrayMonths(fromDate,toDate);
+      let dates_years = tsUtils.getDateArrayYears(fromDate,toDate);
 
       let domains = {};
       let tags = await tsCoreUtils.getTagsList();
@@ -363,7 +366,13 @@ export class thunderStastsCore {
           }
           // dates
           let date_message_string = tsUtils.dateToYYYYMMDD(message.date);
+          let date_week_string = tsUtils.dateToYYYYWW(message.date);
+          let date_month_string = tsUtils.dateToYYYYMM(message.date);
+          let date_year_string = tsUtils.dateToYYYY(message.date);
           dates[date_message_string].count++;
+          dates_weeks[date_week_string].count++;
+          dates_months[date_month_string].count++;
+          dates_years[date_year_string].count++;
           // check sender
           if (match_author) {
             const key_author = match_author[0].toLowerCase();
@@ -374,6 +383,9 @@ export class thunderStastsCore {
               folders[message.folder.id].sent++;
               // group by date
               dates[date_message_string].sent++;
+              dates_weeks[date_week_string].sent++;
+              dates_months[date_month_string].sent++;
+              dates_years[date_year_string].sent++;
               // group by hour
               msg_hours[hour_message].sent++;
               // group by weekday
@@ -457,6 +469,9 @@ export class thunderStastsCore {
               folders[message.folder.id].received++;
               // group by date
               dates[date_message_string].received++;
+              dates_weeks[date_week_string].received++;
+              dates_months[date_month_string].received++;
+              dates_years[date_year_string].received++;
               // group by hour
               msg_hours[hour_message].received++;
               // group by weekday
@@ -497,7 +512,7 @@ export class thunderStastsCore {
       // console.log(">>>>>>>> final senders: " + JSON.stringify(senders));
       // console.log(">>>>>>>> final recipients: " + JSON.stringify(recipients));
 
-      let output = {senders: senders, recipients: recipients, sent: sent, received: received, count: count, count_in_inbox: count_in_inbox, msg_hours: msg_hours, folders: folders, dates: dates, msg_weekdays: msg_weekdays, domains: domains, tags: tags};
+      let output = {senders: senders, recipients: recipients, sent: sent, received: received, count: count, count_in_inbox: count_in_inbox, msg_hours: msg_hours, folders: folders, dates: dates, dates_weeks: dates_weeks, dates_months: dates_months, dates_years: dates_years, msg_weekdays: msg_weekdays, domains: domains, tags: tags};
 
       if(do_aggregate_stats) {
         output.aggregate = await this.aggregateData(dates, only_businessdays);

From eff61b00948d9e6c742718bc74b058e8f6f800e8 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 13 Nov 2024 23:31:30 +0100
Subject: [PATCH 118/136] customqry sent rcvd charts labels methods upgraded to
 manage also other periods aggregation. see #362

---
 statslib/mzts-statscore.utils.js | 44 ++++++++++++++++++++++----------
 1 file changed, 30 insertions(+), 14 deletions(-)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 9ae0a164..51142314 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -202,8 +202,11 @@ export const tsCoreUtils = {
     //     });
     // },
 
-    getDaysLabelColor(label, color_today = true) {
-        let isBusinessDay = this.checkBusinessDay(label);
+    getDaysLabelColor(label, color_today = true, color_nobusiness_day = true) {
+        let isBusinessDay = true;
+
+        console.log(">>>>>>>>>> color_today: " + color_today);
+        console.log(">>>>>>>>>> color_nobusiness_day: " + color_nobusiness_day);
 
         const bd_color = tsStore.darkmode ? "white" : "black";
         const nbd_color = tsStore.darkmode ? "#C18F2A" : "#725419";
@@ -212,25 +215,38 @@ export const tsCoreUtils = {
             return tsStore.darkmode ? tsStore.chart_colors.many_days_today_dark : tsStore.chart_colors.many_days_today_light;
         }
 
+        if(color_nobusiness_day) {
+            isBusinessDay = this.checkBusinessDay(label);
+        }
+
         return (isBusinessDay ? bd_color : nbd_color);
     },
 
-    getCustomQryLabel(label) {
-        const year = parseInt(label.slice(0, 4));
-        const month = parseInt(label.slice(4, 6));
-        const day = parseInt(label.slice(6, 8));
+    getCustomQryLabel(label, data_type) {      // data_type = "YYYY" | "YYYYMM" | "YYYYWW" | "YYYYMMDD"
+        switch(data_type) {
+            case "YYYY":
+                return label;
+            case "YYYYMM":
+                return label;
+            case "YYYYWW":
+                return label;
+            case "YYYYMMDD":
+                const year = parseInt(label.slice(0, 4));
+                const month = parseInt(label.slice(4, 6));
+                const day = parseInt(label.slice(6, 8));
 
-        const date = new Date(year, month - 1, day);
+                const date = new Date(year, month - 1, day);
 
-        const dateFormatter = new Intl.DateTimeFormat(undefined, {
-            day: '2-digit',
-            month: '2-digit',
-            year: 'numeric'
-        });
+                const dateFormatter = new Intl.DateTimeFormat(undefined, {
+                    day: '2-digit',
+                    month: '2-digit',
+                    year: 'numeric'
+                });
 
-        const formattedDate = dateFormatter.format(date);
+                const formattedDate = dateFormatter.format(date);
 
-        return formattedDate;
+                return formattedDate;
+        }
     },
 
     getManyDaysLabel(label) {

From d3787237308e8e97206dfe96f0f3a8271b8f87ff Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 13 Nov 2024 23:31:55 +0100
Subject: [PATCH 119/136] data_type added, see #362

---
 src/components/charts/ChartCustomQry.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/charts/ChartCustomQry.vue b/src/components/charts/ChartCustomQry.vue
index 837dd124..5d246df3 100644
--- a/src/components/charts/ChartCustomQry.vue
+++ b/src/components/charts/ChartCustomQry.vue
@@ -57,6 +57,10 @@ let props = defineProps({
         type: String,
         default: '1500px'
     },
+    data_type: {
+        type: String,
+        default: 'YYYYMMDD'
+    },
     is_loading: {
         type: Boolean,
         default: true
@@ -87,13 +91,13 @@ var chartOptions = ref({
             min: 0,
             ticks: {
               callback: function(value, index, ticks) {
-                            return tsCoreUtils.getCustomQryLabel(this.getLabelForValue(value));
+                            return tsCoreUtils.getCustomQryLabel(this.getLabelForValue(value), props.data_type);
                         },
               align: 'center',
               color: function(context) {
                             const labelIndex = context['tick']['value'];
                             const label = context.chart.data.labels[labelIndex];
-                            return tsCoreUtils.getDaysLabelColor(label);
+                            return tsCoreUtils.getDaysLabelColor(label, props.data_type == 'YYYYMMDD', props.data_type == 'YYYYMMDD');
                         },
               // maxRotation: 0,
               //minRotation: 90

From 3127ef4ed124b49694c00bd812f8d241680e865f Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Wed, 13 Nov 2024 23:32:24 +0100
Subject: [PATCH 120/136] adding weeks chart aggregation. work in progress. see
 #362

---
 src/components/tabs/TAB_CustomQry.vue | 86 ++++++++++++++++++++++++---
 1 file changed, 78 insertions(+), 8 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 643b075b..15b1af6f 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -88,9 +88,10 @@
     <div class="square_container" id="customqry_square_container">
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
                         <h2 class="list_heading cropped">__MSG_SentMails__: <span v-if="do_run && !is_loading_counter_sent_rcvd">{{ sent_total }}<InfoTooltip :showAnchor="doOnlyBD" :noteText="totalInfoTooltip_text"></InfoTooltip></span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="do_run && is_loading_counter_sent_rcvd"/></h2>
+                        <a @click="showWeeks">weeks</a>
                         <CounterManyDays_Row v-if="do_run" :is_loading="is_loading_counter_customqry" :_total="counter_customqry_sent_total" :_max="counter_customqry_sent_max" :_min="counter_customqry_sent_min" :_avg="counter_customqry_sent_avg" :showTotalInfoTooltip="doOnlyBD" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
                       </div>
-                      <ChartCustomQry v-if="do_run" :chartData="chartData_Sent" :chart_width="chart_width" :is_loading="is_loading_sent_chart" :key="chartData_Sent_length"/>
+                      <ChartCustomQry v-if="do_run" ref="chartCustomQrySent_ref" :data_type="chartdata_type" :chartData="chartData_Sent" :chart_width="chart_width" :is_loading="is_loading_sent_chart" :key="chartData_Sent_length"/>
     </div>
     <div v-if="do_single_day" class="square_item"><div class="list_heading_wrapper"><h2 class="list_heading cropped">__MSG_Mails__</h2>
         </div>
@@ -103,7 +104,7 @@
 						<h2 class="list_heading cropped">__MSG_ReceivedMails__: <span v-if="do_run && !is_loading_counter_sent_rcvd">{{ rcvd_total }}<InfoTooltip :showAnchor="doOnlyBD" :noteText="totalInfoTooltip_text"></InfoTooltip></span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="do_run && is_loading_counter_sent_rcvd"/></h2>
                         <CounterManyDays_Row v-if="do_run" :is_loading="is_loading_counter_customqry" :_total="counter_customqry_rcvd_total" :_max="counter_customqry_rcvd_max" :_min="counter_customqry_rcvd_min" :_avg="counter_customqry_rcvd_avg" :showTotalInfoTooltip="doOnlyBD" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
 					  </div>
-					  <ChartCustomQry v-if="do_run" :chartData="chartData_Rcvd" :chart_width="chart_width" :is_loading="is_loading_rcvd_chart"  :key="chartData_Rcvd_length"/>
+					  <ChartCustomQry v-if="do_run" ref="chartCustomQryRcvd_ref" :data_type="chartdata_type" :chartData="chartData_Rcvd" :chart_width="chart_width" :is_loading="is_loading_rcvd_chart"  :key="chartData_Rcvd_length"/>
     </div>
     <div v-if="do_single_day" class="square_item"><div class="list_heading_wrapper">
 						<h2 class="list_heading cropped">__MSG_InboxZeroStatus__</h2>
@@ -203,6 +204,8 @@ const props = defineProps({
 });
 
 let filterFolder_ref = ref(null);
+let  chartCustomQrySent_ref = ref(null);
+let  chartCustomQryRcvd_ref = ref(null);
 
 let max_direct_accounts = 3;
 
@@ -316,6 +319,9 @@ let show_table_involved_senders = ref(false);
 let chartdata_customqry_sent = ref([]);
 let chartdata_customqry_rcvd = ref([]);
 let chartdata_customqry_labels = ref([]);
+let chartdata_customqry_weeks_sent = ref([]);
+let chartdata_customqry_weeks_rcvd = ref([]);
+let chartdata_customqry_weeks_labels = ref([]);
 let chartdata_customqry_hours_sent = ref([]);
 let chartdata_customqry_hours_rcvd = ref([]);
 let chartdata_customqry_weekdays_sent = ref([]);
@@ -354,6 +360,26 @@ let chartData_Rcvd = ref({
 });
 let chartData_Rcvd_length = computed(() => (chartData_Rcvd.value.datasets.length + Math.floor(Math.random() * 101)));
 
+let chartData_Sent_Original = ref({
+    labels: [],
+    datasets: []
+});
+
+let chartData_Rcvd_Original = ref({
+    labels: [],
+    datasets: []
+});
+
+let chartData_Weeks_Sent = ref({
+    labels: [],
+    datasets: []
+});
+
+let chartData_Weeks_Rcvd = ref({
+    labels: [],
+    datasets: []
+});
+
 let chartData_TimeDay = ref({
     labels: Array.from({length: 24}, (_, i) => String(i).padStart(2, '0')),
     datasets: []
@@ -374,6 +400,8 @@ let chartData_Tags = ref({
     datasets: []
 });
 
+let chartdata_type = ref("YYYYMMDD"); // "YYYY" | "YYYYMM" | "YYYYWW" | "YYYYMMDD"
+
 let elapsed = {
     'getCustomQryData':0,
 }
@@ -473,6 +501,15 @@ function update(){
   emit('updateCustomQry');
 }
 
+function showWeeks(){
+  tsLog.log("Show weeks");
+  chartData_Sent.value = {...chartData_Weeks_Sent.value};
+  // chartData_Sent_length.value = chartData_Sent.value.datasets.length + Math.floor(Math.random() * 101);
+  chartData_Rcvd.value = {...chartData_Weeks_Rcvd.value};
+  // chartData_Rcvd_length = computed(() => (chartData_Rcvd.value.datasets.length + Math.floor(Math.random() * 101)));
+  chartdata_type.value = "YYYYWW";
+}
+
 async function rangeChoosen(modelData){
   //console.log(">>>>>>>>>>>>>>> rangeChoosen: " + JSON.stringify(modelData));
   if(await tsPrefs.getPref("customqry_loaddata_when_selectingrange")){
@@ -656,8 +693,8 @@ async function updateData() {
       } else {
         chart_width.value = String(chart_container_width) + "px";
       }
-      chartData_Sent.value.datasets = [];
-      chartData_Sent.value.datasets.push({
+      chartData_Sent_Original.value.datasets = [];
+      chartData_Sent_Original.value.datasets.push({
           label: 'Sent',
           data: chartdata_customqry_sent.value,
           borderColor: tsStore.chart_colors.many_days_default,
@@ -668,9 +705,10 @@ async function updateData() {
           minBarThickness: 15,
       });
       tsLog.log("chartdata_customqry_sent.value: " + JSON.stringify(chartdata_customqry_sent.value));
-      chartData_Sent.value.labels = chartdata_customqry_labels.value;
-      chartData_Rcvd.value.datasets = [];
-      chartData_Rcvd.value.datasets.push({
+      chartData_Sent_Original.value.labels = chartdata_customqry_labels.value;
+      chartData_Sent.value = chartData_Sent_Original.value;
+      chartData_Rcvd_Original.value.datasets = [];
+      chartData_Rcvd_Original.value.datasets.push({
           label: 'Received',
           data: chartdata_customqry_rcvd.value,
           borderColor: tsStore.chart_colors.many_days_default,
@@ -681,7 +719,33 @@ async function updateData() {
           minBarThickness: 15,
       });
       tsLog.log("chartdata_customqry_rcvd.value: " + JSON.stringify(chartdata_customqry_rcvd.value));
-      chartData_Rcvd.value.labels = chartdata_customqry_labels.value;
+      chartData_Rcvd_Original.value.labels = chartdata_customqry_labels.value;
+      chartData_Rcvd.value = chartData_Rcvd_Original.value; 
+      //weeks
+      chartData_Weeks_Sent.value.datasets = [];
+      chartData_Weeks_Sent.value.datasets.push({
+          label: 'Sent',
+          data: chartdata_customqry_weeks_sent.value,
+          borderColor: tsStore.chart_colors.many_days_default,
+          backgroundColor: tsStore.chart_colors.many_days_default,
+          borderWidth: 2,
+          pointRadius: 1,
+          //maxBarThickness: 15,
+          minBarThickness: 15,
+      });
+      chartData_Weeks_Sent.value.labels = chartdata_customqry_weeks_labels.value;
+      chartData_Weeks_Rcvd.value.datasets = [];
+      chartData_Weeks_Rcvd.value.datasets.push({
+          label: 'Received',
+          data: chartdata_customqry_weeks_rcvd.value,
+          borderColor: tsStore.chart_colors.many_days_default,
+          backgroundColor: tsStore.chart_colors.many_days_default,
+          borderWidth: 2,
+          pointRadius: 1,
+          //maxBarThickness: 15,
+          minBarThickness: 15,
+      });
+      chartData_Weeks_Rcvd.value.labels = chartdata_customqry_weeks_labels.value;
       tsLog.log("chartdata_customqry_hours_sent.value: " + JSON.stringify(chartdata_customqry_hours_sent.value));
       tsLog.log("chartdata_customqry_hours_rcvd.value: " + JSON.stringify(chartdata_customqry_hours_rcvd.value));
       chartData_TimeDay.value.datasets = [];
@@ -907,6 +971,12 @@ async function updateData() {
               // received chart
               chartdata_customqry_rcvd.value = customqry_data.dataset_rcvd;
               is_loading_rcvd_chart.value = false;
+              // weeks view
+              const customqry_weeks = tsCoreUtils.transformCountDataToDataset(result_customqry.dates_weeks, false, true);
+              tsLog.log("customqry_weeks: " + JSON.stringify(customqry_weeks));
+              chartdata_customqry_weeks_labels.value = customqry_weeks.labels;
+              chartdata_customqry_weeks_sent.value = customqry_weeks.dataset_sent;
+              chartdata_customqry_weeks_rcvd.value = customqry_weeks.dataset_rcvd;
               // chart weekdays
               let first_day_week = tsStore.first_day_week;
               const _weekdays_data = tsCoreUtils.transformCountDataToDataset(tsUtils.sortWeekdays(first_day_week, result_customqry.msg_weekdays), false); // the false is to not do it progressive

From b3cdcd1864a5950878fbd1260257c7998a486d02 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Thu, 14 Nov 2024 23:41:01 +0100
Subject: [PATCH 121/136] debug console.log statements commented out

---
 statslib/mzts-statscore.utils.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 51142314..008a64c2 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -205,8 +205,8 @@ export const tsCoreUtils = {
     getDaysLabelColor(label, color_today = true, color_nobusiness_day = true) {
         let isBusinessDay = true;
 
-        console.log(">>>>>>>>>> color_today: " + color_today);
-        console.log(">>>>>>>>>> color_nobusiness_day: " + color_nobusiness_day);
+        // console.log(">>>>>>>>>> color_today: " + color_today);
+        // console.log(">>>>>>>>>> color_nobusiness_day: " + color_nobusiness_day);
 
         const bd_color = tsStore.darkmode ? "white" : "black";
         const nbd_color = tsStore.darkmode ? "#C18F2A" : "#725419";

From 11a1e4a375db89f131fcca0f57e8eaa8f4d5a3d4 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Thu, 14 Nov 2024 23:57:53 +0100
Subject: [PATCH 122/136] modules updated

---
 package-lock.json | 479 +++++++++++++++++++++++++++++-----------------
 1 file changed, 305 insertions(+), 174 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7f61704f..fd3ac164 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,10 +22,32 @@
         "vite": "^5.4.6"
       }
     },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/parser": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz",
-      "integrity": "sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz",
+      "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.26.0"
+      },
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -33,6 +55,19 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/types": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
+      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.21.5",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
@@ -41,6 +76,7 @@
         "ppc64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "aix"
@@ -57,6 +93,7 @@
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -73,6 +110,7 @@
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -89,6 +127,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -105,6 +144,7 @@
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -121,6 +161,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -137,6 +178,7 @@
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "freebsd"
@@ -153,6 +195,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "freebsd"
@@ -169,6 +212,7 @@
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -185,6 +229,7 @@
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -201,6 +246,7 @@
         "ia32"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -217,6 +263,7 @@
         "loong64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -233,6 +280,7 @@
         "mips64el"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -249,6 +297,7 @@
         "ppc64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -265,6 +314,7 @@
         "riscv64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -281,6 +331,7 @@
         "s390x"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -297,6 +348,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -313,6 +365,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "netbsd"
@@ -329,6 +382,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "openbsd"
@@ -345,6 +399,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "sunos"
@@ -361,6 +416,7 @@
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -377,6 +433,7 @@
         "ia32"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -393,6 +450,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -402,238 +460,286 @@
       }
     },
     "node_modules/@imengyu/vue3-context-menu": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@imengyu/vue3-context-menu/-/vue3-context-menu-1.4.1.tgz",
-      "integrity": "sha512-34WInBVx0Mr0zSsRCQWG7ezHk0JzOuZqE4T8ywI82mbk/jfWBRtTkKHYSZbtmw2oYEfDFwCWdM/gur7QFAXYMA=="
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@imengyu/vue3-context-menu/-/vue3-context-menu-1.4.3.tgz",
+      "integrity": "sha512-W2rT+xllLSg+u/Z36jE+mrjzO8gCIw0YDDyBxywuASmwrBotU4deftW8Zz9GK/QEHBRNyV5nBINZJo2J257Wlg==",
+      "license": "MIT"
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "license": "MIT"
     },
     "node_modules/@kurkle/color": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.2.tgz",
-      "integrity": "sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw=="
+      "integrity": "sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw==",
+      "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.22.4.tgz",
-      "integrity": "sha512-Fxamp4aEZnfPOcGA8KSNEohV8hX7zVHOemC8jVBoBUHu5zpJK/Eu3uJwt6BMgy9fkvzxDaurgj96F/NiLukF2w==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.26.0.tgz",
+      "integrity": "sha512-gJNwtPDGEaOEgejbaseY6xMFu+CPltsc8/T+diUTTbOQLqD+bnrJq9ulH6WD69TqwqWmrfRAtUv30cCFZlbGTQ==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.22.4.tgz",
-      "integrity": "sha512-VXoK5UMrgECLYaMuGuVTOx5kcuap1Jm8g/M83RnCHBKOqvPPmROFJGQaZhGccnsFtfXQ3XYa4/jMCJvZnbJBdA==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.26.0.tgz",
+      "integrity": "sha512-YJa5Gy8mEZgz5JquFruhJODMq3lTHWLm1fOy+HIANquLzfIOzE9RA5ie3JjCdVb9r46qfAQY/l947V0zfGJ0OQ==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.22.4.tgz",
-      "integrity": "sha512-xMM9ORBqu81jyMKCDP+SZDhnX2QEVQzTcC6G18KlTQEzWK8r/oNZtKuZaCcHhnsa6fEeOBionoyl5JsAbE/36Q==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.26.0.tgz",
+      "integrity": "sha512-ErTASs8YKbqTBoPLp/kA1B1Um5YSom8QAc4rKhg7b9tyyVqDBlQxy7Bf2wW7yIlPGPg2UODDQcbkTlruPzDosw==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.22.4.tgz",
-      "integrity": "sha512-aJJyYKQwbHuhTUrjWjxEvGnNNBCnmpHDvrb8JFDbeSH3m2XdHcxDd3jthAzvmoI8w/kSjd2y0udT+4okADsZIw==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.26.0.tgz",
+      "integrity": "sha512-wbgkYDHcdWW+NqP2mnf2NOuEbOLzDblalrOWcPyY6+BRbVhliavon15UploG7PpBRQ2bZJnbmh8o3yLoBvDIHA==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
       ]
     },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.26.0.tgz",
+      "integrity": "sha512-Y9vpjfp9CDkAG4q/uwuhZk96LP11fBz/bYdyg9oaHYhtGZp7NrbkQrj/66DYMMP2Yo/QPAsVHkV891KyO52fhg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.26.0.tgz",
+      "integrity": "sha512-A/jvfCZ55EYPsqeaAt/yDAG4q5tt1ZboWMHEvKAH9Zl92DWvMIbnZe/f/eOXze65aJaaKbL+YeM0Hz4kLQvdwg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.22.4.tgz",
-      "integrity": "sha512-j63YtCIRAzbO+gC2L9dWXRh5BFetsv0j0va0Wi9epXDgU/XUi5dJKo4USTttVyK7fGw2nPWK0PbAvyliz50SCQ==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.26.0.tgz",
+      "integrity": "sha512-paHF1bMXKDuizaMODm2bBTjRiHxESWiIyIdMugKeLnjuS1TCS54MF5+Y5Dx8Ui/1RBPVRE09i5OUlaLnv8OGnA==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.22.4.tgz",
-      "integrity": "sha512-dJnWUgwWBX1YBRsuKKMOlXCzh2Wu1mlHzv20TpqEsfdZLb3WoJW2kIEsGwLkroYf24IrPAvOT/ZQ2OYMV6vlrg==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.26.0.tgz",
+      "integrity": "sha512-cwxiHZU1GAs+TMxvgPfUDtVZjdBdTsQwVnNlzRXC5QzIJ6nhfB4I1ahKoe9yPmoaA/Vhf7m9dB1chGPpDRdGXg==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.22.4.tgz",
-      "integrity": "sha512-AdPRoNi3NKVLolCN/Sp4F4N1d98c4SBnHMKoLuiG6RXgoZ4sllseuGioszumnPGmPM2O7qaAX/IJdeDU8f26Aw==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.26.0.tgz",
+      "integrity": "sha512-4daeEUQutGRCW/9zEo8JtdAgtJ1q2g5oHaoQaZbMSKaIWKDQwQ3Yx0/3jJNmpzrsScIPtx/V+1AfibLisb3AMQ==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.22.4.tgz",
-      "integrity": "sha512-Gl0AxBtDg8uoAn5CCqQDMqAx22Wx22pjDOjBdmG0VIWX3qUBHzYmOKh8KXHL4UpogfJ14G4wk16EQogF+v8hmA==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.26.0.tgz",
+      "integrity": "sha512-eGkX7zzkNxvvS05ROzJ/cO/AKqNvR/7t1jA3VZDi2vRniLKwAWxUr85fH3NsvtxU5vnUUKFHKh8flIBdlo2b3Q==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.22.4.tgz",
-      "integrity": "sha512-3aVCK9xfWW1oGQpTsYJJPF6bfpWfhbRnhdlyhak2ZiyFLDaayz0EP5j9V1RVLAAxlmWKTDfS9wyRyY3hvhPoOg==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.26.0.tgz",
+      "integrity": "sha512-Odp/lgHbW/mAqw/pU21goo5ruWsytP7/HCC/liOt0zcGG0llYWKrd10k9Fj0pdj3prQ63N5yQLCLiE7HTX+MYw==",
       "cpu": [
         "ppc64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.22.4.tgz",
-      "integrity": "sha512-ePYIir6VYnhgv2C5Xe9u+ico4t8sZWXschR6fMgoPUK31yQu7hTEJb7bCqivHECwIClJfKgE7zYsh1qTP3WHUA==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.26.0.tgz",
+      "integrity": "sha512-MBR2ZhCTzUgVD0OJdTzNeF4+zsVogIR1U/FsyuFerwcqjZGvg2nYe24SAHp8O5sN8ZkRVbHwlYeHqcSQ8tcYew==",
       "cpu": [
         "riscv64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.22.4.tgz",
-      "integrity": "sha512-GqFJ9wLlbB9daxhVlrTe61vJtEY99/xB3C8e4ULVsVfflcpmR6c8UZXjtkMA6FhNONhj2eA5Tk9uAVw5orEs4Q==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.26.0.tgz",
+      "integrity": "sha512-YYcg8MkbN17fMbRMZuxwmxWqsmQufh3ZJFxFGoHjrE7bv0X+T6l3glcdzd7IKLiwhT+PZOJCblpnNlz1/C3kGQ==",
       "cpu": [
         "s390x"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.22.4.tgz",
-      "integrity": "sha512-87v0ol2sH9GE3cLQLNEy0K/R0pz1nvg76o8M5nhMR0+Q+BBGLnb35P0fVz4CQxHYXaAOhE8HhlkaZfsdUOlHwg==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.26.0.tgz",
+      "integrity": "sha512-ZuwpfjCwjPkAOxpjAEjabg6LRSfL7cAJb6gSQGZYjGhadlzKKywDkCUnJ+KEfrNY1jH5EEoSIKLCb572jSiglA==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.22.4.tgz",
-      "integrity": "sha512-UV6FZMUgePDZrFjrNGIWzDo/vABebuXBhJEqrHxrGiU6HikPy0Z3LfdtciIttEUQfuDdCn8fqh7wiFJjCNwO+g==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.26.0.tgz",
+      "integrity": "sha512-+HJD2lFS86qkeF8kNu0kALtifMpPCZU80HvwztIKnYwym3KnA1os6nsX4BGSTLtS2QVAGG1P3guRgsYyMA0Yhg==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.22.4.tgz",
-      "integrity": "sha512-BjI+NVVEGAXjGWYHz/vv0pBqfGoUH0IGZ0cICTn7kB9PyjrATSkX+8WkguNjWoj2qSr1im/+tTGRaY+4/PdcQw==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.26.0.tgz",
+      "integrity": "sha512-WUQzVFWPSw2uJzX4j6YEbMAiLbs0BUysgysh8s817doAYhR5ybqTI1wtKARQKo6cGop3pHnrUJPFCsXdoFaimQ==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.22.4.tgz",
-      "integrity": "sha512-SiWG/1TuUdPvYmzmYnmd3IEifzR61Tragkbx9D3+R8mzQqDBz8v+BvZNDlkiTtI9T15KYZhP0ehn3Dld4n9J5g==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.26.0.tgz",
+      "integrity": "sha512-D4CxkazFKBfN1akAIY6ieyOqzoOoBV1OICxgUblWxff/pSjCA2khXlASUx7mK6W1oP4McqhgcCsu6QaLj3WMWg==",
       "cpu": [
         "ia32"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.22.4.tgz",
-      "integrity": "sha512-j8pPKp53/lq9lMXN57S8cFz0MynJk8OWNuUnXct/9KCpKU7DgU3bYMJhwWmcqC0UU29p8Lr0/7KEVcaM6bf47Q==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.26.0.tgz",
+      "integrity": "sha512-2x8MO1rm4PGEP0xWbubJW5RtbNLk3puzAMaLQd3B3JHVw4KcHlmXcO+Wewx9zCoo7EUFiMlu/aZbCJ7VjMzAag==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ]
     },
     "node_modules/@types/estree": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
-      "dev": true
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.1.4.tgz",
-      "integrity": "sha512-N2XSI2n3sQqp5w7Y/AN/L2XDjBIRGqXko+eDp42sydYSBeJuSm5a1sLf8zakmo8u7tA8NmBgoDLA1HeOESjp9A==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.0.tgz",
+      "integrity": "sha512-7n7KdUEtx/7Yl7I/WVAMZ1bEb0eVvXF3ummWTeLcs/9gvo9pJhuLdouSXGjdZ/MKD1acf1I272+X0RMua4/R3g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -645,94 +751,104 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.4.21",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.21.tgz",
-      "integrity": "sha512-MjXawxZf2SbZszLPYxaFCjxfibYrzr3eYbKxwpLR9EQN+oaziSu3qKVbwBERj1IFIB8OLUewxB5m/BFzi613og==",
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.12.tgz",
+      "integrity": "sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.23.9",
-        "@vue/shared": "3.4.21",
+        "@babel/parser": "^7.25.3",
+        "@vue/shared": "3.5.12",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
-        "source-map-js": "^1.0.2"
+        "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.4.21",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.21.tgz",
-      "integrity": "sha512-IZC6FKowtT1sl0CR5DpXSiEB5ayw75oT2bma1BEhV7RRR1+cfwLrxc2Z8Zq/RGFzJ8w5r9QtCOvTjQgdn0IKmA==",
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.12.tgz",
+      "integrity": "sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-core": "3.4.21",
-        "@vue/shared": "3.4.21"
+        "@vue/compiler-core": "3.5.12",
+        "@vue/shared": "3.5.12"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.4.21",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.21.tgz",
-      "integrity": "sha512-me7epoTxYlY+2CUM7hy9PCDdpMPfIwrOvAXud2Upk10g4YLv9UBW7kL798TvMeDhPthkZ0CONNrK2GoeI1ODiQ==",
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.12.tgz",
+      "integrity": "sha512-2k973OGo2JuAa5+ZlekuQJtitI5CgLMOwgl94BzMCsKZCX/xiqzJYzapl4opFogKHqwJk34vfsaKpfEhd1k5nw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.23.9",
-        "@vue/compiler-core": "3.4.21",
-        "@vue/compiler-dom": "3.4.21",
-        "@vue/compiler-ssr": "3.4.21",
-        "@vue/shared": "3.4.21",
+        "@babel/parser": "^7.25.3",
+        "@vue/compiler-core": "3.5.12",
+        "@vue/compiler-dom": "3.5.12",
+        "@vue/compiler-ssr": "3.5.12",
+        "@vue/shared": "3.5.12",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.7",
-        "postcss": "^8.4.35",
-        "source-map-js": "^1.0.2"
+        "magic-string": "^0.30.11",
+        "postcss": "^8.4.47",
+        "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.4.21",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.21.tgz",
-      "integrity": "sha512-M5+9nI2lPpAsgXOGQobnIueVqc9sisBFexh5yMIMRAPYLa7+5wEJs8iqOZc1WAa9WQbx9GR2twgznU8LTIiZ4Q==",
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.12.tgz",
+      "integrity": "sha512-eLwc7v6bfGBSM7wZOGPmRavSWzNFF6+PdRhE+VFJhNCgHiF8AM7ccoqcv5kBXA2eWUfigD7byekvf/JsOfKvPA==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.4.21",
-        "@vue/shared": "3.4.21"
+        "@vue/compiler-dom": "3.5.12",
+        "@vue/shared": "3.5.12"
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.4.21",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.21.tgz",
-      "integrity": "sha512-UhenImdc0L0/4ahGCyEzc/pZNwVgcglGy9HVzJ1Bq2Mm9qXOpP8RyNTjookw/gOCUlXSEtuZ2fUg5nrHcoqJcw==",
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.12.tgz",
+      "integrity": "sha512-UzaN3Da7xnJXdz4Okb/BGbAaomRHc3RdoWqTzlvd9+WBR5m3J39J1fGcHes7U3za0ruYn/iYy/a1euhMEHvTAg==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/shared": "3.4.21"
+        "@vue/shared": "3.5.12"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.4.21",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.21.tgz",
-      "integrity": "sha512-pQthsuYzE1XcGZznTKn73G0s14eCJcjaLvp3/DKeYWoFacD9glJoqlNBxt3W2c5S40t6CCcpPf+jG01N3ULyrA==",
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.12.tgz",
+      "integrity": "sha512-hrMUYV6tpocr3TL3Ad8DqxOdpDe4zuQY4HPY3X/VRh+L2myQO8MFXPAMarIOSGNu0bFAjh1yBkMPXZBqCk62Uw==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.4.21",
-        "@vue/shared": "3.4.21"
+        "@vue/reactivity": "3.5.12",
+        "@vue/shared": "3.5.12"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.4.21",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.21.tgz",
-      "integrity": "sha512-gvf+C9cFpevsQxbkRBS1NpU8CqxKw0ebqMvLwcGQrNpx6gqRDodqKqA+A2VZZpQ9RpK2f9yfg8VbW/EpdFUOJw==",
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.12.tgz",
+      "integrity": "sha512-q8VFxR9A2MRfBr6/55Q3umyoN7ya836FzRXajPB6/Vvuv0zOPL+qltd9rIMzG/DbRLAIlREmnLsplEF/kotXKA==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/runtime-core": "3.4.21",
-        "@vue/shared": "3.4.21",
+        "@vue/reactivity": "3.5.12",
+        "@vue/runtime-core": "3.5.12",
+        "@vue/shared": "3.5.12",
         "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.4.21",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.21.tgz",
-      "integrity": "sha512-aV1gXyKSN6Rz+6kZ6kr5+Ll14YzmIbeuWe7ryJl5muJ4uwSwY/aStXTixx76TwkZFJLm1aAlA/HSWEJ4EyiMkg==",
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.12.tgz",
+      "integrity": "sha512-I3QoeDDeEPZm8yR28JtY+rk880Oqmj43hreIBVTicisFTx/Dl7JpG72g/X7YF8hnQD3IFhkky5i2bPonwrTVPg==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-ssr": "3.4.21",
-        "@vue/shared": "3.4.21"
+        "@vue/compiler-ssr": "3.5.12",
+        "@vue/shared": "3.5.12"
       },
       "peerDependencies": {
-        "vue": "3.4.21"
+        "vue": "3.5.12"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.4.21",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.21.tgz",
-      "integrity": "sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g=="
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.12.tgz",
+      "integrity": "sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==",
+      "license": "MIT"
     },
     "node_modules/@vueform/multiselect": {
       "version": "2.6.10",
@@ -741,23 +857,22 @@
       "license": "MIT"
     },
     "node_modules/@vuepic/vue-datepicker": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-8.7.0.tgz",
-      "integrity": "sha512-EqL51GdaRg6AExVuPCOmnO81n9+oLqgTi+LlST44TwU0UcX0UfefHx1HXwV948fAqBgj0ESgTyDvjXx7EFFL2A==",
+      "version": "8.8.1",
+      "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-8.8.1.tgz",
+      "integrity": "sha512-8ehfUz1m69Vuc16Pm4ukgb3Mg1VT14x4EsG1ag4O/qbSNRWztTo+pUV4JnFt0FGLl5gGb6NXlxIvR7EjLgD7Gg==",
+      "license": "MIT",
       "dependencies": {
         "date-fns": "^3.6.0"
       },
-      "engines": {
-        "node": ">=18.12.0"
-      },
       "peerDependencies": {
         "vue": ">=3.2.0"
       }
     },
     "node_modules/chart.js": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.2.tgz",
-      "integrity": "sha512-6GD7iKwFpP5kbSD4MeRRRlTnQvxfQREy36uEtm1hzHzcOqwWx0YEHuspuoNlslu+nciLIB7fjjsHkUv/FzFcOg==",
+      "version": "4.4.6",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.6.tgz",
+      "integrity": "sha512-8Y406zevUPbbIBA/HRk33khEmQPk5+cxeflWE/2rx1NJsjVWMPw/9mSP9rxHP5eqi6LNoPBVMfZHxbwLSgldYA==",
+      "license": "MIT",
       "dependencies": {
         "@kurkle/color": "^0.3.0"
       },
@@ -769,6 +884,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/chartjs-plugin-datalabels/-/chartjs-plugin-datalabels-2.2.0.tgz",
       "integrity": "sha512-14ZU30lH7n89oq+A4bWaJPnAG8a7ZTk7dKf48YAzMvJjQtjrgg5Dpk9f+LbjCF6bpx3RAGTeL13IXpKQYyRvlw==",
+      "license": "MIT",
       "peerDependencies": {
         "chart.js": ">=3.0.0"
       }
@@ -776,12 +892,14 @@
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
     },
     "node_modules/date-fns": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz",
       "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==",
+      "license": "MIT",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/kossnocorp"
@@ -791,6 +909,7 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
       },
@@ -804,6 +923,7 @@
       "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
       "dev": true,
       "hasInstallScript": true,
+      "license": "MIT",
       "bin": {
         "esbuild": "bin/esbuild"
       },
@@ -839,7 +959,8 @@
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
@@ -847,6 +968,7 @@
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
       "dev": true,
       "hasInstallScript": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -856,14 +978,12 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.9",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.9.tgz",
-      "integrity": "sha512-S1+hd+dIrC8EZqKyT9DstTH/0Z+f76kmmvZnkfQVmOpDEF9iVgdYif3Q/pIWHmCoo59bQVGW0kVL3e2nl+9+Sw==",
+      "version": "0.30.12",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.12.tgz",
+      "integrity": "sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==",
+      "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.4.15"
-      },
-      "engines": {
-        "node": ">=12"
+        "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
     "node_modules/nanoid": {
@@ -876,6 +996,7 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "bin": {
         "nanoid": "bin/nanoid.cjs"
       },
@@ -884,14 +1005,15 @@
       }
     },
     "node_modules/picocolors": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
-      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw=="
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
     },
     "node_modules/postcss": {
-      "version": "8.4.47",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
-      "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
+      "version": "8.4.49",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
+      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
       "funding": [
         {
           "type": "opencollective",
@@ -906,9 +1028,10 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "nanoid": "^3.3.7",
-        "picocolors": "^1.1.0",
+        "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
       "engines": {
@@ -916,12 +1039,13 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.22.4.tgz",
-      "integrity": "sha512-vD8HJ5raRcWOyymsR6Z3o6+RzfEPCnVLMFJ6vRslO1jt4LO6dUo5Qnpg7y4RkZFM2DMe3WUirkI5c16onjrc6A==",
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.26.0.tgz",
+      "integrity": "sha512-ilcl12hnWonG8f+NxU6BlgysVA0gvY2l8N0R84S1HcINbW20bvwuCngJkkInV6LXhwRpucsW5k1ovDwEdBVrNg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@types/estree": "1.0.5"
+        "@types/estree": "1.0.6"
       },
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -931,22 +1055,24 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.22.4",
-        "@rollup/rollup-android-arm64": "4.22.4",
-        "@rollup/rollup-darwin-arm64": "4.22.4",
-        "@rollup/rollup-darwin-x64": "4.22.4",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.22.4",
-        "@rollup/rollup-linux-arm-musleabihf": "4.22.4",
-        "@rollup/rollup-linux-arm64-gnu": "4.22.4",
-        "@rollup/rollup-linux-arm64-musl": "4.22.4",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.22.4",
-        "@rollup/rollup-linux-riscv64-gnu": "4.22.4",
-        "@rollup/rollup-linux-s390x-gnu": "4.22.4",
-        "@rollup/rollup-linux-x64-gnu": "4.22.4",
-        "@rollup/rollup-linux-x64-musl": "4.22.4",
-        "@rollup/rollup-win32-arm64-msvc": "4.22.4",
-        "@rollup/rollup-win32-ia32-msvc": "4.22.4",
-        "@rollup/rollup-win32-x64-msvc": "4.22.4",
+        "@rollup/rollup-android-arm-eabi": "4.26.0",
+        "@rollup/rollup-android-arm64": "4.26.0",
+        "@rollup/rollup-darwin-arm64": "4.26.0",
+        "@rollup/rollup-darwin-x64": "4.26.0",
+        "@rollup/rollup-freebsd-arm64": "4.26.0",
+        "@rollup/rollup-freebsd-x64": "4.26.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.26.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.26.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.26.0",
+        "@rollup/rollup-linux-arm64-musl": "4.26.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.26.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.26.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.26.0",
+        "@rollup/rollup-linux-x64-gnu": "4.26.0",
+        "@rollup/rollup-linux-x64-musl": "4.26.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.26.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.26.0",
+        "@rollup/rollup-win32-x64-msvc": "4.26.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -954,15 +1080,17 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/vite": {
-      "version": "5.4.6",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.6.tgz",
-      "integrity": "sha512-IeL5f8OO5nylsgzd9tq4qD2QqI0k2CQLGrWD0rCN0EQJZpBK5vJAx0I+GDkMOXxQX/OfFHMuLIx6ddAxGX/k+Q==",
+      "version": "5.4.11",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz",
+      "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.43",
@@ -1018,15 +1146,16 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.4.21",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.21.tgz",
-      "integrity": "sha512-5hjyV/jLEIKD/jYl4cavMcnzKwjMKohureP8ejn3hhEjwhWIhWeuzL2kJAjzl/WyVsgPY56Sy4Z40C3lVshxXA==",
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.12.tgz",
+      "integrity": "sha512-CLVZtXtn2ItBIi/zHZ0Sg1Xkb7+PU32bJJ8Bmy7ts3jxXTcbfsEfBivFYYWz1Hur+lalqGAh65Coin0r+HRUfg==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.4.21",
-        "@vue/compiler-sfc": "3.4.21",
-        "@vue/runtime-dom": "3.4.21",
-        "@vue/server-renderer": "3.4.21",
-        "@vue/shared": "3.4.21"
+        "@vue/compiler-dom": "3.5.12",
+        "@vue/compiler-sfc": "3.5.12",
+        "@vue/runtime-dom": "3.5.12",
+        "@vue/server-renderer": "3.5.12",
+        "@vue/shared": "3.5.12"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -1038,9 +1167,10 @@
       }
     },
     "node_modules/vue-chartjs": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/vue-chartjs/-/vue-chartjs-5.3.1.tgz",
-      "integrity": "sha512-rZjqcHBxKiHrBl0CIvcOlVEBwRhpWAVf6rDU3vUfa7HuSRmGtCslc0Oc8m16oAVuk0erzc1FCtH1VCriHsrz+A==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/vue-chartjs/-/vue-chartjs-5.3.2.tgz",
+      "integrity": "sha512-NrkbRRoYshbXbWqJkTN6InoDVwVb90C0R7eAVgMWcB9dPikbruaOoTFjFYHE/+tNPdIe6qdLCDjfjPHQ0fw4jw==",
+      "license": "MIT",
       "peerDependencies": {
         "chart.js": "^4.1.1",
         "vue": "^3.0.0-0 || ^2.7.0"
@@ -1050,6 +1180,7 @@
       "version": "1.3.7",
       "resolved": "https://registry.npmjs.org/vue3-tabs-component/-/vue3-tabs-component-1.3.7.tgz",
       "integrity": "sha512-nitYlPlTrKCW8msQS1HdtajYNRAfZsSP+2wQQymJDGDCK3um62mXP4oKUgAF5pRe6md86LMRQud7Ic3zmu7Zpg==",
+      "license": "MIT",
       "peerDependencies": {
         "vue": "^3.0.0"
       }

From 14c62af343ec9eacb5c22a6e3adb869ef303a48b Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 15 Nov 2024 00:03:05 +0100
Subject: [PATCH 123/136] added months and yeras chart. see #362

---
 src/assets/main.css                   |  26 +++++
 src/components/tabs/TAB_CustomQry.vue | 157 +++++++++++++++++++++++++-
 2 files changed, 177 insertions(+), 6 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index a066b4b8..239f5045 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -377,6 +377,22 @@ table#customqry_adv_filters_table td{
   border-radius: 4px;
 }
 
+.btn_small {
+  padding: 0px 7px;
+  background-color: #0078d7;
+  border: none;
+  color: white;
+  cursor: pointer;
+  border-radius: 12px;
+  font-size: 0.80em;
+}
+
+.btn_disabled {
+  background-color: #7a7a7a;
+  color: white;
+  cursor: unset;
+}
+
 /* Dark mode styles */
 @media (prefers-color-scheme: dark) {
   #heading_wrapper {
@@ -448,6 +464,16 @@ table#customqry_adv_filters_table td{
     color: #ffffff;
   }
 
+  .btn_small {
+    background-color: #1e88e5;
+    color: #ffffff;
+  }
+
+  .btn_disabled {
+    background-color: #8b8b8b;
+    color: white;
+  }
+
  .chart_inbox0_extended_sorticon{filter: invert(0)};
 
 }
diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 15b1af6f..8062b230 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -88,7 +88,10 @@
     <div class="square_container" id="customqry_square_container">
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
                         <h2 class="list_heading cropped">__MSG_SentMails__: <span v-if="do_run && !is_loading_counter_sent_rcvd">{{ sent_total }}<InfoTooltip :showAnchor="doOnlyBD" :noteText="totalInfoTooltip_text"></InfoTooltip></span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="do_run && is_loading_counter_sent_rcvd"/></h2>
-                        <a @click="showWeeks">weeks</a>
+                        <button type="button" @click="showDays" class="btn_small btn_disabled" ref="showDays_btn_ref" >Days</button>
+                        <button type="button" @click="showWeeks" class="btn_small" ref="showWeeks_btn_ref" >Weeks</button>
+                        <button type="button" @click="showMonths" class="btn_small" ref="showMonths_btn_ref" >Months</button>
+                        <button type="button" @click="showYears" class="btn_small" ref="showYears_btn_ref" >Years</button>
                         <CounterManyDays_Row v-if="do_run" :is_loading="is_loading_counter_customqry" :_total="counter_customqry_sent_total" :_max="counter_customqry_sent_max" :_min="counter_customqry_sent_min" :_avg="counter_customqry_sent_avg" :showTotalInfoTooltip="doOnlyBD" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
                       </div>
                       <ChartCustomQry v-if="do_run" ref="chartCustomQrySent_ref" :data_type="chartdata_type" :chartData="chartData_Sent" :chart_width="chart_width" :is_loading="is_loading_sent_chart" :key="chartData_Sent_length"/>
@@ -204,8 +207,12 @@ const props = defineProps({
 });
 
 let filterFolder_ref = ref(null);
-let  chartCustomQrySent_ref = ref(null);
-let  chartCustomQryRcvd_ref = ref(null);
+let chartCustomQrySent_ref = ref(null);
+let chartCustomQryRcvd_ref = ref(null);
+let showDays_btn_ref = ref(null);
+let showWeeks_btn_ref = ref(null);
+let showMonths_btn_ref = ref(null);
+let showYears_btn_ref = ref(null);
 
 let max_direct_accounts = 3;
 
@@ -322,6 +329,12 @@ let chartdata_customqry_labels = ref([]);
 let chartdata_customqry_weeks_sent = ref([]);
 let chartdata_customqry_weeks_rcvd = ref([]);
 let chartdata_customqry_weeks_labels = ref([]);
+let chartdata_customqry_months_sent = ref([]);
+let chartdata_customqry_months_rcvd = ref([]);
+let chartdata_customqry_months_labels = ref([]);
+let chartdata_customqry_years_sent = ref([]);
+let chartdata_customqry_years_rcvd = ref([]);
+let chartdata_customqry_years_labels = ref([]);
 let chartdata_customqry_hours_sent = ref([]);
 let chartdata_customqry_hours_rcvd = ref([]);
 let chartdata_customqry_weekdays_sent = ref([]);
@@ -380,6 +393,26 @@ let chartData_Weeks_Rcvd = ref({
     datasets: []
 });
 
+let chartData_Months_Sent = ref({
+    labels: [],
+    datasets: []
+});
+
+let chartData_Months_Rcvd = ref({
+    labels: [],
+    datasets: []
+});
+
+let chartData_Years_Sent = ref({
+    labels: [],
+    datasets: []
+});
+
+let chartData_Years_Rcvd = ref({
+    labels: [],
+    datasets: []
+});
+
 let chartData_TimeDay = ref({
     labels: Array.from({length: 24}, (_, i) => String(i).padStart(2, '0')),
     datasets: []
@@ -461,7 +494,38 @@ watch(() => do_single_day.value, async (newValue, oldValue) => {
     customqry_only_bd_disabled.value = false;
     doOnlyBD.value = prefs_bday;
   }
-})
+});
+
+watch(() => chartdata_type.value, async (newValue, oldValue) => {
+  switch(newValue){
+    case "YYYYMMDD":
+      showDays_btn_ref.value.classList.add("btn_disabled");
+      break;
+    case "YYYYWW":
+      showWeeks_btn_ref.value.classList.add("btn_disabled");
+      break;
+    case "YYYYMM":
+      showMonths_btn_ref.value.classList.add("btn_disabled");
+      break;
+    case "YYYY":
+      showYears_btn_ref.value.classList.add("btn_disabled");
+      break;
+  }
+  switch(oldValue){
+    case "YYYYMMDD":
+      showDays_btn_ref.value.classList.remove("btn_disabled");
+      break;
+    case "YYYYWW":
+      showWeeks_btn_ref.value.classList.remove("btn_disabled");
+      break;
+    case "YYYYMM":
+      showMonths_btn_ref.value.classList.remove("btn_disabled");
+      break;
+    case "YYYY":
+      showYears_btn_ref.value.classList.remove("btn_disabled");
+      break;
+  }
+});
 
 onBeforeMount(async () => {
   tsLog = new tsLogger("TAB_CustomQry", tsStore.do_debug);
@@ -501,15 +565,34 @@ function update(){
   emit('updateCustomQry');
 }
 
+function showDays(){
+  tsLog.log("Show days");
+  chartData_Sent.value = {...chartData_Sent_Original.value};
+  chartData_Rcvd.value = {...chartData_Rcvd_Original.value};
+  chartdata_type.value = "YYYYMMDD";
+}
+
 function showWeeks(){
   tsLog.log("Show weeks");
   chartData_Sent.value = {...chartData_Weeks_Sent.value};
-  // chartData_Sent_length.value = chartData_Sent.value.datasets.length + Math.floor(Math.random() * 101);
   chartData_Rcvd.value = {...chartData_Weeks_Rcvd.value};
-  // chartData_Rcvd_length = computed(() => (chartData_Rcvd.value.datasets.length + Math.floor(Math.random() * 101)));
   chartdata_type.value = "YYYYWW";
 }
 
+function showMonths(){
+  tsLog.log("Show months");
+  chartData_Sent.value = {...chartData_Months_Sent.value};
+  chartData_Rcvd.value = {...chartData_Months_Rcvd.value};
+  chartdata_type.value = "YYYYMM";
+}
+
+function showYears(){
+  tsLog.log("Show years");
+  chartData_Sent.value = {...chartData_Years_Sent.value};
+  chartData_Rcvd.value = {...chartData_Years_Rcvd.value};
+  chartdata_type.value = "YYYY";
+}
+
 async function rangeChoosen(modelData){
   //console.log(">>>>>>>>>>>>>>> rangeChoosen: " + JSON.stringify(modelData));
   if(await tsPrefs.getPref("customqry_loaddata_when_selectingrange")){
@@ -746,6 +829,56 @@ async function updateData() {
           minBarThickness: 15,
       });
       chartData_Weeks_Rcvd.value.labels = chartdata_customqry_weeks_labels.value;
+      //months
+      chartData_Months_Sent.value.datasets = [];
+      chartData_Months_Sent.value.datasets.push({
+          label: 'Sent',
+          data: chartdata_customqry_months_sent.value,
+          borderColor: tsStore.chart_colors.many_days_default,
+          backgroundColor: tsStore.chart_colors.many_days_default,
+          borderWidth: 2,
+          pointRadius: 1,
+          //maxBarThickness: 15,
+          minBarThickness: 15,
+      });
+      chartData_Months_Sent.value.labels = chartdata_customqry_months_labels.value;
+      chartData_Months_Rcvd.value.datasets = [];
+      chartData_Months_Rcvd.value.datasets.push({
+          label: 'Received',
+          data: chartdata_customqry_months_rcvd.value,
+          borderColor: tsStore.chart_colors.many_days_default,
+          backgroundColor: tsStore.chart_colors.many_days_default,
+          borderWidth: 2,
+          pointRadius: 1,
+          //maxBarThickness: 15,
+          minBarThickness: 15,
+      });
+      chartData_Months_Rcvd.value.labels = chartdata_customqry_months_labels.value;
+      //years
+      chartData_Years_Sent.value.datasets = [];
+      chartData_Years_Sent.value.datasets.push({
+          label: 'Sent',
+          data: chartdata_customqry_years_sent.value,
+          borderColor: tsStore.chart_colors.many_days_default,
+          backgroundColor: tsStore.chart_colors.many_days_default,
+          borderWidth: 2,
+          pointRadius: 1,
+          //maxBarThickness: 15,
+          minBarThickness: 15,
+      });
+      chartData_Years_Sent.value.labels = chartdata_customqry_years_labels.value;
+      chartData_Years_Rcvd.value.datasets = [];
+      chartData_Years_Rcvd.value.datasets.push({
+          label: 'Received',
+          data: chartdata_customqry_years_rcvd.value,
+          borderColor: tsStore.chart_colors.many_days_default,
+          backgroundColor: tsStore.chart_colors.many_days_default,
+          borderWidth: 2,
+          pointRadius: 1,
+          //maxBarThickness: 15,
+          minBarThickness: 15,
+      });
+      chartData_Years_Rcvd.value.labels = chartdata_customqry_years_labels.value;
       tsLog.log("chartdata_customqry_hours_sent.value: " + JSON.stringify(chartdata_customqry_hours_sent.value));
       tsLog.log("chartdata_customqry_hours_rcvd.value: " + JSON.stringify(chartdata_customqry_hours_rcvd.value));
       chartData_TimeDay.value.datasets = [];
@@ -977,6 +1110,18 @@ async function updateData() {
               chartdata_customqry_weeks_labels.value = customqry_weeks.labels;
               chartdata_customqry_weeks_sent.value = customqry_weeks.dataset_sent;
               chartdata_customqry_weeks_rcvd.value = customqry_weeks.dataset_rcvd;
+              // months view
+              const customqry_months = tsCoreUtils.transformCountDataToDataset(result_customqry.dates_months, false, true);
+              tsLog.log("customqry_months: " + JSON.stringify(customqry_months));
+              chartdata_customqry_months_labels.value = customqry_months.labels;
+              chartdata_customqry_months_sent.value = customqry_months.dataset_sent;
+              chartdata_customqry_months_rcvd.value = customqry_months.dataset_rcvd;
+              // years view
+              const customqry_years = tsCoreUtils.transformCountDataToDataset(result_customqry.dates_years, false, true);
+              tsLog.log("customqry_years: " + JSON.stringify(customqry_years));
+              chartdata_customqry_years_labels.value = customqry_years.labels;
+              chartdata_customqry_years_sent.value = customqry_years.dataset_sent;
+              chartdata_customqry_years_rcvd.value = customqry_years.dataset_rcvd;
               // chart weekdays
               let first_day_week = tsStore.first_day_week;
               const _weekdays_data = tsCoreUtils.transformCountDataToDataset(tsUtils.sortWeekdays(first_day_week, result_customqry.msg_weekdays), false); // the false is to not do it progressive

From 11a04948351d468c2d6bde5e46a9c8a0621ad877 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Thu, 14 Nov 2024 22:34:00 +0100
Subject: [PATCH 124/136] customqry period buttons improved. see #362

---
 src/assets/main.css                   | 21 +++++++++++++++++++--
 src/components/tabs/TAB_CustomQry.vue | 10 ++++++----
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 239f5045..e15182f9 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -377,16 +377,33 @@ table#customqry_adv_filters_table td{
   border-radius: 4px;
 }
 
+.btn_group{
+  width:fit-content;
+  display: inline-block;
+}
+
 .btn_small {
-  padding: 0px 7px;
+  padding-top: 1px;
+  padding-right: 7px;
+  padding-bottom: 2px;
+  padding-left: 7px;
   background-color: #0078d7;
   border: none;
   color: white;
   cursor: pointer;
-  border-radius: 12px;
   font-size: 0.80em;
 }
 
+.btn_small_start{
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+.btn_small_end{
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
 .btn_disabled {
   background-color: #7a7a7a;
   color: white;
diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 8062b230..e8cd0318 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -88,10 +88,12 @@
     <div class="square_container" id="customqry_square_container">
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
                         <h2 class="list_heading cropped">__MSG_SentMails__: <span v-if="do_run && !is_loading_counter_sent_rcvd">{{ sent_total }}<InfoTooltip :showAnchor="doOnlyBD" :noteText="totalInfoTooltip_text"></InfoTooltip></span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="do_run && is_loading_counter_sent_rcvd"/></h2>
-                        <button type="button" @click="showDays" class="btn_small btn_disabled" ref="showDays_btn_ref" >Days</button>
-                        <button type="button" @click="showWeeks" class="btn_small" ref="showWeeks_btn_ref" >Weeks</button>
-                        <button type="button" @click="showMonths" class="btn_small" ref="showMonths_btn_ref" >Months</button>
-                        <button type="button" @click="showYears" class="btn_small" ref="showYears_btn_ref" >Years</button>
+                        <div class="btn_group">
+                          <button type="button" @click="showDays" class="btn_small btn_small_start btn_disabled" ref="showDays_btn_ref" >Days</button>
+                          <button type="button" @click="showWeeks" class="btn_small" ref="showWeeks_btn_ref" >Weeks</button>
+                          <button type="button" @click="showMonths" class="btn_small" ref="showMonths_btn_ref" >Months</button>
+                          <button type="button" @click="showYears" class="btn_small btn_small_end" ref="showYears_btn_ref" >Years</button>
+                        </div>
                         <CounterManyDays_Row v-if="do_run" :is_loading="is_loading_counter_customqry" :_total="counter_customqry_sent_total" :_max="counter_customqry_sent_max" :_min="counter_customqry_sent_min" :_avg="counter_customqry_sent_avg" :showTotalInfoTooltip="doOnlyBD" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
                       </div>
                       <ChartCustomQry v-if="do_run" ref="chartCustomQrySent_ref" :data_type="chartdata_type" :chartData="chartData_Sent" :chart_width="chart_width" :is_loading="is_loading_sent_chart" :key="chartData_Sent_length"/>

From 967324120bcdd8bace186518605c0a3315882a00 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Thu, 14 Nov 2024 22:47:00 +0100
Subject: [PATCH 125/136] added an option to not load data in custom view when
 it's the first tab opened at launch

---
 public/_locales/en/messages.json           | 4 ++++
 src/components/options_tabs/OPTAB_Main.vue | 8 ++++++++
 src/views/ThunderStatsView.vue             | 7 +++++--
 statslib/mzts-options-default.js           | 1 +
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index 74da5b8f..36901b63 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -808,5 +808,9 @@
   "ShowFolders": {
     "message": "Show Folders",
     "description": ""
+  },
+  "prefs_customqry_loaddata_when_opening_addon": {
+    "message": "Load data even when Custom View is the first tab opened in ThunderStats",
+    "description": ""
   }
 }
diff --git a/src/components/options_tabs/OPTAB_Main.vue b/src/components/options_tabs/OPTAB_Main.vue
index 8b1aa068..454b12fb 100644
--- a/src/components/options_tabs/OPTAB_Main.vue
+++ b/src/components/options_tabs/OPTAB_Main.vue
@@ -66,6 +66,14 @@
      <label><span class="dims_label" @click="toggle_options">__MSG_prefs_customqry_always_open_adv_filters__</span></label>
       </td>
     </tr>
+    <tr>
+      <td>
+        <label><input type="checkbox" id="customqry_loaddata_when_opening_addon" name="customqry_loaddata_when_opening_addon" class="option-input" /></label>
+      </td>
+      <td>
+     <label><span class="dims_label" @click="toggle_options">__MSG_prefs_customqry_loaddata_when_opening_addon__</span></label>
+      </td>
+    </tr>
   </table>
     <table class="miczPrefs" style="margin-top: 10px;">
       <tr>
diff --git a/src/views/ThunderStatsView.vue b/src/views/ThunderStatsView.vue
index 11702b48..2ebb96d9 100644
--- a/src/views/ThunderStatsView.vue
+++ b/src/views/ThunderStatsView.vue
@@ -149,7 +149,8 @@ import { tsUtils } from '@statslib/mzts-utils';
   onMounted(async () => {
     // console.log(">>>>>>>>>>>> ThunderStatsView onMounted");
     // console.log(">>>>>>>>>>>>> ThunderStatsView onMounted statsTabs_ref.value.activeTabHash: " + JSON.stringify(statsTabs_ref.value.activeTabHash));
-    remember_last_tab = await tsPrefs.getPref("remember_last_tab");
+    let prefs_onmounted = await tsPrefs.getPrefs(["remember_last_tab","customqry_loaddata_when_opening_addon"]);
+    remember_last_tab = prefs_onmounted.remember_last_tab;
     if(!remember_last_tab) {
       statsTabs_ref.value.selectTab('#tab-today');
       tsStore.currentTab = "tab-today";
@@ -161,7 +162,9 @@ import { tsUtils } from '@statslib/mzts-utils';
     _many_days_text.value = browser.i18n.getMessage("LastNumDays", _many_days);
     tsCore = new thunderStastsCore({do_debug: tsStore.do_debug});
     i18n.updateDocument();
-    updateStats(HeadingNAV_ref.value.getCurrentIdn());
+    if((tsStore.currentTab != "tab-customqry")||(prefs_onmounted.customqry_loaddata_when_opening_addon)) {
+      updateStats(HeadingNAV_ref.value.getCurrentIdn());
+    }
     mounted_ok = true;
   });
   
diff --git a/statslib/mzts-options-default.js b/statslib/mzts-options-default.js
index 801c29de..daba7192 100644
--- a/statslib/mzts-options-default.js
+++ b/statslib/mzts-options-default.js
@@ -11,6 +11,7 @@ export const prefs_default = {
     'always_reload_tab_data': false,
     'load_data_changing_account': true,
     'customqry_loaddata_when_selectingrange': true,
+    'customqry_loaddata_when_opening_addon': true,    // choose to load the customqry data even if is the opening tab when launching ThunderStats
     'first_day_week': 1,
     'datepicker_locale': 'en-US',
     'custom_identities': {},

From 26ebefddcaedb6cbe56d00764402ce9fb8381ddc Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Thu, 14 Nov 2024 22:48:00 +0100
Subject: [PATCH 126/136] release notes udpated

---
 CHANGELOG.md                               | 1 +
 src/components/options_tabs/OPTAB_Info.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0581369b..1c0e267b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@
         <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>
         <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
         <li>The advanced filters panel opening and closing spacing is now fixed [<a href="https://github.com/micz/ThunderStats/issues/386">#386</a>].</li>
+        <li>Added an option to do not load data in the Custom View at startup.</li>
         <li>...</li>
       </ul>
 <h3>Version 2.2.2 - 24/09/2024</h3>
diff --git a/src/components/options_tabs/OPTAB_Info.vue b/src/components/options_tabs/OPTAB_Info.vue
index 8f68b984..ccacbef4 100644
--- a/src/components/options_tabs/OPTAB_Info.vue
+++ b/src/components/options_tabs/OPTAB_Info.vue
@@ -31,6 +31,7 @@
         <li>Added the sent / received tags chart [<a href="https://github.com/micz/ThunderStats/issues/359">#359</a>].</li>        
         <li>Added a details view of the Inbox Zero Dates chart [<a href="https://github.com/micz/ThunderStats/issues/350">#350</a>]</li>
         <li>The advanced filters panel opening and closing spacing is now fixed [<a href="https://github.com/micz/ThunderStats/issues/386">#386</a>].</li>
+        <li>Added an option to do not load data in the Custom View at startup.</li>
         <li>...</li>
       </ul>
       <h3>Version 2.2.2 - 24/09/2024</h3>

From f6b9778004503d7e85bf5d02a79a770e0e91aa28 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Fri, 15 Nov 2024 00:58:00 +0100
Subject: [PATCH 127/136] improved customqry period buttons position

---
 src/assets/main.css                   | 4 ++++
 src/components/tabs/TAB_CustomQry.vue | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/src/assets/main.css b/src/assets/main.css
index e15182f9..bd441fc4 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -410,6 +410,10 @@ table#customqry_adv_filters_table td{
   cursor: unset;
 }
 
+.spacer {
+  flex-grow: 1;
+}
+
 /* Dark mode styles */
 @media (prefers-color-scheme: dark) {
   #heading_wrapper {
diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index e8cd0318..70e0e83e 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -88,12 +88,14 @@
     <div class="square_container" id="customqry_square_container">
     <div v-if="!do_single_day" class="square_item"><div class="list_heading_wrapper">
                         <h2 class="list_heading cropped">__MSG_SentMails__: <span v-if="do_run && !is_loading_counter_sent_rcvd">{{ sent_total }}<InfoTooltip :showAnchor="doOnlyBD" :noteText="totalInfoTooltip_text"></InfoTooltip></span><img src="@/assets/images/mzts-wait_line.svg" class="spinner_small" alt="__MSG_Loading__..." v-if="do_run && is_loading_counter_sent_rcvd"/></h2>
+                        <div class="spacer" style="max-width:4.5em;" v-if="!do_run"></div>
                         <div class="btn_group">
                           <button type="button" @click="showDays" class="btn_small btn_small_start btn_disabled" ref="showDays_btn_ref" >Days</button>
                           <button type="button" @click="showWeeks" class="btn_small" ref="showWeeks_btn_ref" >Weeks</button>
                           <button type="button" @click="showMonths" class="btn_small" ref="showMonths_btn_ref" >Months</button>
                           <button type="button" @click="showYears" class="btn_small btn_small_end" ref="showYears_btn_ref" >Years</button>
                         </div>
+                        <div class="spacer" v-if="!do_run"></div>
                         <CounterManyDays_Row v-if="do_run" :is_loading="is_loading_counter_customqry" :_total="counter_customqry_sent_total" :_max="counter_customqry_sent_max" :_min="counter_customqry_sent_min" :_avg="counter_customqry_sent_avg" :showTotalInfoTooltip="doOnlyBD" :totalBDInfoTooltip_text="totalBDInfoTooltip_text"/>
                       </div>
                       <ChartCustomQry v-if="do_run" ref="chartCustomQrySent_ref" :data_type="chartdata_type" :chartData="chartData_Sent" :chart_width="chart_width" :is_loading="is_loading_sent_chart" :key="chartData_Sent_length"/>

From 71838fde76552b23b88ac6f5bfcc8e3850a1c348 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Fri, 15 Nov 2024 01:12:00 +0100
Subject: [PATCH 128/136] correctly setting chart width when changing periods.
 see #362

---
 src/components/tabs/TAB_CustomQry.vue | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index 70e0e83e..d27e1e12 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -574,6 +574,7 @@ function showDays(){
   chartData_Sent.value = {...chartData_Sent_Original.value};
   chartData_Rcvd.value = {...chartData_Rcvd_Original.value};
   chartdata_type.value = "YYYYMMDD";
+  setChartWidth();
 }
 
 function showWeeks(){
@@ -581,6 +582,7 @@ function showWeeks(){
   chartData_Sent.value = {...chartData_Weeks_Sent.value};
   chartData_Rcvd.value = {...chartData_Weeks_Rcvd.value};
   chartdata_type.value = "YYYYWW";
+  setChartWidth();
 }
 
 function showMonths(){
@@ -588,6 +590,7 @@ function showMonths(){
   chartData_Sent.value = {...chartData_Months_Sent.value};
   chartData_Rcvd.value = {...chartData_Months_Rcvd.value};
   chartdata_type.value = "YYYYMM";
+  setChartWidth();
 }
 
 function showYears(){
@@ -595,6 +598,7 @@ function showYears(){
   chartData_Sent.value = {...chartData_Years_Sent.value};
   chartData_Rcvd.value = {...chartData_Years_Rcvd.value};
   chartdata_type.value = "YYYY";
+  setChartWidth();
 }
 
 async function rangeChoosen(modelData){
@@ -739,6 +743,7 @@ async function doQry(){
     }
   }
   loadingDo();
+  chartdata_type.value = "YYYYMMDD";
   do_single_day.value = (customqry_totaldays_num.value == 1);
   elapsed.getInboxZeroData = 1;
   if(do_single_day.value){
@@ -761,6 +766,16 @@ async function doQry(){
   updateData();
 }
 
+function setChartWidth(){
+  let chart_container_width = document.querySelector('.chart_customqry').clientWidth;
+  let chart_ipotetic_width = chartData_Rcvd.value.labels.length * 60;
+  if(chart_container_width < chart_ipotetic_width){
+    chart_width.value = String(chart_ipotetic_width) + "px";
+  } else {
+    chart_width.value = String(chart_container_width) + "px";
+  }
+}
+
 async function updateData() {
     while(props.updated == false){
         await new Promise(r => setTimeout(r, 100));
@@ -773,13 +788,6 @@ async function updateData() {
     tsLog.log("dateQry: " + JSON.stringify(dateQry.value));
     await getCustomQryData();
     if(!do_single_day.value){
-      let chart_container_width = document.querySelector('.chart_customqry').clientWidth;
-      let chart_ipotetic_width = chartdata_customqry_labels.value.length * 60;
-      if(chart_container_width < chart_ipotetic_width){
-        chart_width.value = String(chart_ipotetic_width) + "px";
-      } else {
-        chart_width.value = String(chart_container_width) + "px";
-      }
       chartData_Sent_Original.value.datasets = [];
       chartData_Sent_Original.value.datasets.push({
           label: 'Sent',
@@ -807,7 +815,8 @@ async function updateData() {
       });
       tsLog.log("chartdata_customqry_rcvd.value: " + JSON.stringify(chartdata_customqry_rcvd.value));
       chartData_Rcvd_Original.value.labels = chartdata_customqry_labels.value;
-      chartData_Rcvd.value = chartData_Rcvd_Original.value; 
+      chartData_Rcvd.value = chartData_Rcvd_Original.value;
+      setChartWidth();
       //weeks
       chartData_Weeks_Sent.value.datasets = [];
       chartData_Weeks_Sent.value.datasets.push({

From 141c5d946a7d7b697693c8a5c7ca117492f346be Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Fri, 15 Nov 2024 01:17:00 +0100
Subject: [PATCH 129/136] fixed period labels for custom qry chart. see #362

---
 statslib/mzts-statscore.utils.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/statslib/mzts-statscore.utils.js b/statslib/mzts-statscore.utils.js
index 008a64c2..7d555caa 100644
--- a/statslib/mzts-statscore.utils.js
+++ b/statslib/mzts-statscore.utils.js
@@ -227,9 +227,14 @@ export const tsCoreUtils = {
             case "YYYY":
                 return label;
             case "YYYYMM":
-                return label;
+                let mm_year = label.slice(0, 4);
+                let mm_month = label.slice(4);
+                return `${mm_month}/${mm_year}`;
             case "YYYYWW":
-                return label;
+                let ww_year = label.slice(0, 4); // First 4 characters are the year
+                let ww_week = label.slice(4);   // Remaining characters are the week number
+                // Format the string as "WW [YYYY]"
+                return `${ww_week} [${ww_year}]`;
             case "YYYYMMDD":
                 const year = parseInt(label.slice(0, 4));
                 const month = parseInt(label.slice(4, 6));

From 1aea4a41c7a0d4c8151e09152351425dad62efbc Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Fri, 15 Nov 2024 21:05:18 +0100
Subject: [PATCH 130/136] btn_group position fixed

---
 src/assets/main.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/assets/main.css b/src/assets/main.css
index bd441fc4..1b3873fd 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -380,6 +380,8 @@ table#customqry_adv_filters_table td{
 .btn_group{
   width:fit-content;
   display: inline-block;
+  position: relative;
+  top: 2px;
 }
 
 .btn_small {

From bf2c00baf4118e5088aacd5a890729ccd8a37e2e Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Fri, 15 Nov 2024 21:07:09 +0100
Subject: [PATCH 131/136] old component removed

---
 src/components/widgets/WidgetFolders.vue | 65 ------------------------
 1 file changed, 65 deletions(-)
 delete mode 100644 src/components/widgets/WidgetFolders.vue

diff --git a/src/components/widgets/WidgetFolders.vue b/src/components/widgets/WidgetFolders.vue
deleted file mode 100644
index 1b92c6f1..00000000
--- a/src/components/widgets/WidgetFolders.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<!--
-/*
- *  ThunderStats [https://micz.it/thunderbird-addon-thunderstats-your-thunderbird-statistics/]
- *  Copyright (C) 2024  Mic (m@micz.it)
-
- *  This program is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
-
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
-
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
--->
-
-
-<template>
-    <ChartFolders :chartData="chartData" :chart_id="chart_id" :chart_height="chart_height" :is_loading="is_loading" />
-</template>
-
-
-<script setup>
-import { computed } from 'vue'
-import ChartFolders from '../charts/ChartFolders.vue';
-import { tsCoreUtils } from '@statslib/mzts-statscore.utils';
-
-let props = defineProps({
-    chartData: {
-        type: Object,
-        default: () => ({}),
-        required: true
-    },
-    chart_id: {
-        type: String,
-        default: 'folders-chart',
-    },
-    chart_height: {
-        type: String,
-        default: '500px'
-    },
-    is_loading: {
-        type: Boolean,
-        default: true
-    }
-});
-
-let chartData = computed(() => {
-    return tsCoreUtils.sortDoubleDatasetsByTotal(props.chartData);
-});
-
-let chart_id = computed(() => props.chart_id);
-let chart_height = computed(() => props.chart_height);
-let is_loading = computed(() => props.is_loading);
-
-</script>
-
-
-<style scoped>
-
-</style>
\ No newline at end of file

From 18fd3f7a6c84e1f4cbf86d07d364324d9e683d17 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Fri, 15 Nov 2024 21:21:19 +0100
Subject: [PATCH 132/136] in customqry "data extract for" shows one email
 address and fro 2 or more it groups them

---
 src/components/tabs/TAB_CustomQry.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tabs/TAB_CustomQry.vue b/src/components/tabs/TAB_CustomQry.vue
index d27e1e12..d69bdad9 100644
--- a/src/components/tabs/TAB_CustomQry.vue
+++ b/src/components/tabs/TAB_CustomQry.vue
@@ -218,7 +218,7 @@ let showWeeks_btn_ref = ref(null);
 let showMonths_btn_ref = ref(null);
 let showYears_btn_ref = ref(null);
 
-let max_direct_accounts = 3;
+let max_direct_accounts = 1;
 
 let tsLog = null;
 var tsCore = null;

From 738ab11073d58889f3b92611a294f903dbfdf960 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Fri, 15 Nov 2024 21:22:53 +0100
Subject: [PATCH 133/136] working on #387

---
 src/components/widgets/WidgetFoldersTags.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/widgets/WidgetFoldersTags.vue b/src/components/widgets/WidgetFoldersTags.vue
index 8881f415..03181c2c 100644
--- a/src/components/widgets/WidgetFoldersTags.vue
+++ b/src/components/widgets/WidgetFoldersTags.vue
@@ -82,8 +82,7 @@ let chart_height_tags = ref("275px");
 let chart_id_folders = ref("chart_folders_" + tsStore.currentTab);
 let chart_id_tags = ref("chart_tags_" + tsStore.currentTab);
 
-let force_rand = ref(Math.floor(Math.random() * 101));
-let chart_key = computed(() => String(force_rand.value));
+let chart_key = ref(Math.floor(Math.random() * 1001));
 
 let switch_text = ref(browser.i18n.getMessage("ShowTags"));
 
@@ -105,6 +104,7 @@ function setChartHeight(){
     chart_id_folders.value = "chart_folders_" + tsStore.currentTab;
     chart_id_tags.value = "chart_tags_" + tsStore.currentTab;
     // console.log(">>>>>>>>>>>>>>>> chart_id_folders.value: " + chart_id_folders.value);
+    console.log(">>>>>>>>>>>>>>>> chart_id_tags.value: " + chart_id_tags.value);
     if(!show_tags.value){
         let base_element_folders = document.getElementById(chart_id_folders.value);
         if(base_element_folders == null){
@@ -124,25 +124,27 @@ function setChartHeight(){
             // console.log(">>>>>>>>>>>>>>>> chart_height_folders.value: " + chart_height_folders.value);
         }
     }else{
+        console.log(">>>>>>>>>> setting tag chart height");
         let base_element_tags = document.getElementById(chart_id_tags.value);
         if(base_element_tags == null){
+            console.log(">>>>>>>>>> base_element_tags == null");
             return;
         }
         let tags_dom_element = base_element_tags.parentElement;
         if(tags_dom_element != null){
             let tags_container_height = tags_dom_element.clientHeight;
-            // console.log(">>>>>>>>>>>>>>>> tags_container_height: " + tags_container_height);
+            console.log(">>>>>>>>>>>>>>>> tags_container_height: " + tags_container_height);
             let tags_ipotetic_height = props.chartDataTags.labels.length * 60;
-            // console.log(">>>>>>>>>>>>>>>> tags_ipotetic_height: " + tags_ipotetic_height);
+            console.log(">>>>>>>>>>>>>>>> tags_ipotetic_height: " + tags_ipotetic_height);
             if(tags_container_height < tags_ipotetic_height){
                 chart_height_tags.value = String(tags_ipotetic_height) + "px";
             } else {
                 chart_height_tags.value = String(tags_container_height) + "px";
             }
-            // console.log(">>>>>>>>>>>>>>>> chart_height_tags.value: " + chart_height_tags.value);
+            console.log(">>>>>>>>>>>>>>>> chart_height_tags.value: " + chart_height_tags.value);
         }
     }
-    force_rand.value = Math.floor(Math.random() * 101);
+    chart_key.value = Math.floor(Math.random() * 1001);
 }
 
 </script>

From 887829df2d4f00aea197bee959d82a84f04721e3 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 16 Nov 2024 09:45:53 +0100
Subject: [PATCH 134/136] tags chart height fixed. fixes #387

---
 src/components/widgets/WidgetFoldersTags.vue | 69 ++++++++++----------
 1 file changed, 34 insertions(+), 35 deletions(-)

diff --git a/src/components/widgets/WidgetFoldersTags.vue b/src/components/widgets/WidgetFoldersTags.vue
index 03181c2c..8522544a 100644
--- a/src/components/widgets/WidgetFoldersTags.vue
+++ b/src/components/widgets/WidgetFoldersTags.vue
@@ -104,45 +104,44 @@ function setChartHeight(){
     chart_id_folders.value = "chart_folders_" + tsStore.currentTab;
     chart_id_tags.value = "chart_tags_" + tsStore.currentTab;
     // console.log(">>>>>>>>>>>>>>>> chart_id_folders.value: " + chart_id_folders.value);
-    console.log(">>>>>>>>>>>>>>>> chart_id_tags.value: " + chart_id_tags.value);
-    if(!show_tags.value){
-        let base_element_folders = document.getElementById(chart_id_folders.value);
-        if(base_element_folders == null){
-            return;
-        }
-        let folders_dom_element = base_element_folders.parentElement;
-        if(folders_dom_element != null){
-            let folders_container_height = folders_dom_element.clientHeight;
-            // console.log(">>>>>>>>>>>>>>>> folders_container_height: " + folders_container_height);
-            let folders_ipotetic_height = props.chartDataFolders.labels.length * 60;
-            // console.log(">>>>>>>>>>>>>>>> folders_ipotetic_height: " + folders_ipotetic_height);
-            if(folders_container_height < folders_ipotetic_height){
-                chart_height_folders.value = String(folders_ipotetic_height) + "px";
-            } else {
-                chart_height_folders.value = String(folders_container_height) + "px";
-            }
-            // console.log(">>>>>>>>>>>>>>>> chart_height_folders.value: " + chart_height_folders.value);
+    // console.log(">>>>>>>>>>>>>>>> chart_id_tags.value: " + chart_id_tags.value);
+    let parent_dom_element = null;
+    let base_element_folders = document.getElementById(chart_id_folders.value);
+    if(base_element_folders == null){
+        // console.log(">>>>>>>>>> base_element_folders == null");
+        let base_element_tags = document.getElementById(chart_id_tags.value);
+        if(base_element_tags != null){
+            // console.log(">>>>>>>>>> base_element_tags != null");
+            parent_dom_element = base_element_tags.parentElement;
         }
     }else{
-        console.log(">>>>>>>>>> setting tag chart height");
-        let base_element_tags = document.getElementById(chart_id_tags.value);
-        if(base_element_tags == null){
-            console.log(">>>>>>>>>> base_element_tags == null");
-            return;
+        // console.log(">>>>>>>>>> base_element_folders != null");
+        parent_dom_element = base_element_folders.parentElement;
+    }
+    if(parent_dom_element == null) return;
+    if(!show_tags.value){
+        let folders_container_height = parent_dom_element.clientHeight;
+        // console.log(">>>>>>>>>>>>>>>> folders_container_height: " + folders_container_height);
+        let folders_ipotetic_height = props.chartDataFolders.labels.length * 60;
+        // console.log(">>>>>>>>>>>>>>>> folders_ipotetic_height: " + folders_ipotetic_height);
+        if(folders_container_height < folders_ipotetic_height){
+            chart_height_folders.value = String(folders_ipotetic_height) + "px";
+        } else {
+            chart_height_folders.value = String(folders_container_height) + "px";
         }
-        let tags_dom_element = base_element_tags.parentElement;
-        if(tags_dom_element != null){
-            let tags_container_height = tags_dom_element.clientHeight;
-            console.log(">>>>>>>>>>>>>>>> tags_container_height: " + tags_container_height);
-            let tags_ipotetic_height = props.chartDataTags.labels.length * 60;
-            console.log(">>>>>>>>>>>>>>>> tags_ipotetic_height: " + tags_ipotetic_height);
-            if(tags_container_height < tags_ipotetic_height){
-                chart_height_tags.value = String(tags_ipotetic_height) + "px";
-            } else {
-                chart_height_tags.value = String(tags_container_height) + "px";
-            }
-            console.log(">>>>>>>>>>>>>>>> chart_height_tags.value: " + chart_height_tags.value);
+        // console.log(">>>>>>>>>>>>>>>> chart_height_folders.value: " + chart_height_folders.value);
+    }else{
+        // console.log(">>>>>>>>>> setting tag chart height");
+        let tags_container_height = parent_dom_element.clientHeight;
+        // console.log(">>>>>>>>>>>>>>>> tags_container_height: " + tags_container_height);
+        let tags_ipotetic_height = props.chartDataTags.labels.length * 60;
+        // console.log(">>>>>>>>>>>>>>>> tags_ipotetic_height: " + tags_ipotetic_height);
+        if(tags_container_height < tags_ipotetic_height){
+            chart_height_tags.value = String(tags_ipotetic_height) + "px";
+        } else {
+            chart_height_tags.value = String(tags_container_height) + "px";
         }
+        // console.log(">>>>>>>>>>>>>>>> chart_height_tags.value: " + chart_height_tags.value);
     }
     chart_key.value = Math.floor(Math.random() * 1001);
 }

From a2b70b09b6f2e9233eb51529d915d0fbec3593a1 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 17 Nov 2024 21:01:23 +0100
Subject: [PATCH 135/136] show tags/folders button css and positioning improved

---
 src/assets/main.css                          | 5 ++++-
 src/components/widgets/WidgetFoldersTags.vue | 6 ++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 1b3873fd..d3885419 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -61,7 +61,6 @@ table.mzts-tinvolved tr.mzts-trow td.mzts-row-num{text-align:center;word-break:n
 .chart_inbox0{width:80%;height:310px;float:left;overflow:auto;}
 .chart_inbox0_datemsg{float:right;max-width:20%;min-width:90px;height:220px;}
 .chart_inbox0_orderbtn{cursor:pointer;text-decoration:underline;color:#3593dd;}
-.chart_inbox0_extended_btn{width:fit-content;float:right;}
 .chart_inbox0_extended_sorticon{position: relative;top:4px;filter: invert(1)};
 .legend-time{float:right;font-size:12px;padding-top:8px;}
 .legend-time ul{list-style-type:none;margin:0;padding:0;}
@@ -406,6 +405,10 @@ table#customqry_adv_filters_table td{
   border-bottom-right-radius: 12px;
 }
 
+.btn_small_single{
+  border-radius: 12px;
+}
+
 .btn_disabled {
   background-color: #7a7a7a;
   color: white;
diff --git a/src/components/widgets/WidgetFoldersTags.vue b/src/components/widgets/WidgetFoldersTags.vue
index 8522544a..82f7519d 100644
--- a/src/components/widgets/WidgetFoldersTags.vue
+++ b/src/components/widgets/WidgetFoldersTags.vue
@@ -21,11 +21,13 @@
 
 <template>
     <div class="list_heading_wrapper">
-        <h2 class="list_heading cropped lowercase">{{ show_tags ? '__MSG_Tags__' : '__MSG_Folders__' }}</h2>
+        <h2 class="list_heading cropped lowercase">{{ show_tags ? '__MSG_Tags__&nbsp;&nbsp;' : '__MSG_Folders__' }}</h2>
+        <div class="spacer" style="max-width:4.5em;"></div>
+        <div class="btn_group" ><button type="button" @click="doSwitch" v-if="!(is_loading_folders || is_loading_tags)" class="btn_small btn_small_single" v-text="switch_text"></button></div>
+        <div class="spacer"></div>
     </div>
     <ChartFolders v-if="!show_tags" :chartData="chartDataFolders" :chart_id="chart_id_folders" :chart_height="chart_height_folders" :is_loading="is_loading_folders" :key="chart_key" />
     <ChartTags v-if="show_tags" :chartData="chartDataTags" :chart_id="chart_id_tags" :chart_height="chart_height_tags" :is_loading="is_loading_tags" />
-    <div class="chart_inbox0_extended_btn" ><button type="button" @click="doSwitch" v-if="!(is_loading_folders || is_loading_tags)" class="btn" v-text="switch_text"></button></div>
 </template>
 
 

From e08728012c7988daee5bfcfea7baf1b7650e9872 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 17 Nov 2024 21:18:00 +0100
Subject: [PATCH 136/136] locales updated. fixes #379

---
 public/_locales/de/messages.json | 76 ++++++++++++++++++++++++++++++++
 public/_locales/fr/messages.json | 76 ++++++++++++++++++++++++++++++++
 public/_locales/it/messages.json | 76 ++++++++++++++++++++++++++++++++
 3 files changed, 228 insertions(+)

diff --git a/public/_locales/de/messages.json b/public/_locales/de/messages.json
index 5175a5ec..32f42aad 100644
--- a/public/_locales/de/messages.json
+++ b/public/_locales/de/messages.json
@@ -736,5 +736,81 @@
   "LastBusinessDayIs": {
     "message": "Der letzte Werktag ist",
     "description": ""
+  },
+  "ReadStatus": {
+    "message": "Lesestatus",
+    "description": ""
+  },
+  "FilterFoldersOnlyRead": {
+    "message": "Gelesen",
+    "description": ""
+  },
+  "FilterFoldersOnlyUnread": {
+    "message": "Ungelesen",
+    "description": ""
+  },
+  "FlagStatus": {
+    "message": "Sternstatus",
+    "description": ""
+  },
+  "FilterFoldersOnlyFlagged": {
+    "message": "Markiert",
+    "description": ""
+  },
+  "FilterFoldersOnlyUnflagged": {
+    "message": "Nicht markiert",
+    "description": ""
+  },
+  "FilterFoldersAll": {
+    "message": "Alle",
+    "description": ""
+  },
+  "FilterSubject": {
+    "message": "Betreff mit einem Schlüsselwort filtern",
+    "description": ""
+  },
+  "WarnSearchCaseSensitive": {
+    "message": "Beachten Sie, dass die Suche groß- und kleinschreibungssensitiv ist. Die Suche nach „test“ ist anders als die Suche nach „Test“",
+    "description": ""
+  },
+  "Domains": {
+    "message": "Domänen",
+    "description": ""
+  },
+  "Tags": {
+    "message": "Tags",
+    "description": ""
+  },
+  "InboxMailsDateSpreadingExtended": {
+    "message": "Posteingang - Datumsdetailansicht",
+    "description": ""
+  },
+  "OrderBy": {
+    "message": "Sortieren nach",
+    "description": ""
+  },
+  "Close": {
+    "message": "Schließen",
+    "description": ""
+  },
+  "ViewDetails": {
+    "message": "Details anzeigen",
+    "description": ""
+  },
+  "Folders": {
+    "message": "Ordner",
+    "description": ""
+  },
+  "ShowTags": {
+    "message": "Tags anzeigen",
+    "description": ""
+  },
+  "ShowFolders": {
+    "message": "Ordner anzeigen",
+    "description": ""
+  },
+  "prefs_customqry_loaddata_when_opening_addon": {
+    "message": "Daten laden, auch wenn die benutzerdefinierte Ansicht der erste geöffnete Tab in ThunderStats ist",
+    "description": ""
   }
 }
\ No newline at end of file
diff --git a/public/_locales/fr/messages.json b/public/_locales/fr/messages.json
index bbadb18c..a3c42080 100644
--- a/public/_locales/fr/messages.json
+++ b/public/_locales/fr/messages.json
@@ -736,5 +736,81 @@
   "LastBusinessDayIs": {
     "message": "Le dernier jour ouvrable est",
     "description": ""
+  },
+  "ReadStatus": {
+    "message": "Statut de lecture",
+    "description": ""
+  },
+  "FilterFoldersOnlyRead": {
+    "message": "Lu",
+    "description": ""
+  },
+  "FilterFoldersOnlyUnread": {
+    "message": "Non lu",
+    "description": ""
+  },
+  "FlagStatus": {
+    "message": "Statut d'étoile",
+    "description": ""
+  },
+  "FilterFoldersOnlyFlagged": {
+    "message": "Marqué",
+    "description": ""
+  },
+  "FilterFoldersOnlyUnflagged": {
+    "message": "Non marqué",
+    "description": ""
+  },
+  "FilterFoldersAll": {
+    "message": "Tout",
+    "description": ""
+  },
+  "FilterSubject": {
+    "message": "Filtrer le sujet avec un mot-clé",
+    "description": ""
+  },
+  "WarnSearchCaseSensitive": {
+    "message": "Notez que la recherche est sensible à la casse. Rechercher \"test\" est différent de rechercher \"Test\".",
+    "description": ""
+  },
+  "Domains": {
+    "message": "Domaines",
+    "description": ""
+  },
+  "Tags": {
+    "message": "Étiquettes",
+    "description": ""
+  },
+  "InboxMailsDateSpreadingExtended": {
+    "message": "Courriels reçus - Vue des détails de la date",
+    "description": ""
+  },
+  "OrderBy": {
+    "message": "Trier par",
+    "description": ""
+  },
+  "Close": {
+    "message": "Fermer",
+    "description": ""
+  },
+  "ViewDetails": {
+    "message": "Voir les détails",
+    "description": ""
+  },
+  "Folders": {
+    "message": "Dossiers",
+    "description": ""
+  },
+  "ShowTags": {
+    "message": "Afficher les étiquettes",
+    "description": ""
+  },
+  "ShowFolders": {
+    "message": "Afficher les dossiers",
+    "description": ""
+  },
+  "prefs_customqry_loaddata_when_opening_addon": {
+    "message": "Charger les données même si la vue personnalisée est l'onglet ouvert en premier dans ThunderStats",
+    "description": ""
   }
 }
\ No newline at end of file
diff --git a/public/_locales/it/messages.json b/public/_locales/it/messages.json
index d595cb56..26be6cf1 100644
--- a/public/_locales/it/messages.json
+++ b/public/_locales/it/messages.json
@@ -736,5 +736,81 @@
   "LastBusinessDayIs": {
     "message": "L'ultimo giorno lavorativo è",
     "description": ""
+  },
+  "ReadStatus": {
+    "message": "Stato di lettura",
+    "description": ""
+  },
+  "FilterFoldersOnlyRead": {
+    "message": "Letto",
+    "description": ""
+  },
+  "FilterFoldersOnlyUnread": {
+    "message": "Non letto",
+    "description": ""
+  },
+  "FlagStatus": {
+    "message": "Stato del contrassegno",
+    "description": ""
+  },
+  "FilterFoldersOnlyFlagged": {
+    "message": "Contrassegnato",
+    "description": ""
+  },
+  "FilterFoldersOnlyUnflagged": {
+    "message": "Non contrassegnato",
+    "description": ""
+  },
+  "FilterFoldersAll": {
+    "message": "Tutti",
+    "description": ""
+  },
+  "FilterSubject": {
+    "message": "Filtra l'oggetto con una parola chiave",
+    "description": ""
+  },
+  "WarnSearchCaseSensitive": {
+    "message": "Tieni presente che la ricerca distingue tra maiuscole e minuscole. Cercare \"test\" è diverso da cercare \"Test\".",
+    "description": ""
+  },
+  "Domains": {
+    "message": "Domini",
+    "description": ""
+  },
+  "Tags": {
+    "message": "Tag",
+    "description": ""
+  },
+  "InboxMailsDateSpreadingExtended": {
+    "message": "Email in arrivo - Vista dettagli date",
+    "description": ""
+  },
+  "OrderBy": {
+    "message": "Ordina per",
+    "description": ""
+  },
+  "Close": {
+    "message": "Chiudi",
+    "description": ""
+  },
+  "ViewDetails": {
+    "message": "Visualizza dettagli",
+    "description": ""
+  },
+  "Folders": {
+    "message": "Cartelle",
+    "description": ""
+  },
+  "ShowTags": {
+    "message": "Mostra Tag",
+    "description": ""
+  },
+  "ShowFolders": {
+    "message": "Mostra Cartelle",
+    "description": ""
+  },
+  "prefs_customqry_loaddata_when_opening_addon": {
+    "message": "Carica i dati anche quando la Vista Personalizzata è la prima scheda aperta in ThunderStats",
+    "description": ""
   }
 }
\ No newline at end of file