Import des sources angular à partir de 'headup_app'

2025-08-11 23:26:29 +02:00
parent 7dcb426ef5
commit 0a6cbc0c00
335 changed files with 64362 additions and 0 deletions
@@ -0,0 +1,63 @@
+import { Component, Input, OnChanges } from '@angular/core';
+//import { ChartDataset } from 'chart.js';
+import { BaseChartDirective } from 'ng2-charts';
+
+import { UtilitiesService } from 'src/app/core/services';
+import { DoughnutConfig } from 'src/app/core/models';
+
+@Component({
+    selector: 'app-pie-chart',
+    standalone: true,
+    imports: [
+        BaseChartDirective
+    ],
+    templateUrl: './pie-chart.component.html'
+})
+export class PieChartComponent implements OnChanges {
+    public displayCharts = false;
+    public chartConfig: DoughnutConfig = this._utilitiesService.getDoughnutChartConfig();
+
+    constructor(
+        private _utilitiesService: UtilitiesService
+    ) { }
+
+    @Input() names: string[] = [];
+    @Input() values: number[] = [];
+    @Input() headers: string[] = [];
+    @Input() colors: {
+        backgroundColor: string[],
+        borderColor: string[]
+    } = {
+        backgroundColor: this._utilitiesService.getSeriesColors(0.8, 'all'),
+        borderColor: this._utilitiesService.getSeriesColors(1, 'all')
+    };
+    @Input() legend: boolean = false;
+
+    ngOnChanges() {
+        this._loadDoughnutChart();
+    }
+
+    private _loadDoughnutChart(): void {
+        this.chartConfig.doughnutChartLabels = [...this.names];
+        this.chartConfig.doughnutChartDatasets[0].data = [...this.values];
+        this.chartConfig.doughnutChartDatasets[0].label = 'Nombre total de sauts';
+        this.chartConfig.doughnutChartDatasets[0].backgroundColor = this.colors.backgroundColor;
+        this.chartConfig.doughnutChartDatasets[0].borderColor = this.colors.borderColor;
+        this.chartConfig.doughnutChartDatasets[0].borderWidth = 2;
+        this.chartConfig.doughnutChartLegend = this.legend;
+        this.displayCharts = true;
+    }
+
+    /*private _loadDoughnutChart(): void {
+        const dataset: ChartDataset<'doughnut'> = {
+            data: [...this.values],
+            label: 'Nombre total de sauts',
+            backgroundColor: this._utilitiesService.getSeriesColors(0.8),
+            borderColor: this._utilitiesService.getSeriesColors(1),
+            borderWidth: 1
+        };
+        this.chartConfig.doughnutChartLabels = [...this.names];
+        this.chartConfig.doughnutChartDatasets!.push(dataset);
+        this.displayCharts = true;
+    }*/
+}