@mxtommy/kip 1.3.0 → 2.0.1

package/src/app/config.demo.const.ts

@@ -1,384 +0,0 @@
-import { IAppConfig, IThemeConfig, IWidgetConfig, ILayoutConfig, INotificationConfig } from './app-settings.service';
-
-
-// Demo Mode config settings file
-export const DemoAppConfig: IAppConfig = {
-  "configVersion": 6,
-  "kipUUID": newUuid(),
-  "signalKUrl": "http://demo.signalk.org",
-  "signalKToken": null,
-  "dataSets": [
-    {
-      "uuid": "afbe4e41-26f5-404f-a55d-9f7b9b76fbd1",
-      "path": "self.environment.wind.speedTrue",
-      "signalKSource": "default",
-      "updateTimer": 1,
-      "dataPoints": 15
-    }
-  ],
-  "unitDefaults": {
-    "Unitless": 'unitless',
-    "Speed": 'knots',
-    "Flow": 'l/h',
-    "Temperature": 'celsius',
-    "Length": 'm',
-    "Volume": 'liter',
-    "Current": 'A',
-    "Potential": 'V',
-    "Charge": 'C',
-    "Power": 'W',
-    "Energy": 'J',
-    "Pressure": 'mmHg',
-    "Density": 'kg/m3',
-    "Time": 'Hours',
-    "Angular Velocity": 'deg/min',
-    "Angle": 'deg',
-    "Frequency": 'Hz',
-    "Ratio": 'ratio'
-  },
-  "notificationConfig": {
-    "disableNotifications": false,
-    "menuGrouping": true,
-    "security": {
-      "disableSecurity": true,
-    },
-    "devices": {
-      "disableDevices": false,
-      "showNormalState": false,
-    },
-    "sound": {
-      "disableSound": false,
-      "muteNormal": false,
-      "muteWarning": false,
-      "muteAlert": false,
-      "muteAlarm": false,
-      "muteEmergency": false,
-    },
-  }
-}
-
-export const DemoThemeConfig: IThemeConfig = {
-  "themeName": "modern-dark"
-  }
-
-export const DemoWidgetConfig: IWidgetConfig = {
-  "widgets": [
-    {
-      "uuid": "7298b3be-232f-48bf-9b3d-3b445131a908",
-      "type": "WidgetNumeric",
-      "config": {
-        "paths": {
-          "numericPath": {
-            "description": "Numeric Data",
-            "path": "self.environment.depth.belowTransducer",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "m"
-          }
-        },
-        "displayName": "Depth",
-        "filterSelfPaths": true,
-        "showMin": false,
-        "showMax": false,
-        "numDecimal": 1,
-        "numInt": 1
-      }
-    },
-    {
-      "uuid": "7298b3be-232f-48bf-9b3d-3b433131a908",
-      "type": "WidgetWindComponent",
-      "config": {
-        "paths": {
-          "headingPath": {
-            "description": "Heading",
-            "path": "self.navigation.courseOverGroundTrue",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "deg"
-          },
-          "trueWindAngle": {
-            "description": "True Wind Angle",
-            "path": "self.environment.wind.angleTrueWater",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "deg"
-          },
-          "trueWindSpeed": {
-            "description": "True Wind Speed",
-            "path": "self.environment.wind.speedTrue",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "knots"
-          },
-          "appWindAngle": {
-            "description": "Apparent Wind Angle",
-            "path": "self.environment.wind.angleApparent",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "deg"
-          },
-          "appWindSpeed": {
-            "description": "Apparent Wind Speed",
-            "path": "self.environment.wind.speedApparent",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "knots"
-          }
-        },
-        "filterSelfPaths": true,
-        "windSectorEnable": true,
-        "windSectorWindowSeconds": 10,
-        "laylineEnable": true,
-        "laylineAngle": 35
-      }
-    },
-    {
-      "uuid": "912b86e4-e068-49e9-9f75-a2292d772578",
-      "type": "WidgetGaugeNgRadialComponent",
-      "config": {
-        "displayName": "SOG",
-        "filterSelfPaths": true,
-        "paths": {
-          "gaugePath": {
-            "description": "Numeric Data",
-            "path": "self.navigation.speedOverGround",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "knots"
-          }
-        },
-        "gaugeType": "ngRadial",
-        "gaugeTicks": false,
-        "radialSize": "measuring",
-        "minValue": 0,
-        "maxValue": 10,
-        "numInt": 1,
-        "numDecimal": 1,
-        "barColor": "accent"
-      }
-    },
-    {
-      "uuid": "85525ebc-c40c-41e6-8379-05d573a331e1",
-      "type": "WidgetGaugeNgLinearComponent",
-      "config": {
-        "displayName": "Apparent Wind Speed",
-        "filterSelfPaths": true,
-        "paths": {
-          "gaugePath": {
-            "description": "Numeric Data",
-            "path": "self.environment.wind.speedApparent",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "knots"
-          }
-        },
-        "gaugeType": "ngLinearHorizontal",
-        "gaugeTicks": true,
-        "minValue": 0,
-        "maxValue": 30,
-        "numInt": 1,
-        "numDecimal": 1,
-        "barColor": "accent"
-      }
-    },
-    {
-      "uuid": "a49a59c6-b83d-40e0-b759-9d153da69105",
-      "type": "WidgetNumeric",
-      "config": {
-        "paths": {
-          "numericPath": {
-            "description": "Numeric Data",
-            "path": "self.navigation.speedThroughWater",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "knots"
-          }
-        },
-        "displayName": "Speed",
-        "filterSelfPaths": true,
-        "showMin": true,
-        "showMax": true,
-        "numDecimal": 1,
-        "numInt": 1
-      }
-    },
-    {
-      "uuid": "62fa8155-10fd-49cb-a495-cee6e9491b8a",
-      "type": "WidgetNumeric",
-      "config": {
-        "paths": {
-          "numericPath": {
-            "description": "Numeric Data",
-            "path": "self.performance.velocityMadeGood",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "knots"
-          }
-        },
-        "displayName": "VMG",
-        "filterSelfPaths": true,
-        "showMin": true,
-        "showMax": true,
-        "numDecimal": 1,
-        "numInt": 1
-      }
-    },
-    {
-      "uuid": "42de0119-481c-4466-8b50-1407533ac2aa",
-      "type": "WidgetHistorical",
-      "config": {
-        "convertUnitTo": "knots",
-        "displayName": "WindSpeed True",
-        "filterSelfPaths": true,
-        "dataSetUUID": "afbe4e41-26f5-404f-a55d-9f7b9b76fbd1",
-        "invertData": false,
-        "displayMinMax": false,
-        "includeZero": true,
-        "minValue": null,
-        "maxValue": null,
-        "verticalGraph": false
-      }
-    },
-    {
-      "uuid": "66eb9453-73a2-4f69-9fc6-ececd3f96ce6",
-      "type": "WidgetGaugeNgRadialComponent",
-      "config": {
-        "displayName": "COG (True)",
-        "filterSelfPaths": true,
-        "paths": {
-          "gaugePath": {
-            "description": "Numeric Data",
-            "path": "self.navigation.courseOverGroundTrue",
-            "source": "default",
-            "pathType": "number",
-            "isPathConfigurable": true,
-            "convertUnitTo": "deg"
-          }
-        },
-        "gaugeType": "ngRadial",
-        "gaugeTicks": false,
-        "radialSize": "baseplateCompass",
-        "minValue": 0,
-        "maxValue": 360,
-        "numInt": 1,
-        "numDecimal": 0,
-        "barColor": "accent"
-      }
-    }
-  ]
-}
-
-export const DemoLayoutConfig: ILayoutConfig = {
-  "splitSets": [
-    {
-      "uuid": "isplitsx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",
-      "direction": "horizontal",
-      "splitAreas": [
-        {
-          "uuid": "d107e54d-2db5-4abf-aba7-b96ce19f5abd",
-          "type": "splitSet",
-          "size": 30.079353380503136
-        },
-        {
-          "uuid": "9249373f-7aa4-4673-8004-3e4e900e0b3d",
-          "type": "splitSet",
-          "size": 38.1436713836478
-        },
-        {
-          "uuid": "d5be7f74-28c0-484c-a0cd-e623eb5db837",
-          "type": "splitSet",
-          "size": 31.776975235849058
-        }
-      ]
-    },
-    {
-      "uuid": "9249373f-7aa4-4673-8004-3e4e900e0b3d",
-      "parentUUID": "isplitsx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",
-      "direction": "vertical",
-      "splitAreas": [
-        {
-          "uuid": "7298b3be-232f-48bf-9b3d-3b433131a908",
-          "type": "widget",
-          "size": 71.69133771929825
-        },
-        {
-          "uuid": "85525ebc-c40c-41e6-8379-05d573a331e1",
-          "type": "widget",
-          "size": 28.308662280701753
-        }
-      ]
-    },
-    {
-      "uuid": "d107e54d-2db5-4abf-aba7-b96ce19f5abd",
-      "parentUUID": "isplitsx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",
-      "direction": "vertical",
-      "splitAreas": [
-        {
-          "uuid": "7298b3be-232f-48bf-9b3d-3b445131a908",
-          "type": "widget",
-          "size": 33.13526570048309
-        },
-        {
-          "uuid": "a49a59c6-b83d-40e0-b759-9d153da69105",
-          "type": "widget",
-          "size": 33.432367149758456
-        },
-        {
-          "uuid": "62fa8155-10fd-49cb-a495-cee6e9491b8a",
-          "type": "widget",
-          "size": 33.432367149758456
-        }
-      ]
-    },
-    {
-      "uuid": "d5be7f74-28c0-484c-a0cd-e623eb5db837",
-      "parentUUID": "isplitsx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",
-      "direction": "vertical",
-      "splitAreas": [
-        {
-          "uuid": "912b86e4-e068-49e9-9f75-a2292d772578",
-          "type": "widget",
-          "size": 25
-        },
-        {
-          "uuid": "42de0119-481c-4466-8b50-1407533ac2aa",
-          "type": "widget",
-          "size": 25
-        }
-      ]
-    },
-    {
-      "uuid": "d735c561-d413-4f7e-93d9-2c494e16184e",
-      "direction": "horizontal",
-      "splitAreas": [
-        {
-          "uuid": "66eb9453-73a2-4f69-9fc6-ececd3f96ce6",
-          "type": "widget",
-          "size": 100
-        }
-      ]
-    }
-  ],
-  "rootSplits": [
-    "isplitsx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",
-    "d735c561-d413-4f7e-93d9-2c494e16184e"
-  ]
-}
-
-
-function newUuid() {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
-      return v.toString(16);
-  });
-}

package/src/app/data-browser/data-browser.component.css

@@ -1,29 +0,0 @@
-.full-display {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  z-index: 500;
-}
-.full-width {
-  width: 100%;
-}
-.full-height {
-  height: 100%;
-}
-.mat-column-path {
-  flex: 0 0 50%;
-  width: 50%;
-}
-.mat-table {
-  overflow: auto;
-  max-height: 270px;
-}
-
-.table-container{
-  max-height: 70vh;
-  overflow: auto;
-}
-.paginator{
-  width: 100%;
-  position: sticky;
-}

package/src/app/data-browser/data-browser.component.html

@@ -1,44 +0,0 @@
-<div class="full-display"  (window:resize)="onResize($event)">
-  <mat-form-field>
-    <mat-label>Filter</mat-label>
-    <input matInput (keyup)="applyFilter($event)" placeholder="Ex: navigation" value="self." #input>
-  </mat-form-field>
-  
-  
-  <div class="mat-elevation-z8 full-width table-container">
-    <table mat-table class="full-display" [dataSource]="tableData" [trackBy]="trackByPath" matSort matSortActive="path" matSortDirection="asc">
-  
-      <!-- Path Column -->
-      <ng-container matColumnDef="path">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> Path </th>
-        <td mat-cell *matCellDef="let element"> {{element.path}} </td>
-      </ng-container>
-    
-      <!-- Source/value Column -->
-      <ng-container matColumnDef="defaultSource">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> Source / Value</th>
-        <td mat-cell *matCellDef="let element">
-        <table width="100%">
-          <tr width="100%" *ngFor="let item of element.sources |keyvalue; trackBy: trackBySource">
-            <data-browser-row width="100%" [path]="element.path" [source]="item.key" [pathValue]="item.value.value"></data-browser-row>
-          </tr>
-        </table> 
-        </td>
-     </ng-container>
-    
-  
-  
-      <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
-      <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-    
-      <!-- Row shown when there is no matching data. -->
-      <tr class="mat-row" *matNoDataRow>
-        <td class="mat-cell" colspan="4">No data matching the filter "{{input.value}}"</td>
-      </tr>
-    </table>
-  </div>
-  <div class="paginator">
-    <mat-paginator [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator>
-  </div>
-</div>
-

package/src/app/data-browser/data-browser.component.spec.ts

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

package/src/app/data-browser/data-browser.component.ts

@@ -1,91 +0,0 @@
-import { Component, OnInit, AfterViewInit, ViewChild,ElementRef,ChangeDetectorRef} from '@angular/core';
-import { Subscription, Observable, ReplaySubject } from 'rxjs';
-import { MatTableDataSource } from '@angular/material/table';
-import { MatPaginator } from '@angular/material/paginator';
-import { MatSort } from '@angular/material/sort';
-
-import { AppSettingsService } from '../app-settings.service';
-import { SignalKService } from '../signalk.service';
-import { IPathObject, IPathAndMetaObjects } from "../signalk-interfaces";
-
-
-@Component({
-  selector: 'data-browser',
-  templateUrl: './data-browser.component.html',
-  styleUrls: ['./data-browser.component.css']
-})
-export class DataBrowserComponent implements OnInit, AfterViewInit {
-
-  @ViewChild(MatPaginator) paginator: MatPaginator;
-  @ViewChild(MatSort) sort: MatSort;
-
-  pathsSub: Subscription;
-  pageSize = 10;
-
-
-  tableData = new MatTableDataSource([]);
-
-  displayedColumns: string[] = ['path', 'defaultSource'];
-  
-  constructor(
-    private appSettingsService: AppSettingsService,
-    private SignalKService: SignalKService,
-    private el:ElementRef,
-    private cdRef: ChangeDetectorRef,
-  ) { 
-    
-  }
-
-  onResize(event) {
-    this.setNumPerPage(event.target.innerHeight);
-  }
-
-  ngOnInit() {
-    setTimeout(()=>{
-      this.pathsSub = this.SignalKService.getPathsObservable().subscribe(paths => {
-        this.tableData.data = paths
-      })},0); // settimeout to make it async otherwise delays page load
-    
-  }
-
-  ngAfterViewInit() {
-    this.tableData.paginator = this.paginator;
-    this.tableData.sort = this.sort;
-    this.tableData.filter = "self.";
-    this.setNumPerPage(window.innerHeight);
-    this.cdRef.detectChanges();
-  }
-
-  applyFilter(event: Event) {
-    const filterValue = (event.target as HTMLInputElement).value;
-    this.tableData.filter = filterValue.trim().toLowerCase();
-
-    if (this.tableData.paginator) {
-      this.tableData.paginator.firstPage();
-    }
-  }
-  
-  trackByPath(index: number, item: IPathObject): string {
-    return `${item.path}`;
-  }
-
-  trackBySource(index: number, item): string {
-    return `${item.key}`;
-  }
-
-
-  setNumPerPage(heightPx: number){
-    if (heightPx > 750 && heightPx < 900) {
-      this.pageSize = 10;
-    }
-    else if (heightPx > 900) {
-      this.pageSize = 15;
-    } else {
-      this.pageSize = 5;
-    }
-  }
-
-
-  
-
-}

package/src/app/data-browser-row/data-browser-row-unit-modal.html

@@ -1,17 +0,0 @@
-<div mat-dialog-content>
-  <p>Select Unit type</p>
-  <mat-form-field appearance="fill" color="accent">
-    <mat-label>Unit</mat-label>
-    <mat-select [(value)]="data.selectedUnit">
-      <mat-optgroup *ngFor="let unitgroup of data.units.conversions" [label]="unitgroup.group">
-        <mat-option *ngFor="let unit of unitgroup.units" [value]="unit.measure">
-          {{unit.measure}}
-        </mat-option>
-      </mat-optgroup>
-    </mat-select>
-  </mat-form-field>
-</div>
-<div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancel</button>
-  <button mat-button [mat-dialog-close]="data.selectedUnit" cdkFocusInitial>Ok</button>
-</div>

package/src/app/data-browser-row/data-browser-row.component.css

@@ -1,10 +0,0 @@
-.small-button {
-  width: 20px;
-  height: 20px;
-  line-height: 20px;
-  min-height: 20px;
-  vertical-align: top;
-  font-size: 14px;
-  padding: 0 0;
-  margin: 0;
-}

package/src/app/data-browser-row/data-browser-row.component.html

@@ -1,5 +0,0 @@
-<td width="50%">{{ source }}</td>
-<td width="50%">{{ convertValue(pathValue) }}</td>
-<td>
-<button mat-raised-button class="small-button" color="accent" (click)="openDialog()">{{selectedUnit}}</button>
-</td>

package/src/app/data-browser-row/data-browser-row.component.ts

@@ -1,79 +0,0 @@
-import { Component, Input, OnInit, ViewEncapsulation, Inject } from '@angular/core';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-
-import { SignalKService } from '../signalk.service';
-import { UnitsService } from '../units.service';
-
-
-@Component({
-  selector: 'data-browser-row',
-  templateUrl: './data-browser-row.component.html',
-  styleUrls: ['./data-browser-row.component.css'],
-  encapsulation: ViewEncapsulation.None,
-})
-export class DataBrowserRowComponent implements OnInit {
-
-  @Input('path') path: string;
-  @Input('source') source: string;
-  @Input('pathValue') pathValue: any;
-
-  units = null;
-  selectedUnit: string = "unitless"
-
-  constructor(
-    private signalKService: SignalKService,
-    private unitsService: UnitsService,
-    public dialog: MatDialog
-  ) { 
-
-  }
-
-  ngOnInit() {
-    this.units = this.signalKService.getConversionsForPath(this.path);
-    this.selectedUnit = this.units.default;
-  }
-
-  convertValue(value: any) {
-    if (typeof(value) != "number") {
-      return value; //is a string or bool or ??
-    }
-    let converted = this.unitsService.convertUnit(this.selectedUnit, value);
-
-    return converted;
-  }
-
-  openDialog(): void {
-    const dialogRef = this.dialog.open(DialogUnitSelect, {
-      width: '250px',
-      data: {selectedUnit: this.selectedUnit, units: this.units}
-    });
-
-    dialogRef.afterClosed().subscribe(result => {
-      if (result) {
-        this.selectedUnit = result;
-      }
-    });
-  }
-}
-
-
-
-@Component({
-  selector: 'dialog-unit-selector',
-  templateUrl: 'data-browser-row-unit-modal.html',
-})
-export class DialogUnitSelect {
-
-  selectedUnit = null;
-
-  constructor(
-    public dialogRef: MatDialogRef<DialogUnitSelect>,
-    @Inject(MAT_DIALOG_DATA) public data) {
-    }
-
-
-  onNoClick(): void {
-    this.dialogRef.close();
-  }
-
-}