@mxtommy/kip 1.2.1 → 1.3.0

package/src/app/widget-blank/widget-blank.component.scss

@@ -1,22 +1,21 @@
-@import '~@angular/material/theming';
-
-
-@mixin widget-blank-theme($theme) {
-
-    $primary: map-get($theme, primary);
-    $warn: map-get($theme, warn);
-    $background: map-get($theme, background);
-    $foreground: map-get($theme, foreground);
-
-    .widget-theme {
-    }
-}
-
-.blankGenericWrapper {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+@use '~@angular/material' as mat;
+
+@mixin widget-blank-theme($theme) {
+
+    $primary: map-get($theme, primary);
+    $warn: map-get($theme, warn);
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+
+    .widget-theme {
+    }
+}
+
+.blankGenericWrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/src/app/widget-blank/widget-blank.component.spec.ts

@@ -1,25 +1,25 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-
-import { WidgetBlankComponent } from './widget-blank.component';
-
-describe('WidgetBlankComponent', () => {
-  let component: WidgetBlankComponent;
-  let fixture: ComponentFixture<WidgetBlankComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ WidgetBlankComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(WidgetBlankComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should be created', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { WidgetBlankComponent } from './widget-blank.component';
+
+describe('WidgetBlankComponent', () => {
+  let component: WidgetBlankComponent;
+  let fixture: ComponentFixture<WidgetBlankComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ WidgetBlankComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WidgetBlankComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should be created', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/app/widget-blank/widget-blank.component.ts

@@ -1,17 +1,17 @@
-import { Component, OnInit, Input } from '@angular/core';
-
-@Component({
-  selector: 'app-widget-blank',
-  templateUrl: './widget-blank.component.html',
-  styleUrls: ['./widget-blank.component.scss']
-})
-export class WidgetBlankComponent implements OnInit {
-  @Input('widgetUUID') widgetUUID: string;
-  @Input('unlockStatus') unlockStatus: boolean;
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}
+import { Component, OnInit, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-widget-blank',
+  templateUrl: './widget-blank.component.html',
+  styleUrls: ['./widget-blank.component.scss']
+})
+export class WidgetBlankComponent implements OnInit {
+  @Input('widgetUUID') widgetUUID: string;
+  @Input('unlockStatus') unlockStatus: boolean;
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

package/src/app/widget-gauge/widget-gauge.component.css

@@ -1,26 +1,26 @@
-.wrapper {
-    position: relative;
-    width: 100%;
-    height: 100%;
-}
-
-
-.settingsButton {
-    position: absolute;
-    bottom: 5%;
-    left: 50%;
-    transform: translate(-50%);
-}
-
-
-.tab-group {
-    border: 1px solid #e8e8e8;
-}
-
-.tab-content {
-    padding: 16px;
-}
-
-.full-width {
-    width: 100%;
+.wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+
+
+.settingsButton {
+    position: absolute;
+    bottom: 5%;
+    left: 50%;
+    transform: translate(-50%);
+}
+
+
+.tab-group {
+    border: 1px solid #e8e8e8;
+}
+
+.tab-content {
+    padding: 16px;
+}
+
+.full-width {
+    width: 100%;
 }

package/src/app/widget-gauge/widget-gauge.component.html

@@ -1,29 +1,29 @@
-<div class="wrapper" #wrapperDiv>
-  <gauge-steel
-    [widgetUUID]="widgetUUID"
-    [gaugeType]="config.gaugeType"
-    [barGauge]="config.barGraph"
-
-    [radialSize]="config.radialSize"
-
-    [backgroundColor]="config.backgroundColor"
-    [frameColor]="config.frameColor"
-
-    [minValue]="config.minValue"
-    [maxValue]="config.maxValue"
-
-    [zones]=""
-    [title]="config.displayName"
-    [units]="config.paths['gaugePath'].convertUnitTo"
-    [value]="dataValue"
-
-  ></gauge-steel>
-
-
-  <div class="settingsButton" *ngIf="unlockStatus">
-      <button  color="accent" mat-mini-fab class="selector-fab" (click)="openWidgetSettings()">
-          <span class="fa fa-cog"></span>
-      </button>
-  </div>
-
-</div>
+<div class="wrapper" #wrapperDiv>
+  <gauge-steel
+    [widgetUUID]="widgetUUID"
+    [gaugeType]="config.gaugeType"
+    [barGauge]="config.barGraph"
+
+    [radialSize]="config.radialSize"
+
+    [backgroundColor]="config.backgroundColor"
+    [frameColor]="config.frameColor"
+
+    [minValue]="config.minValue"
+    [maxValue]="config.maxValue"
+
+    [zones]=""
+    [title]="config.displayName"
+    [units]="config.paths['gaugePath'].convertUnitTo"
+    [value]="dataValue"
+
+  ></gauge-steel>
+
+
+  <div class="settingsButton" *ngIf="unlockStatus">
+      <button  color="accent" mat-mini-fab class="selector-fab" (click)="openWidgetSettings()">
+          <span class="fa-solid fa-cog"></span>
+      </button>
+  </div>
+
+</div>

package/src/app/widget-gauge/widget-gauge.component.spec.ts

@@ -1,25 +1,25 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-
-import { WidgetGaugeComponent } from './widget-gauge.component';
-
-describe('WidgetGaugeComponent', () => {
-  let component: WidgetGaugeComponent;
-  let fixture: ComponentFixture<WidgetGaugeComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ WidgetGaugeComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(WidgetGaugeComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should be created', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { WidgetGaugeComponent } from './widget-gauge.component';
+
+describe('WidgetGaugeComponent', () => {
+  let component: WidgetGaugeComponent;
+  let fixture: ComponentFixture<WidgetGaugeComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ WidgetGaugeComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WidgetGaugeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should be created', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/app/widget-gauge/widget-gauge.component.ts

@@ -1,120 +1,120 @@
-import { Component, Input, OnInit, OnDestroy, Inject } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { MatDialog } from '@angular/material/dialog';
-
-import { SignalKService } from '../signalk.service';
-import { ModalWidgetComponent } from '../modal-widget/modal-widget.component';
-import { WidgetManagerService, IWidget, IWidgetConfig } from '../widget-manager.service';
-import { UnitsService } from '../units.service';
-
-
-
-const defaultConfig: IWidgetConfig = {
-  displayName: null,
-  filterSelfPaths: true,
-  paths: {
-    "gaugePath": {
-      description: "Numeric Data",
-      path: null,
-      source: null,
-      pathType: "number",
-      isPathConfigurable: true,
-      convertUnitTo: "unitless"
-    }
-  },
-  gaugeType: 'linear',
-  barGraph: false,    // if linear/radial, is it digital?
-  radialSize: 'full',
-  minValue: 0,
-  maxValue: 100,
-  rotateFace: false,
-  backgroundColor: 'carbon',
-  frameColor: 'anthracite'
-};
-
-
-@Component({
-  selector: 'app-widget-gauge',
-  templateUrl: './widget-gauge.component.html',
-  styleUrls: ['./widget-gauge.component.css']
-})
-export class WidgetGaugeComponent implements OnInit, OnDestroy {
-
-  @Input('widgetUUID') widgetUUID: string;
-  @Input('unlockStatus') unlockStatus: boolean;
-
-
-  activeWidget: IWidget;
-  config: IWidgetConfig;
-
-  dataValue: any = null;
-
-  valueSub: Subscription = null;
-
-  constructor(
-    public dialog:MatDialog,
-    private SignalKService: SignalKService,
-    private WidgetManagerService: WidgetManagerService,
-    private UnitsService: UnitsService) {
-  }
-
-  ngOnInit() {
-    this.activeWidget = this.WidgetManagerService.getWidget(this.widgetUUID);
-    if (this.activeWidget.config === null) {
-        // no data, let's set some!
-      this.WidgetManagerService.updateWidgetConfig(this.widgetUUID, defaultConfig);
-      this.config = defaultConfig; // load default config.
-    } else {
-      this.config = this.activeWidget.config;
-    }
-    this.subscribePath();
-
-  }
-
-  ngOnDestroy() {
-    this.unsubscribePath();
-  }
-
-
-  subscribePath() {
-    this.unsubscribePath();
-    if (typeof(this.config.paths['gaugePath'].path) != 'string') { return } // nothing to sub to...
-
-    this.valueSub = this.SignalKService.subscribePath(this.widgetUUID, this.config.paths['gaugePath'].path, this.config.paths['gaugePath'].source).subscribe(
-      newValue => {
-        this.dataValue = this.UnitsService.convertUnit(this.config.paths['gaugePath'].convertUnitTo, newValue.value);
-      }
-    );
-  }
-
-  unsubscribePath() {
-    if (this.valueSub !== null) {
-      this.valueSub.unsubscribe();
-      this.valueSub = null;
-      this.SignalKService.unsubscribePath(this.widgetUUID, this.config.paths['gaugePath'].path)
-    }
-  }
-
-  openWidgetSettings() {
-
-    let dialogRef = this.dialog.open(ModalWidgetComponent, {
-      width: '80%',
-      data: this.config
-    });
-
-    dialogRef.afterClosed().subscribe(result => {
-      // save new settings
-      if (result) {
-        console.log(result);
-        this.unsubscribePath();//unsub now as we will change variables so wont know what was subbed before...
-        this.config = result;
-        this.WidgetManagerService.updateWidgetConfig(this.widgetUUID, this.config);
-        this.subscribePath();
-      }
-
-    });
-
-  }
-
-
-}
+import { Component, Input, OnInit, OnDestroy, Inject } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { MatDialog } from '@angular/material/dialog';
+
+import { SignalKService } from '../signalk.service';
+import { ModalWidgetComponent } from '../modal-widget/modal-widget.component';
+import { WidgetManagerService, IWidget, IWidgetConfig } from '../widget-manager.service';
+import { UnitsService } from '../units.service';
+
+
+
+const defaultConfig: IWidgetConfig = {
+  displayName: null,
+  filterSelfPaths: true,
+  paths: {
+    "gaugePath": {
+      description: "Numeric Data",
+      path: null,
+      source: null,
+      pathType: "number",
+      isPathConfigurable: true,
+      convertUnitTo: "unitless"
+    }
+  },
+  gaugeType: 'linear',
+  barGraph: false,    // if linear/radial, is it digital?
+  radialSize: 'full',
+  minValue: 0,
+  maxValue: 100,
+  rotateFace: false,
+  backgroundColor: 'carbon',
+  frameColor: 'anthracite'
+};
+
+
+@Component({
+  selector: 'app-widget-gauge',
+  templateUrl: './widget-gauge.component.html',
+  styleUrls: ['./widget-gauge.component.css']
+})
+export class WidgetGaugeComponent implements OnInit, OnDestroy {
+
+  @Input('widgetUUID') widgetUUID: string;
+  @Input('unlockStatus') unlockStatus: boolean;
+
+
+  activeWidget: IWidget;
+  config: IWidgetConfig;
+
+  dataValue: any = null;
+
+  valueSub: Subscription = null;
+
+  constructor(
+    public dialog:MatDialog,
+    private SignalKService: SignalKService,
+    private WidgetManagerService: WidgetManagerService,
+    private UnitsService: UnitsService) {
+  }
+
+  ngOnInit() {
+    this.activeWidget = this.WidgetManagerService.getWidget(this.widgetUUID);
+    if (this.activeWidget.config === null) {
+        // no data, let's set some!
+      this.WidgetManagerService.updateWidgetConfig(this.widgetUUID, defaultConfig);
+      this.config = defaultConfig; // load default config.
+    } else {
+      this.config = this.activeWidget.config;
+    }
+    this.subscribePath();
+
+  }
+
+  ngOnDestroy() {
+    this.unsubscribePath();
+  }
+
+
+  subscribePath() {
+    this.unsubscribePath();
+    if (typeof(this.config.paths['gaugePath'].path) != 'string') { return } // nothing to sub to...
+
+    this.valueSub = this.SignalKService.subscribePath(this.widgetUUID, this.config.paths['gaugePath'].path, this.config.paths['gaugePath'].source).subscribe(
+      newValue => {
+        this.dataValue = this.UnitsService.convertUnit(this.config.paths['gaugePath'].convertUnitTo, newValue.value);
+      }
+    );
+  }
+
+  unsubscribePath() {
+    if (this.valueSub !== null) {
+      this.valueSub.unsubscribe();
+      this.valueSub = null;
+      this.SignalKService.unsubscribePath(this.widgetUUID, this.config.paths['gaugePath'].path)
+    }
+  }
+
+  openWidgetSettings() {
+
+    let dialogRef = this.dialog.open(ModalWidgetComponent, {
+      width: '80%',
+      data: this.config
+    });
+
+    dialogRef.afterClosed().subscribe(result => {
+      // save new settings
+      if (result) {
+        console.log(result);
+        this.unsubscribePath();//unsub now as we will change variables so wont know what was subbed before...
+        this.config = result;
+        this.WidgetManagerService.updateWidgetConfig(this.widgetUUID, this.config);
+        this.subscribePath();
+      }
+
+    });
+
+  }
+
+
+}