@mxtommy/kip 1.2.3 → 1.3.0

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

@@ -1,134 +1,134 @@
-import { Component, Input, OnInit, OnDestroy, Inject } from '@angular/core';
-import { Subscription } from 'rxjs';
-
-import { MatDialog } from '@angular/material/dialog';
-
-import { ModalWidgetComponent } from '../modal-widget/modal-widget.component';
-import { SignalKService } from '../signalk.service';
-import { SignalkRequestsService, skRequest } from '../signalk-requests.service';
-import { WidgetManagerService, IWidget, IWidgetConfig } from '../widget-manager.service';
-
-
-const defaultConfig: IWidgetConfig = {
-  displayName: null,
-  filterSelfPaths: true,
-  paths: {
-    "statePath": {
-      description: "State Data",
-      path: null,
-      source: null,
-      pathType: "boolean",
-      isPathConfigurable: true,
-      convertUnitTo: "unitless"
-    }
-  },
-};
-
-@Component({
-  selector: 'app-widget-switch',
-  templateUrl: './widget-switch.component.html',
-  styleUrls: ['./widget-switch.component.css']
-})
-export class WidgetSwitchComponent implements OnInit, OnDestroy {
-
-  @Input('widgetUUID') widgetUUID: string;
-  @Input('unlockStatus') unlockStatus: boolean;
-
-  activeWidget: IWidget;
-  config: IWidgetConfig;
-
-  dataValue: number = null;
-  dataTimestamp: number = Date.now();
-  valueSub: Subscription = null;
-
-  skRequestSub: Subscription = null;
-
-  state: boolean = null;
-
-  constructor(
-    public dialog:MatDialog,
-    private SignalKService: SignalKService,
-    private SignalkRequestsService: SignalkRequestsService,
-    private WidgetManagerService: WidgetManagerService) {
-  }
-
-  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();
-    this.subscribeSKRequest();
-  }
-
-  ngOnDestroy() {
-    this.unsubscribePath();
-    this.unsubscribeSKRequest();
-  }
-
-  subscribePath() {
-    this.unsubscribePath();
-    if (typeof(this.config.paths['statePath'].path) != 'string') { return } // nothing to sub to...
-
-    this.valueSub = this.SignalKService.subscribePath(this.widgetUUID, this.config.paths['statePath'].path, this.config.paths['statePath'].source).subscribe(
-      newValue => {
-        this.state = newValue.value;
-      }
-    );
-  }
-
-  unsubscribePath() {
-    if (this.valueSub !== null) {
-      this.valueSub.unsubscribe();
-      this.valueSub = null;
-      this.SignalKService.unsubscribePath(this.widgetUUID, this.config.paths['statePath'].path);
-    }
-  }
-
-  subscribeSKRequest() {
-    this.skRequestSub = this.SignalkRequestsService.subscribeRequest().subscribe(requestResult => {
-      if (requestResult.widgetUUID == this.widgetUUID) {
-        if (requestResult.statusCode != 200){
-          let errMsg = requestResult.statusCode + " - " +requestResult.statusCodeDescription;
-          if (requestResult.message){
-            errMsg = errMsg + " Server Message: " + requestResult.message;
-          }
-          alert('[Widget Name: ' + errMsg);
-        } else {
-          console.log("AP Received: \n" + JSON.stringify(requestResult));
-        }
-      }
-    });
-  }
-
-  unsubscribeSKRequest() {
-    this.skRequestSub.unsubscribe();
-  }
-
-  sendDelta(value: boolean) {
-   this.SignalkRequestsService.putRequest(this.config.paths['statePath'].path, value, this.widgetUUID);
-  }
-
-  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 { ModalWidgetComponent } from '../modal-widget/modal-widget.component';
+import { SignalKService } from '../signalk.service';
+import { SignalkRequestsService, skRequest } from '../signalk-requests.service';
+import { WidgetManagerService, IWidget, IWidgetConfig } from '../widget-manager.service';
+
+
+const defaultConfig: IWidgetConfig = {
+  displayName: null,
+  filterSelfPaths: true,
+  paths: {
+    "statePath": {
+      description: "State Data",
+      path: null,
+      source: null,
+      pathType: "boolean",
+      isPathConfigurable: true,
+      convertUnitTo: "unitless"
+    }
+  },
+};
+
+@Component({
+  selector: 'app-widget-switch',
+  templateUrl: './widget-switch.component.html',
+  styleUrls: ['./widget-switch.component.css']
+})
+export class WidgetSwitchComponent implements OnInit, OnDestroy {
+
+  @Input('widgetUUID') widgetUUID: string;
+  @Input('unlockStatus') unlockStatus: boolean;
+
+  activeWidget: IWidget;
+  config: IWidgetConfig;
+
+  dataValue: number = null;
+  dataTimestamp: number = Date.now();
+  valueSub: Subscription = null;
+
+  skRequestSub: Subscription = null;
+
+  state: boolean = null;
+
+  constructor(
+    public dialog:MatDialog,
+    private SignalKService: SignalKService,
+    private SignalkRequestsService: SignalkRequestsService,
+    private WidgetManagerService: WidgetManagerService) {
+  }
+
+  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();
+    this.subscribeSKRequest();
+  }
+
+  ngOnDestroy() {
+    this.unsubscribePath();
+    this.unsubscribeSKRequest();
+  }
+
+  subscribePath() {
+    this.unsubscribePath();
+    if (typeof(this.config.paths['statePath'].path) != 'string') { return } // nothing to sub to...
+
+    this.valueSub = this.SignalKService.subscribePath(this.widgetUUID, this.config.paths['statePath'].path, this.config.paths['statePath'].source).subscribe(
+      newValue => {
+        this.state = newValue.value;
+      }
+    );
+  }
+
+  unsubscribePath() {
+    if (this.valueSub !== null) {
+      this.valueSub.unsubscribe();
+      this.valueSub = null;
+      this.SignalKService.unsubscribePath(this.widgetUUID, this.config.paths['statePath'].path);
+    }
+  }
+
+  subscribeSKRequest() {
+    this.skRequestSub = this.SignalkRequestsService.subscribeRequest().subscribe(requestResult => {
+      if (requestResult.widgetUUID == this.widgetUUID) {
+        if (requestResult.statusCode != 200){
+          let errMsg = requestResult.statusCode + " - " +requestResult.statusCodeDescription;
+          if (requestResult.message){
+            errMsg = errMsg + " Server Message: " + requestResult.message;
+          }
+          alert('[Widget Name: ' + errMsg);
+        } else {
+          console.log("AP Received: \n" + JSON.stringify(requestResult));
+        }
+      }
+    });
+  }
+
+  unsubscribeSKRequest() {
+    this.skRequestSub.unsubscribe();
+  }
+
+  sendDelta(value: boolean) {
+   this.SignalkRequestsService.putRequest(this.config.paths['statePath'].path, value, this.widgetUUID);
+  }
+
+  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();
+      }
+    });
+  }
+
+}

package/src/app/widget-text-generic/widget-text-generic.component.html

@@ -1,9 +1,9 @@
-<div #wrapperDiv class="textGenericWrapper">
-  <canvas id="canvasValue" #canvasEl></canvas>
-  <canvas id="cancasBG" #canvasBG></canvas>
-  <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 #wrapperDiv class="textGenericWrapper">
+  <canvas id="canvasValue" #canvasEl></canvas>
+  <canvas id="cancasBG" #canvasBG></canvas>
+  <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-text-generic/widget-text-generic.component.spec.ts

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

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

@@ -1,34 +1,34 @@
-<h1>
-  Welcome to KIP!
-</h1>
-
-<p>NOTES: For complete functionality, certain SignalK plugin should be installed on the server you are connecting to.</p>
-<ul>
-  <li>@signalk-alarm-silencer: To silence Notifications on the server. This enables Kip to instruct the SignalK server to silence said alarm for on all devices supporting SignalK Notifications, else Kip will be silenced.</li>
-  <li>@signalk/signalk-autopilot: required for the N2k Autopilot to function.<br/><b>Use the Kip N2k autopilot at your own risk. Use with caution and constant supervision.</b></li>
-</ul>
-
-<p>If you want to dive right in to see what KIP can do, you can use this button to load demo configuration:</p>
-<button mat-raised-button routerLink="/demo">Load Demo</button>
-
-<div *ngIf="!unlockStatus">
-  <h2>Unlocking</h2>
-  <p>
-    KIP is "Locked" by default. This is to prevent accidental interaction from touch screens from changing anything.
-    You can unlock KIP using the hamburger icon in the lower right corner and selecting "Configuration -> Edit Layout". Go Ahead try it now!
-  </p>
-</div>
-<div *ngIf="unlockStatus">
-  <h2>Configuring</h2>
-  <p>
-    Now that KIP is unlocked, you can do a few actions.
-  </p>
-  <ul>
-    <li>The icon in the lower right can be used to select the Widget you would like to display</li>
-    <li>The icon in the lower left can be used to "split" the existing area. You can use this to display multiple items on one page</li>
-    <li>The "X" in the upper right can be used to delete an area (basically undoing a split)</li>
-    <li>Once a widget is selected, there will be a gear in the lower middle. Clicking it will allow you to setup the widget parameters</li>
-  </ul>
-
-
-</div>
+<h1>
+  Welcome to KIP!
+</h1>
+
+<p>NOTES: For complete functionality, certain SignalK plugin should be installed on the server you are connecting to.</p>
+<ul>
+  <li>@signalk-alarm-silencer: To silence Notifications on the server. This enables Kip to instruct the SignalK server to silence said alarm for on all devices supporting SignalK Notifications, else Kip will be silenced.</li>
+  <li>@signalk/signalk-autopilot: required for the N2k Autopilot to function.<br/><b>Use the Kip N2k autopilot at your own risk. Use with caution and constant supervision.</b></li>
+</ul>
+
+<p>If you want to dive right in to see what KIP can do, you can use this button to load demo configuration:</p>
+<button mat-raised-button routerLink="/demo">Load Demo</button>
+
+<div *ngIf="!unlockStatus">
+  <h2>Unlocking</h2>
+  <p>
+    KIP is "Locked" by default. This is to prevent accidental interaction from touch screens from changing anything.
+    You can unlock KIP using the hamburger icon in the lower right corner and selecting "Configuration -> Edit Layout". Go Ahead try it now!
+  </p>
+</div>
+<div *ngIf="unlockStatus">
+  <h2>Configuring</h2>
+  <p>
+    Now that KIP is unlocked, you can do a few actions.
+  </p>
+  <ul>
+    <li>The icon in the lower right can be used to select the Widget you would like to display</li>
+    <li>The icon in the lower left can be used to "split" the existing area. You can use this to display multiple items on one page</li>
+    <li>The "X" in the upper right can be used to delete an area (basically undoing a split)</li>
+    <li>Once a widget is selected, there will be a gear in the lower middle. Clicking it will allow you to setup the widget parameters</li>
+  </ul>
+
+
+</div>

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

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

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

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

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

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

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

@@ -1,24 +1,24 @@
-.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-wind/widget-wind.component.html

@@ -1,20 +1,20 @@
-<div class="wrapper">
-        <app-svg-wind
-            [compassHeading]="currentHeading"
-            [trueWindAngle]="trueWindAngle"
-            [trueWindSpeed]="trueWindSpeed"
-            [appWindAngle]="appWindAngle"
-            [appWindSpeed]="appWindSpeed"
-            [laylineAngle]="config.laylineAngle"
-            [laylineEnable]="config.laylineEnable"
-            [windSectorEnable]="config.windSectorEnable"
-            [trueWindMinHistoric]="trueWindMinHistoric"
-            [trueWindMidHistoric]="trueWindMidHistoric"
-            [trueWindMaxHistoric]="trueWindMaxHistoric"
-        ></app-svg-wind>
-        <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">
+        <app-svg-wind
+            [compassHeading]="currentHeading"
+            [trueWindAngle]="trueWindAngle"
+            [trueWindSpeed]="trueWindSpeed"
+            [appWindAngle]="appWindAngle"
+            [appWindSpeed]="appWindSpeed"
+            [laylineAngle]="config.laylineAngle"
+            [laylineEnable]="config.laylineEnable"
+            [windSectorEnable]="config.windSectorEnable"
+            [trueWindMinHistoric]="trueWindMinHistoric"
+            [trueWindMidHistoric]="trueWindMidHistoric"
+            [trueWindMaxHistoric]="trueWindMaxHistoric"
+        ></app-svg-wind>
+        <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>