fix refresh of gauge without init value

client/dist/index.html

@@ -45,6 +45,6 @@
  </div>
  </div>
  </app-root>
-<script src="runtime.8ef63094e52a66ba.js" type="module"></script><script src="polyfills.2696a6f9dc75535e.js" type="module"></script><script src="scripts.1c3385254ff4c93c.js" defer></script><script src="main.3226cff231378eb5.js" type="module"></script>
+<script src="runtime.8ef63094e52a66ba.js" type="module"></script><script src="polyfills.2696a6f9dc75535e.js" type="module"></script><script src="scripts.1c3385254ff4c93c.js" defer></script><script src="main.4380c778e1ad8e5e.js" type="module"></script>
 
 </body></html>

client/package.json

@@ -1,6 +1,6 @@
 {
  "name": "fuxa",
- "version": "1.1.15-1355",
+ "version": "1.1.15-1356",
  "keywords": [],
  "author": "frangoteam <[email protected]>",
  "description": "Web-based Process Visualization (SCADA/HMI/Dashboard) software",

client/src/app/gui-helpers/ngx-gauge/ngx-gauge.component.ts

@@ -1,7 +1,8 @@
-import { Component, OnInit, AfterViewInit, OnChanges, ViewChild, HostListener, ElementRef, Input, SimpleChanges } from '@angular/core';
+import { Component, OnInit, AfterViewInit, OnChanges, ViewChild, HostListener, ElementRef, Input, SimpleChanges, OnDestroy } from '@angular/core';
 
 import { GaugeOptions, GaugeType } from './gaugeOptions';
 import { Utils } from '../../_helpers/utils';
+import { Subject, interval, take, takeUntil } from 'rxjs';
 
 declare const Gauge: any;
 declare const Donut: any;
@@ -11,7 +12,7 @@ declare const Donut: any;
  templateUrl: './ngx-gauge.component.html',
  styleUrls: ['./ngx-gauge.component.css']
 })
-export class NgxGaugeComponent implements OnInit, AfterViewInit, OnChanges {
+export class NgxGaugeComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
 
  @Input() public id: string;
  @Input() public options: GaugeOptions;
@@ -20,6 +21,8 @@ export class NgxGaugeComponent implements OnInit, AfterViewInit, OnChanges {
  @ViewChild('gauge', {static: false}) public canvas: ElementRef;
  @ViewChild('gaugetext', {static: false}) public gaugetext: ElementRef;
 
+ private destroy$ = new Subject<void>();
+
  gauge: any;
  type = GaugeType.Gauge;
  defOptions = new GaugeOptions();
@@ -32,10 +35,22 @@ export class NgxGaugeComponent implements OnInit, AfterViewInit, OnChanges {
  }
 
  ngAfterViewInit() {
- setTimeout(() => {
+ interval(100).pipe(
+ take(10),
+ takeUntil(this.destroy$)
+ ).subscribe(() => {
  this.onResize(null);
  this.setOptions(this.options);
- }, 100);
+ });
+ }
+
+ ngOnDestroy() {
+ try {
+ this.destroy$.next();
+ this.destroy$.unsubscribe();
+ } catch (e) {
+ console.error(e);
+ }
  }
 
  ngOnChanges(changes: SimpleChanges) {

server/package.json

@@ -1,6 +1,6 @@
 {
  "name": "fuxa-server",
- "version": "1.1.15-1355",
+ "version": "1.1.15-1356",
  "description": "Web-based Process Visualization (SCADA/HMI/Dashboard) software",
  "main": "main.js",
  "scripts": {