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,54 @@
+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 { BarConfig } from 'src/app/core/models';
+
+@Component({
+    selector: 'app-bar-horizontal-chart',
+    standalone: true,
+    imports: [
+        BaseChartDirective
+    ],
+    templateUrl: './bar-horizontal-chart.component.html'
+})
+export class BarHorizontalChartComponent implements OnChanges {
+    public displayCharts = false;
+    public chartConfig: BarConfig = this._utilitiesService.getHorizontalBarChartConfig();
+
+    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),
+        borderColor: this._utilitiesService.getSeriesColors(1)
+    };
+    @Input() label: string = 'Nombre total de sauts';
+    @Input() legend: boolean = false;
+
+    ngOnChanges() {
+        this._loadBarChart();
+    }
+
+    private _loadBarChart(): void {
+        const dataset: ChartDataset<'bar'> = {
+            data: [...this.values],
+            label: this.label,
+            backgroundColor: this.colors.backgroundColor,
+            borderColor: this.colors.borderColor,
+            borderWidth: 1
+        };
+        this.chartConfig.barChartData.labels = [...this.names];
+        this.chartConfig.barChartData.datasets!.push(dataset);
+        this.chartConfig.barChartLegend = this.legend;
+        this.displayCharts = true;
+    }
+}