Mise à jour de composant partagés

2023-10-03 13:47:48 +02:00
parent d0039dc275
commit 6d3e79aac5
40 changed files with 1327 additions and 345 deletions
@@ -0,0 +1,89 @@
+import { Component, OnInit, OnDestroy} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import { NgChartsModule } from 'ng2-charts';
+
+import { Observable, Subscription } from 'rxjs';
+
+import { MenuItems, HistoryTableComponent } from 'src/app/components/shared';
+import { UtilitiesService, CanopiesService } from 'src/app/core/services';
+import { CanopyModelBySize, CanopyModelByYear, DoughnutConfig } from 'src/app/core/models';
+
+@Component({
+    standalone: true,
+    imports: [
+        CommonModule,
+        MatButtonModule, MatCardModule, MatExpansionModule, MatIconModule, MatMenuModule,
+        NgChartsModule,
+        HistoryTableComponent
+    ],
+    selector: 'huapp-canopy-models',
+    templateUrl: './canopy-models.component.html'
+})
+export class CanopyModelsComponent implements OnInit, OnDestroy {
+    private _canopyBySize: Subscription = new Subscription();
+    private _canopyByYear: Subscription = new Subscription();
+    private _canopiesBySize!: Array<CanopyModelBySize>;
+    private _canopiesByYear!: Array<CanopyModelByYear>;
+    public title: string = 'Modèles de voile';
+    public subtitle: string = 'Nombre total de sauts par modèle';
+    public seriesHeader: string[] = [];
+    public seriesName: string[] = [];
+    public seriesValue: number[] = [];
+    public seriesRow: any[] = [];
+    public seriesColor: string[] = this._utilitiesService.getChartColors();
+    public displayCharts = false;
+    public chartConfig: DoughnutConfig = this._utilitiesService.getDoughnutChartConfig();
+
+    constructor(
+        private _canopiesService: CanopiesService,
+        private _utilitiesService: UtilitiesService,
+        public menuItems: MenuItems
+    ) { }
+
+    ngOnInit() {
+        this._loadCanopyModelBySize();
+    }
+
+    ngOnDestroy() {
+        this._canopyBySize.unsubscribe();
+        this._canopyByYear.unsubscribe();
+    }
+
+    private _loadCanopyModelBySize(): void {
+        const canopies$: Observable<Array<CanopyModelBySize>> = this._canopiesService.getAllModelBySize();
+        this._canopyBySize = canopies$.subscribe((aggregate: Array<CanopyModelBySize>) => {
+            this._canopiesBySize = aggregate.map((row: CanopyModelBySize) => {
+                this.chartConfig.doughnutChartLabels.push(`${row._id.taille.toString()} - ${row._id.voile}`);
+                this.chartConfig.doughnutChartDatasets[0].data.push(row.count);
+                return row;
+            });
+            this.seriesName = [...this.chartConfig.doughnutChartLabels];
+            this.seriesValue = [...this.chartConfig.doughnutChartDatasets[0].data];
+            this.displayCharts = true;
+            this._loadCanopyModelByYear();
+        });
+    }
+
+    private _loadCanopyModelByYear(): void {
+        this.seriesHeader = ["2018", "2019", "2020", "2021", "2022", "2023"];
+        let values: Array<number> = this.seriesHeader.map(() => 0);
+        this.seriesName.forEach(() => {
+            this.seriesRow.push([...values]);
+        });
+        const dropzones$: Observable<Array<CanopyModelByYear>> = this._canopiesService.getAllModelByYear();
+        this._canopyByYear = dropzones$.subscribe((aggregate: Array<CanopyModelByYear>) => {
+            this._canopiesByYear = aggregate.map((row: CanopyModelByYear) => {
+                let voile: string = row._id.voile;
+                let taille: string = row._id.taille.toString();
+                let year: string = row._id.year.toString();
+                this.seriesRow[this.seriesName.indexOf(`${taille} - ${voile}`)][this.seriesHeader.indexOf(year)] = row.count;
+                return row;
+            });
+        });
+    }
+}