Mise à jour de 'services'

src/app/core/services/backend.service.ts

@@ -22,41 +22,16 @@ export class BackendService {
 
     constructor(private _http: HttpClient) { }
 
-    /* get all docs from couchDB view 'allSolenoids' */
-    getChartColors() {
-        let colors: string[] = [
-            'ct-color-a',
-            'ct-color-b',
-            'ct-color-c',
-            'ct-color-d',
-            'ct-color-e',
-            'ct-color-f',
-            'ct-color-g',
-            'ct-color-h',
-            'ct-color-i',
-            'ct-color-j',
-            'ct-color-k',
-            'ct-color-l',
-            'ct-color-m',
-            'ct-color-n',
-            'ct-color-o',
-            'ct-color-p',
-            'ct-color-q',
-            'ct-color-r'
-        ];
-        return colors;
-    }
-    
     writeDoc(doc: Object): Promise<Object | undefined> {
         const url = this._couchdbUrl + '/' + this._couchdbDatabase;
         return this._http.post<Object>(url, doc, this.httpOptions).toPromise();
     }
-    
+
     updateDoc(doc: JumpDoc): Promise<Object | undefined> {
         const url = `${this._couchdbUrl}/${this._couchdbDatabase}/${doc._id}`;
         return this._http.put<Object>(url, doc, this.httpOptions).toPromise();
     }
-    
+
     deleteDoc(id: string, rev: string): Promise<Object | undefined> {
         //const url = this._couchdbUrl + '/' + this._couchdbDatabase + '/' + id + '?rev=' + rev;
         const url = `${this._couchdbUrl}/${this._couchdbDatabase}/${id}?rev=${rev}`;

src/app/core/services/index.ts

@@ -11,3 +11,4 @@ export * from './jwt.service';
 export * from './no-auth-guard.service';
 export * from './profiles.service';
 export * from './user.service';
+export * from './utilities.service';

src/app/core/services/jumps.service.ts

@@ -55,6 +55,11 @@ export class JumpsService {
             .pipe(map(data => data.jumps));
     }
 
+    getLastJump(): Observable<Jump> {
+        return this.apiService.get('/jumps/last')
+            .pipe(map(data => data.jump));
+    }
+
     create(jump: Jump): Observable<Jump> {
         return this.apiService.post('/jumps/', { jump: jump })
             .pipe(map(data => data.jump));

src/app/core/services/utilities.service.ts

@@ -0,0 +1,267 @@
+import { Injectable } from '@angular/core';
+import { Configuration } from 'ng-chartist';
+
+import { BarConfig, DoughnutConfig, LineConfig } from 'src/app/core/models';
+
+@Injectable({ providedIn: 'root' })
+export class UtilitiesService {
+    private _coeffKgLbs: number = 2.20462;
+    private _coeffFtM: number = 0.092903;
+
+    constructor() { }
+
+    getCoeffKgLbs(): number {
+        return this._coeffKgLbs;
+    }
+
+    getCoeffFtM(): number {
+        return this._coeffFtM;
+    }
+
+    getBarConfig(): Configuration {
+        let config: Configuration = {
+            type: 'Bar',
+            data: {
+                "labels": [],
+                "series": []
+            },
+            options: {},
+            responsiveOptions: []
+        };
+        return config;
+    }
+
+    getChartColors(): string[] {
+        let colors: string[] = [
+            'ct-color-a',
+            'ct-color-b',
+            'ct-color-c',
+            'ct-color-d',
+            'ct-color-e',
+            'ct-color-f',
+            'ct-color-g',
+            'ct-color-h',
+            'ct-color-i',
+            'ct-color-j',
+            'ct-color-k',
+            'ct-color-l',
+            'ct-color-m',
+            'ct-color-n',
+            'ct-color-o',
+            'ct-color-p',
+            'ct-color-q',
+            'ct-color-r'
+        ];
+        return colors;
+    }
+
+    getSeriesColors(opacity: number, palette: string = 'all'): string[] {
+        let colors: string[] = [];
+        switch (palette) {
+            case 'red':
+                colors = [
+                    `rgba(163, 0, 0, ${opacity})`,
+                    `rgba(178, 47, 25, ${opacity})`,
+                    `rgba(192, 74, 49, ${opacity})`,
+                    `rgba(205, 99, 72, ${opacity})`,
+                    `rgba(217, 122, 97, ${opacity})`,
+                    `rgba(228, 145, 122, ${opacity})`,
+                    `rgba(238, 168, 148, ${opacity})`,
+                    `rgba(247, 192, 175, ${opacity})`,
+                    `rgba(255, 215, 203, ${opacity})`
+                ];
+                break;
+            case 'green':
+                colors = [
+                    `rgba(0, 109, 45, ${opacity})`,
+                    `rgba(42, 124, 64, ${opacity})`,
+                    `rgba(67, 140, 83, ${opacity})`,
+                    `rgba(90, 155, 102, ${opacity})`,
+                    `rgba(112, 171, 122, ${opacity})`,
+                    `rgba(134, 187, 142, ${opacity})`,
+                    `rgba(156, 203, 163, ${opacity})`,
+                    `rgba(179, 219, 184, ${opacity})`,
+                    `rgba(201, 235, 205, ${opacity})`
+                ];
+                break;
+            case 'blue':
+                colors = [
+                    `rgba(0, 76, 109, ${opacity})`,
+                    `rgba(37, 94, 126, ${opacity})`,
+                    `rgba(61, 112, 143, ${opacity})`,
+                    `rgba(83, 131, 161, ${opacity})`,
+                    `rgba(105, 150, 179, ${opacity})`,
+                    `rgba(127, 170, 198, ${opacity})`,
+                    `rgba(148, 190, 217, ${opacity})`,
+                    `rgba(171, 210, 236, ${opacity})`,
+                    `rgba(193, 231, 255, ${opacity})`
+                ];
+                break;
+            case 'all':
+            default:
+                colors = [
+                    `rgba(32, 182, 252, ${opacity})`,
+                    `rgba(241, 80, 80, ${opacity})`,
+                    `rgba(2, 191, 171, ${opacity})`,
+                    `rgba(255, 153, 0, ${opacity})`,
+                    `rgba(101, 218, 224, ${opacity})`,
+                    `rgba(138, 101, 224, ${opacity})`,
+                    `rgba(0, 137, 123, ${opacity})`,
+                    `rgba(181, 17, 86, ${opacity})`,
+                    `rgba(93, 204, 137, ${opacity})`,
+                    `rgba(255, 226, 5, ${opacity})`,
+                    `rgba(191, 101, 224, ${opacity})`,
+                    `rgba(76, 174, 76, ${opacity})`,
+                    `rgba(51, 122, 183, ${opacity})`,
+                    `rgba(237, 80, 148, ${opacity})`,
+                    `rgba(253, 24, 243, ${opacity})`,
+                    `rgba(214, 31, 31, ${opacity})`,
+                    `rgba(153, 171, 180, ${opacity})`,
+                    `rgba(205, 186, 152, ${opacity})`,
+                    `rgba(101, 224, 184, ${opacity})`,
+                    `rgba(2, 191, 171, ${opacity})`,
+                    `rgba(101, 218, 224, ${opacity})`,
+                    `rgba(161, 199, 161, ${opacity})`,
+                    `rgba(217, 202, 174, ${opacity})`,
+                    `rgba(151, 136, 199, ${opacity})`,
+                    `rgba(212, 206, 112, ${opacity})`,
+                    `rgba(255, 255, 255, ${opacity})`
+                ];
+                break;
+        }
+        return colors;
+    }
+
+    getDoughnutChartConfig(): DoughnutConfig {
+        let config: DoughnutConfig = {
+            doughnutChartLabels: [],
+            doughnutChartDatasets: [
+                {
+                    data: [],
+                    label: 'Nombre total de sauts',
+                    backgroundColor: this.getSeriesColors(0.8),
+                    borderColor: this.getSeriesColors(1), // 'rgba(255, 255, 255, 1)'
+                    borderWidth: 2
+                }
+            ],
+            doughnutChartOptions: {
+                elements: {
+                    arc: {
+                        borderWidth: 2,
+                    }
+                },
+                plugins: {
+                    legend: {
+                        display: true,
+                        position: 'left'
+                    }
+                },
+                responsive: true
+            },
+            doughnutChartLegend: false
+        };
+        return config;
+    }
+
+    getBarChartConfig(): BarConfig {
+        let config: BarConfig = {
+            barChartData: {
+                labels: [''],
+                datasets: []
+            },
+            barChartOptions: {
+                elements: {
+                    bar: {
+                        borderWidth: 1,
+                    }
+                },
+                responsive: true
+            },
+            barChartPlugins: [],
+            barChartLegend: false
+        };
+        return config;
+    }
+
+    getHorizontalBarChartConfig(): BarConfig {
+        let config: BarConfig = {
+            barChartData: {
+                labels: [''],
+                datasets: []
+            },
+            barChartOptions: {
+                indexAxis: 'y',
+                elements: {
+                    bar: {
+                        borderWidth: 1,
+                    }
+                },
+                plugins: {
+                    legend: {
+                        display: true,
+                        position: 'left'
+                    },
+                    title: {
+                        display: false,
+                        text: 'Nombre total de sauts'
+                    }
+                },
+                responsive: true,
+                aspectRatio: 3,
+                scales: {
+                    x: {
+                        beginAtZero: true,
+                        ticks: { color: 'rgba(255,255,255,0.3)' },
+                        grid: { color: 'rgba(255,255,255,0.2)', display: true, tickBorderDash: [1,2] }
+                    },
+                    y: {
+                        beginAtZero: true,
+                        ticks: { color: 'rgba(255,255,255,0.3)' },
+                        grid: { color: 'rgba(255,255,255,0.3)', display: false }
+                    }
+                }
+            },
+            barChartPlugins: [],
+            barChartLegend: false
+        };
+        return config;
+    }
+
+    getLineChartConfig(): LineConfig {
+        let config: LineConfig = {
+            lineChartData: {
+                labels: [],
+                datasets: []
+            },
+            lineChartOptions: {
+                plugins: {
+                    legend: {
+                        display: true,
+                        position: 'bottom'
+                    }
+                },
+                interaction: {
+                    intersect: false,
+                    axis: 'x'
+                },
+                scales: {
+                    x: {
+                        display: false,
+                    },
+                    y: {
+                        display: true,
+                        min: 60,
+                        max: 200,
+                        ticks: { color: 'rgba(255,255,255,0.3)' },
+                        grid: { color: 'rgba(255,255,255,0.3)', display: true }
+                    }
+                },
+                responsive: true,
+                maintainAspectRatio: true
+            },
+            lineChartLegend: true
+        };
+        return config;
+    }
+}
+