@eqproject/eqp-dynamic-module 2.4.12 → 2.4.14

package/fesm2020/eqproject-eqp-dynamic-module.mjs

@@ -1,7 +1,7 @@
 import * as i2$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, ViewChild, Output, ViewChildren, NgModule, Inject } from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, ViewChild, Output, ViewChildren, HostListener, NgModule, Inject } from '@angular/core';
 import * as i5 from '@angular/forms';
 import { Validators, UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import Swal from 'sweetalert2';
@@ -51,6 +51,7 @@ import { MatNativeDateModule } from '@angular/material/core';
 import * as i5$3 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i2$5 from '@angular/platform-browser';
+import * as ss from 'simple-statistics';
 import * as i2$6 from '@canvasjs/angular-stockcharts';
 import { CanvasJSAngularStockChartsModule, CanvasJSChart, CanvasJSStockChart } from '@canvasjs/angular-stockcharts';
 import * as i8 from '@angular/material/autocomplete';
@@ -3181,7 +3182,8 @@ class ImageFieldSelectorTemplateComponent {
         this.recordChange = new EventEmitter();
     }
     ngOnInit() {
-        console.log("RECORD ngOnInit()", this.record[this.field.Name], this.field);
+        GlobalService.debugLog("ImageFieldSelectorTemplateComponent - RECORD ngOnInit() - record", this.record[this.field.Name]);
+        GlobalService.debugLog("ImageFieldSelectorTemplateComponent - RECORD ngOnInit() - field", this.field);
         this.initStyles();
         this.initializeAttachments();
     }
@@ -4770,10 +4772,16 @@ class Coords {
 }
 
 class GraphComponent {
+    onResize() {
+        this.loaded = false;
+        this.loadGraph(Math.floor(window.innerWidth / 2));
+    }
     constructor(datePipe) {
         this.datePipe = datePipe;
         this.data = new Array();
         this.title = "";
+        this.trendColor = '#EB0102';
+        this.mainColor = '#006cad';
         this.loaded = false;
         this.counter = 0;
     }
@@ -4781,48 +4789,97 @@ class GraphComponent {
         var self = this;
         // Aggiustamento e scrittura dati
         if (this.data.length > 0) {
-            var lastvalue = this.data[0];
-            var firstvalue = this.data[this.data.length - 1];
-            var stockChartMinimum = new Date(firstvalue.x);
-            var stockChartMaximum = new Date(lastvalue.x);
-            var stockChartTitleText = this.title;
-            var stockChartdataPoints = this.data;
-            this.stockChartOptions = {
-                theme: 'light2',
-                animationEnabled: true,
-                width: 1000,
-                height: 500,
-                creditText: "",
-                creditHref: "",
-                title: {
-                    text: stockChartTitleText
-                },
-                charts: [{
-                        axisX: {
-                            labelFormatter: this.labelFormatterFunction,
+            this.loadGraph(Math.floor(window.innerWidth / 2));
+        }
+    }
+    loadGraph(width) {
+        var lastvalue = this.data[0];
+        var firstvalue = this.data[this.data.length - 1];
+        var stockChartMinimum = new Date(firstvalue.x);
+        var stockChartMaximum = new Date(lastvalue.x);
+        var stockChartTitleText = this.title;
+        var stockChartdataPoints = this.data;
+        this.linearRegression = new Array();
+        this.trend = "";
+        stockChartdataPoints.reverse();
+        if (stockChartdataPoints.length > 2) {
+            let x = [];
+            for (let i = 0; i < stockChartdataPoints.length; i++) {
+                x.push([i, stockChartdataPoints[i].y]);
+            }
+            let parameters = ss.linearRegression(x);
+            this.m = parameters.m;
+            this.q = parameters.b;
+            if (this.m > 0) {
+                this.trend += " ↗";
+            }
+            else if (this.m < 0) {
+                this.trend += " ↘";
+            }
+            // console.log(x);
+            // console.log(stockChartdataPoints);
+            for (let i = 0; i < stockChartdataPoints.length; i++) {
+                if (i == 0 || i == stockChartdataPoints.length - 1) {
+                    this.linearRegression.push({ x: stockChartdataPoints[i].x,
+                        y: this.m * i + this.q,
+                        label: stockChartdataPoints[i].label,
+                        name: stockChartdataPoints[i].name
+                    });
+                }
+            }
+            //this.linearRegression.reverse();
+            // console.log(this.linearRegression);
+            // console.log(this.m);
+            // console.log(this.q);
+        }
+        this.stockChartOptions = {
+            theme: 'light2',
+            animationEnabled: true,
+            width: width,
+            height: 500,
+            creditText: "",
+            creditHref: "",
+            title: {
+                text: stockChartTitleText
+            },
+            charts: [{
+                    axisX: {
+                        labelFormatter: this.labelFormatterFunction,
+                    },
+                    data: [
+                        {
+                            toolTipContent: null,
+                            type: 'line',
+                            color: this.trendColor,
+                            showInLegend: true,
+                            legendMarkerType: "none",
+                            markerType: "none",
+                            legendText: "Trend" + this.trend,
+                            dataPoints: this.linearRegression
                         },
-                        data: [{
-                                type: "line",
-                                dataPoints: stockChartdataPoints
-                            }],
-                        culture: "it"
-                    }],
-                rangeSelector: {
-                    enabled: false
-                },
-                navigator: {
-                    slider: {
-                        minimum: stockChartMinimum,
-                        maximum: stockChartMaximum
-                    }
-                },
-                options: {
-                    responsive: true,
-                    maintainAspectRatio: false
+                        {
+                            type: "spline",
+                            dataPoints: stockChartdataPoints,
+                            color: this.mainColor,
+                        }
+                    ],
+                    culture: "it"
+                }],
+            rangeSelector: {
+                enabled: false
+            },
+            navigator: {
+                slider: {
+                    minimum: stockChartMinimum,
+                    maximum: stockChartMaximum
                 }
-            };
-            this.loaded = true;
-        }
+            },
+            options: {
+                responsive: true,
+                maintainAspectRatio: false
+            }
+        };
+        this.loaded = true;
     }
     labelFormatterFunction(e) {
         let label = "";
@@ -4874,11 +4931,14 @@ class GraphComponent {
     }
 }
 GraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GraphComponent, deps: [{ token: i2$2.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
-GraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GraphComponent, selector: "graph", inputs: { data: "data", title: "title" }, ngImport: i0, template: "<canvasjs-stockchart *ngIf=\"loaded\" [options]=\"stockChartOptions\"></canvasjs-stockchart>\r\n<div class=\"error\" *ngIf=\"!loaded\"><b>{{title}}:</b> Nessun dato trovato nell'intervallo specificato!</div>", styles: [""], dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$6.CanvasJSStockChart, selector: "canvasjs-stockchart", inputs: ["options", "styles"], outputs: ["stockChartInstance"] }] });
+GraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GraphComponent, selector: "graph", inputs: { data: "data", title: "title" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<canvasjs-stockchart *ngIf=\"loaded\" [options]=\"stockChartOptions\"></canvasjs-stockchart>\r\n<div class=\"error\" *ngIf=\"!loaded\"><b>{{title}}:</b> Nessun dato trovato nell'intervallo specificato!</div>", styles: [""], dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$6.CanvasJSStockChart, selector: "canvasjs-stockchart", inputs: ["options", "styles"], outputs: ["stockChartInstance"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GraphComponent, decorators: [{
             type: Component,
             args: [{ selector: 'graph', template: "<canvasjs-stockchart *ngIf=\"loaded\" [options]=\"stockChartOptions\"></canvasjs-stockchart>\r\n<div class=\"error\" *ngIf=\"!loaded\"><b>{{title}}:</b> Nessun dato trovato nell'intervallo specificato!</div>" }]
-        }], ctorParameters: function () { return [{ type: i2$2.DatePipe }]; }, propDecorators: { data: [{
+        }], ctorParameters: function () { return [{ type: i2$2.DatePipe }]; }, propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }], data: [{
                 type: Input,
                 args: ["data"]
             }], title: [{