Fix getting all sites & pass count of days to tab list header

Author: Stigmatoz

src/components/TabItemHeader.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="header-block">
     <div class="time-block">
-      <p>{{ title }} ({{ countOfSites }} sites)</p>
+      <p>{{ title }}</p>
       <p class="time">{{ summaryTimeString }}</p>
     </div>
     <div class="sorted-block">
@@ -30,6 +30,7 @@ const props = defineProps<{
   summaryTime: number;
   countOfSites: number;
   firstDay: Date;
+  countOfActiveDays: number;
 }>();
 
 const sortingBySelected = ref<SortingBy>();
@@ -40,7 +41,12 @@ const emit = defineEmits<{
 
 const title = computed(() => {
   if (props.listType == TypeOfList.Today) return 'Today';
-  if (props.listType == TypeOfList.All) return `Aggregate data since ${props.firstDay} `;
+  if (props.listType == TypeOfList.All) {
+    let countOfActiveDays = props.countOfActiveDays > 1 ? `(${props.countOfActiveDays} days)` : '';
+    return `Aggregate data since ${props.firstDay.toLocaleDateString()} ${countOfActiveDays} (${
+      props.countOfSites
+    } sites)`;
+  }
 });
 
 onMounted(async () => {

src/components/TabList.vue

@@ -8,6 +8,7 @@
       :summaryTime="summaryTime"
       :countOfSites="countOfSites"
       :firstDay="firstDay"
+      :countOfActiveDays="countOfActiveDays"
       @sortingBy="sorting"
     />
 
@@ -49,6 +50,8 @@ const timeForChart = ref<number[]>();
 const sitesForChart = ref<string[]>();
 
 const summaryTime = ref<number>();
+const firstDay = ref<Date>();
+const countOfActiveDays = ref<number>();
 
 const countOfSites = computed(() => (tabs.value != undefined ? tabs.value.length : 0));
 
@@ -57,6 +60,8 @@ async function loadList(sortingBy: SortingBy) {
   if (props.type == TypeOfList.Today) tabSummary = await useTodayTabListSummary(sortingBy);
   if (props.type == TypeOfList.All) {
     tabSummary = await useAllTabListSummary(sortingBy);
+    firstDay.value = tabSummary.firstDay;
+    countOfActiveDays.value = tabSummary.activeDaysTotal;
     dataForOvarallStats.value = tabSummary;
   }
 

src/compositions/all-tab-list-summary.ts

@@ -11,7 +11,7 @@ export async function useAllTabListSummary(sortingBy: SortingBy): Promise<Overal
   let tabs: Tab[] = [];
 
   const summaryTimeListForToday = unSortedTabs.map(function (tab) {
-    return tab.days.find(day => day.date === todayLocalDate())!.summary;
+    return tab.days.find(day => day.date === todayLocalDate())?.summary;
   });
 
   const todaySummaryTime =