manager: smoother reports voices added (fixes #8758) (#8759)

Co-authored-by: dogi <[email protected]>

Author: Mutugiii

package.json

@@ -1,7 +1,7 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.19.16",
+  "version": "0.19.17",
   "myplanet": {
     "latest": "v0.25.74",
     "min": "v0.24.74"

src/app/manager-dashboard/reports/reports-detail.component.html

@@ -162,6 +162,7 @@
         <canvas id="courseViewChart"></canvas>
         <canvas id="stepCompletedChart"></canvas>
         <canvas id="chatUsageChart"></canvas>
+        <canvas id="voicesCreatedChart"></canvas>
         <div class="reports-table-container">
           <div>
             <h1 class="mat-title" i18n>Members</h1>
@@ -277,10 +278,10 @@ <h1 class="mat-title" i18n>Courses</h1>
           No data found
         </div>
         <div *ngIf="!resourcesLoading && resourceActivities?.byDoc && resourceActivities.byDoc.length > 0">
-          <planet-reports-detail-activities 
-            [activitiesByDoc]="resourceActivities.byDoc" 
-            [ratings]="ratings.resources" 
-            activityType="resources" 
+          <planet-reports-detail-activities
+            [activitiesByDoc]="resourceActivities.byDoc"
+            [ratings]="ratings.resources"
+            activityType="resources"
             (itemClick)="openResourceView($event)">
           </planet-reports-detail-activities>
         </div>
@@ -293,11 +294,11 @@ <h1 class="mat-title" i18n>Courses</h1>
           No data found
         </div>
         <div *ngIf="!coursesLoading && courseActivities?.byDoc && courseActivities.byDoc.length > 0">
-          <planet-reports-detail-activities 
-            [activitiesByDoc]="courseActivities.byDoc" 
-            [ratings]="ratings.courses" 
-            [progress]="progress" 
-            activityType="courses" 
+          <planet-reports-detail-activities
+            [activitiesByDoc]="courseActivities.byDoc"
+            [ratings]="ratings.courses"
+            [progress]="progress"
+            activityType="courses"
             (itemClick)="openCourseView($event)">
           </planet-reports-detail-activities>
         </div>
@@ -310,10 +311,10 @@ <h1 class="mat-title" i18n>Courses</h1>
           No data found
         </div>
         <div [hidden]="healthLoading || healthNoData">
-          <planet-reports-health 
-            [planetCode]="planetCode" 
-            [dateRange]="dateFilterForm?.value" 
-            [isActive]="healthTab.isActive" 
+          <planet-reports-health
+            [planetCode]="planetCode"
+            [dateRange]="dateFilterForm?.value"
+            [isActive]="healthTab.isActive"
             (changeDateRange)="resetDateFilter($event)"
             (healthLoadingChange)="onHealthLoadingChange($event)"
             (healthNoDataChange)="onHealthNoDataChange($event)">
@@ -328,8 +329,8 @@ <h1 class="mat-title" i18n>Courses</h1>
           No data found
         </div>
         <div *ngIf="!chatLoading && chatActivities?.filteredData && chatActivities.filteredData.length > 0">
-          <planet-reports-detail-activities 
-            [activitiesByDoc]="chatActivities.filteredData" 
+          <planet-reports-detail-activities
+            [activitiesByDoc]="chatActivities.filteredData"
             activityType="chat">
           </planet-reports-detail-activities>
         </div>

src/app/manager-dashboard/reports/reports-detail.component.ts

@@ -56,6 +56,7 @@ export class ReportsDetailComponent implements OnInit, OnDestroy {
     steps: new ReportsDetailData('time')
   };
   chatActivities = new ReportsDetailData('createdDate');
+  voicesActivities = new ReportsDetailData('time');
   today: Date;
   minDate: Date;
   ratings = { total: new ReportsDetailData('time'), resources: [], courses: [] };
@@ -75,6 +76,7 @@ export class ReportsDetailComponent implements OnInit, OnDestroy {
   coursesLoading = true;
   chatLoading = true;
   healthLoading = true;
+  voicesLoading = true;
   healthNoData = false;
   timeFilterOptions = this.activityService.standardTimeFilters;
 
@@ -170,6 +172,7 @@ export class ReportsDetailComponent implements OnInit, OnDestroy {
       this.getPlanetCounts(local);
       this.getTeams();
       this.getChatUsage();
+      this.getVoicesUsage();
       this.dialogsLoadingService.stop();
     });
   }
@@ -233,6 +236,8 @@ export class ReportsDetailComponent implements OnInit, OnDestroy {
     ));
     this.chatActivities.filter(this.filter);
     this.setChatUsage();
+    this.voicesActivities.filter(this.filter);
+    this.setVoicesUsage();
   }
 
   getLoginActivities() {
@@ -380,6 +385,21 @@ export class ReportsDetailComponent implements OnInit, OnDestroy {
     this.setChart({ ...this.setGenderDatasets(byMonth), chartName: 'chatUsageChart' });
   }
 
+  getVoicesUsage() {
+    this.activityService.getVoicesCreated().subscribe((data) => {
+      this.voicesActivities.data = data.map(item => ({
+      ...item,
+      user: item.user?.name || '',
+    }));
+      this.voicesLoading = false;
+    });
+  }
+
+  setVoicesUsage() {
+    const { byMonth } = this.activityService.groupVoicesCreated(this.voicesActivities.filteredData);
+    this.setChart({ ...this.setGenderDatasets(byMonth), chartName: 'voicesCreatedChart' });
+  }
+
   getTeamMembers(team: any) {
     if (team === 'All') {
       return of([]);

src/app/manager-dashboard/reports/reports.service.ts

@@ -273,9 +273,7 @@ export class ReportsService {
 
   getChatHistory() {
     return this.couchService.get('chat_history/_all_docs', { params: { include_docs: 'true' } })
-    .pipe(
-      map((data: any) => data.rows.map((row: any) => row.doc))
-    );
+      .pipe(map((data: any) => data.rows.map((row: any) => row.doc)));
   }
 
   groupChatUsage(chats: any) {
@@ -284,6 +282,17 @@ export class ReportsService {
     });
   }
 
+  getVoicesCreated() {
+    return this.couchService.get('news/_all_docs', { params: { include_docs: 'true' } })
+      .pipe(map((data: any) => data.rows.map((row: any) => row.doc)));
+  }
+
+  groupVoicesCreated(voices: any[]) {
+    return ({
+      byMonth: this.groupByMonth(this.appendGender(voices), 'time', '_id')
+    });
+  }
+
   groupStepCompletion(steps: any[]) {
     return ({
       byMonth: this.groupByMonth(this.appendGender(steps), 'time', 'userId')

src/app/manager-dashboard/reports/reports.utils.ts

@@ -101,7 +101,8 @@ export const titleOfChartName = (chartName: string) => {
     visitChart: $localize`Total Member Visits by Month`,
     uniqueVisitChart: $localize`Unique Member Visits by Month`,
     stepCompletedChart: $localize`Steps Completed by Month`,
-    chatUsageChart: $localize`Chats Created by Month`
+    chatUsageChart: $localize`Chats Created by Month`,
+    voicesCreatedChart: $localize`Voices Created by Month`,
   };
   return chartNames[chartName];
 };