@mxtommy/kip 1.3.0 → 2.0.0

package/src/app/units.service.ts

@@ -1,300 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as Qty from 'js-quantities';
-
-import { AppSettingsService } from './app-settings.service';
-import { Subscription } from 'rxjs';
-
-/**
- *  Group of Kip units array
- */
-export interface IUnitGroup {
-  group: string;
-  units: IUnit[];
-}[]
-
-/**
- * Individual Kip units system measures definition
- */
-export interface IUnit {
-  measure: string;
-  description: string;
-}
-
-/**
- * Interface for defaults Units per unit Groups to be applied
- */
-export interface IUnitDefaults {
-  [key: string]: string;
-}
-
-@Injectable()
-
-export class UnitsService {
-
-
-
-  defaultUnits: IUnitDefaults;
-  defaultUnitsSub: Subscription;
-
-  /**
-   * Definition of available Kip units to be used for conversion.
-   * Measure property has to match one Unit Conversion Function for proper operation.
-   * Description is human readable property.
-   */
-  conversionList: IUnitGroup[] = [
-    { group: 'Unitless', units: [
-      { measure: 'unitless', description: "As-Is numeric value" }
-    ] },
-    { group: 'Speed', units: [
-      { measure: 'knots', description: "Knots - Nautical miles per hour"},
-      { measure: 'kph', description: "kph - Kilometers per hour"},
-      { measure: 'mph', description: "mph - Miles per hour"},
-      { measure: 'm/s', description: "m/s - Meters per second (default)"}
-    ] },
-    { group: 'Flow', units: [
-      { measure: 'm3/s', description: "Cubic meters per second (default)"},
-      { measure: 'l/min', description: "Litters per minute"},
-      { measure: 'l/h', description: "Litters per hour"},
-      { measure: 'g/min', description: "Gallons per minute"},
-      { measure: 'g/h', description: "Gallons per hour"}
-    ] },
-    { group: 'Temperature', units: [
-      { measure: 'K', description: "Kelvin (default)"},
-      { measure: 'celsius', description: "Celsius"},
-      { measure: 'fahrenheit', description: "Fahrenheit"}
-     ] },
-    { group: 'Length', units: [
-      { measure: 'm', description: "Metres (default)"},
-      { measure: 'fathom', description: "Fathoms"},
-      { measure: 'feet', description: "Feets"},
-      { measure: 'km', description: "Kilometers"},
-      { measure: 'nm', description: "Nautical Miles"},
-      { measure: 'mi', description: "Miles"},
-    ] },
-    { group: 'Volume', units: [
-      { measure: 'liter', description: "Liters (default)"},
-      { measure: 'm3', description: "Cubic Meters"},
-      { measure: 'gallon', description: "Gallons"},
-     ] },
-    { group: 'Current', units: [
-      { measure: 'A', description: "Amperes"},
-      { measure: 'mA', description: "Milliamperes"} 
-    ] },
-    { group: 'Potential', units: [ 
-      { measure: 'V', description: "Volts"},
-      { measure: 'mV', description: "Millivolts"} 
-    ] },
-    { group: 'Charge', units: [ { measure: 'C', description: "Current"} ] },
-    { group: 'Power', units: [ 
-      { measure: 'W', description: "Watts"},
-      { measure: 'mW', description: "Milliwatts"},
-    ] },
-    { group: 'Energy', units: [ { measure: 'J', description: "Joules"} ] },
-    { group: 'Pressure', units: [
-      { measure: 'Pa', description: "Pascal (default)" },
-      { measure: 'bar', description: "Bars" },
-      { measure: 'psi', description: "psi" },
-      { measure: 'mmHg', description: "mmHg" },
-      { measure: 'inHg', description: "inHg" },
-      { measure: 'hPa', description: "hPa" },
-      { measure: 'mbar', description: "mbar" },
-    ] },
-    { group: 'Density', units: [ { measure: 'kg/m3', description: "Air density - kg/cubic meter"} ] },
-    { group: 'Time', units: [
-      { measure: 's', description: "Seconds (default)" },
-      { measure: 'Minutes', description: "Minutes" },
-      { measure: 'Hours', description: "Hours" },
-      { measure: 'Days', description: "Days" },
-      { measure: 'HH:MM:SS', description: "Hours:Minute:seconds"}
-    ] },
-    { group: 'Angular Velocity', units: [
-      { measure: 'rad/s', description: "Radians per second" },
-      { measure: 'deg/s', description: "Degrees per second" },
-      { measure: 'deg/min', description: "Degrees per minute" },
-    ] },
-    { group: 'Angle', units: [
-      { measure: 'rad', description: "Radians" },
-      { measure: 'deg', description: "Degrees" },
-      { measure: 'grad', description: "Gradians" },
-    ] },
-    { group: 'Frequency', units: [
-      { measure: 'rpm', description: "RPM - Rotations per minute" },
-      { measure: 'Hz', description: "Hz - Hertz (default)" },
-      { measure: 'KHz', description: "KHz - KiloHertz" },
-      { measure: 'MHz', description: "MHz - MegaHertz" },
-      { measure: 'GHz', description: "GHz - GigaHertz" },
-    ] },
-    { group: 'Ratio', units: [ 
-      { measure: 'percent', description: "% - Percentage value (value multiplied by 100)" },
-      { measure: 'percentraw', description: "% - Percentage value (value unchanged)" },
-      { measure: 'ratio', description: "Ratio 0-1 (value multiplied by 100)" }
-    ] },
-    { group: 'Position', units: [
-      { measure: 'latitudeMin', description: "Latitude in minutes" },
-      { measure: 'latitudeSec', description: "Latitude in seconds" },
-      { measure: 'longitudeMin', description: "Longitude in minutes" },
-      { measure: 'longitudeSec', description: "Longitude in seconds" },
-    ] },
-  ];
-
-
-  constructor(  private AppSettingsService: AppSettingsService,
-    ) {
-      this.defaultUnitsSub = this.AppSettingsService.getDefaultUnitsAsO().subscribe(
-        newDefaults => {
-          this.defaultUnits = newDefaults;
-        }
-      );
-//    console.log(Qty.getKinds());
-//    console.log(Qty.getUnits());
-//    console.log(Qty.getAliases('naut-mile'));
-//build list for others.
-/* Object.keys(this.conversions).forEach(group => {
-this.conversionList[group] = [];
-Object.keys(this.conversions[group]).forEach(unit => {
-this.conversionList[group].push(unit);
-});
-}); */
-  }
-
-
-  unitConversionFunctions = {
-    'unitless': function(v) { return v; },
-//  speed
-    'knots': Qty.swiftConverter("m/s", "kn"),
-    'kph': Qty.swiftConverter("m/s", "kph"),
-    'm/s': function(v) { return v; },
-    'mph': Qty.swiftConverter("m/s", "mph"),
-// volume
-    "liter": Qty.swiftConverter('m^3', 'liter'),
-    "gallon": Qty.swiftConverter('m^3', 'gallon'),
-    "m3": function(v) { return v; },
-//  flow
-    'm3/s': function(v) { return v; },
-    'l/min': Qty.swiftConverter("m^3/s", "liter/minute"),
-    'l/h': Qty.swiftConverter("m^3/s", "liter/hour"),
-    'g/min': Qty.swiftConverter("m^3/s", "gallon/minute"),
-    'g/h': Qty.swiftConverter("m^3/s", "gallon/hour"),
-//  temp
-    "K": function(v) { return v; },
-    "celsius": Qty.swiftConverter("tempK", "tempC"),
-    "fahrenheit": Qty.swiftConverter("tempK", "tempF"),
-//  length
-    "m": function(v) { return v; },
-    "fathom": Qty.swiftConverter('m', 'fathom'),
-    "feet": Qty.swiftConverter('m', 'foot'),
-    "km": Qty.swiftConverter('m', 'km'),
-    "nm": Qty.swiftConverter('m', 'nmi'),
-    "mi": Qty.swiftConverter('m', 'mi'),
-//  Potential
-    "V": function(v) { return v; },
-    "mV": function(v) { return v*1000; },
-//  Current
-    "A": function(v) { return v; },
-    "mA": function(v) { return v*1000; },
-// charge
-    "C": function(v) { return v; },
-// Power
-    "W": function(v) { return v; },
-    "mW": function(v) { return v*1000; },
-// Energy
-    "J": function(v) { return v; },
-//  pressure
-    "Pa": function(v) { return v; },
-    "bar": Qty.swiftConverter('Pa', 'bar'),
-    "psi": Qty.swiftConverter('Pa', 'psi'),
-    "mmHg": Qty.swiftConverter('Pa', 'mmHg'),
-    "inHg": Qty.swiftConverter('Pa', 'inHg'),
-    "hPa": Qty.swiftConverter('Pa', 'hPa'),
-    "mbar": Qty.swiftConverter('Pa', 'millibar'),
-// Density - Description: Current outside air density
-    "kg/m3": function(v) { return v; },
-//  Time
-    "s": function(v) { return v; },
-    "Minutes": Qty.swiftConverter('s', 'minutes'),
-    "Hours": Qty.swiftConverter('s', 'hours'),
-    "Days": Qty.swiftConverter('s', 'days'),
-    "HH:MM:SS": function(v) {
-      v = parseInt(v, 10);
-      if (v < 0) { v = v *-1} // always positive
-
-      var h = Math.floor(v / 3600);
-      var m = Math.floor(v % 3600 / 60);
-      var s = Math.floor(v % 3600 % 60);
-      return ('0' + h).slice(-2) + ":" + ('0' + m).slice(-2) + ":" + ('0' + s).slice(-2);
-    },
-//  angularVelocity
-    "rad/s": function(v) { return v; },
-    "deg/s": Qty.swiftConverter('rad/s', 'deg/s'),
-    "deg/min": Qty.swiftConverter('rad/s', 'deg/min'),
-//  frequency
-    "rpm": function(v) { return v*60; },
-    "Hz": function(v) { return v; },
-    "KHz": function(v) { return v/1000; },
-    "MHz": function(v) { return v/1000000; },
-    "GHz": function(v) { return v/1000000000; },
-//  angle
-    "rad": function(v) { return v; },
-    "deg": Qty.swiftConverter('rad', 'deg'),
-    "grad": Qty.swiftConverter('rad', 'grad'),
-//   ratio
-    'percent': function(v) { return (v * 100) + '%' },
-    'percentraw': function(v) { return v + '%' },
-    'ratio': function(v) { return v * 100 },
-// lat/lon
-    'latitudeMin': function(v) {
-        v = Qty(v, 'rad').to('deg').scalar ;
-        let degree = Math.trunc(v);
-        let s = 'N';
-        if (v < 0) { s = 'S'; degree = degree * -1 }
-        let r = (v % 1) * 60; // decimal part of input, * 60 to get minutes
-        return degree + '° ' + r.toFixed(2).padStart(5, '0') + '\' ' + s;
-      },
-    'latitudeSec': function(v) {
-      v = Qty(v, 'rad').to('deg').scalar ;
-      let degree = Math.trunc(v);
-      let s = 'N';
-      if (v < 0) { s = 'S'; degree = degree * -1 }
-      let r = (v % 1) * 60; // decimal part of input, * 60 to get minutes
-      let minutes = Math.trunc(r);
-      let seconds = (r % 1) * 60;
-
-      return degree + '° ' + minutes + '\' ' + seconds.toFixed(2).padStart(5, '0') + '" ' + s;
-    },
-    'longitudeMin': function(v) {
-      v = Qty(v, 'rad').to('deg').scalar ;
-      let degree = Math.trunc(v);
-      let s = 'E';
-      if (v < 0) { s = 'W'; degree = degree * -1 }
-      let r = (v % 1) * 60; // decimal part of input, * 60 to get minutes
-      return degree + '° ' + r.toFixed(2).padStart(5, '0') + '\' ' + s;
-    },
-    'longitudeSec': function(v) {
-      v = Qty(v, 'rad').to('deg').scalar ;
-      let degree = Math.trunc(v);
-      let s = 'E';
-      if (v < 0) { s = 'W'; degree = degree * -1 }
-      let r = (v % 1) * 60; // decimal part of input, * 60 to get minutes
-      let minutes = Math.trunc(r);
-      let seconds = (r % 1) * 60;
-
-      return degree + '° ' + minutes + '\' ' + seconds.toFixed(2).padStart(5, '0') + '" ' + s;
-    },
-  }
-
-
-
-  convertUnit(unit: string, value: number): number {
-    if (!(unit in this.unitConversionFunctions)) { return null; }
-    if (value === null) { return null; }
-    return this.unitConversionFunctions[unit](value);
-  }
-
-  getDefaults(): IUnitDefaults {
-    return this.defaultUnits;
-  }
-  getConversions(): IUnitGroup[] {
-    return this.conversionList;
-  }
-
-}

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

@@ -1,78 +0,0 @@
-<div id="{{widgetUUID}}" #autopilot class="autopilotWidget">
-  <div class="headerAutopilot">
-    <div class="apTitle">
-      <span>N2K Autopilot</span>
-    </div>
-    <div class="apPower">
-      <button mat-flat-button color="primary" class="powerBtn" id="powerBtn" #powerBtn disabled="false" (click)="powerBtnClick($event)">
-        <i class="fa-solid fa-power-off" aria-hidden="true"></i>
-      </button>
-    </div>
-  </div>
-    <app-svg-autopilot #appSvgAutopilot
-        [compassHeading]="currentHeading"
-        [appWindAngle]="currentAppWindAngle"
-        [rudderAngle]="currentRudder"
-        [apState]="currentAPState"
-        [apTargetAppWindAngle]="currentAPTargetAppWind"
-        [isApConnected]="isApConnected"
-    ></app-svg-autopilot>
-  <div class="autopilotGridBtnContainer">
-    <div class="itemStbTack">
-      <button type="button" mat-flat-button color="accent" class="autoPilotBtn" id="stbTackBtn" #stbTackBtn disabled="true" (click)="buildAndSendCommand('tackToStarboard')">Std Tack</button>
-    </div>
-    <div class="itemPlus1">
-      <button type="button" mat-flat-button color="accent" class="autoPilotBtn" id="plus1Btn" #plus1Btn disabled="true" (click)="buildAndSendCommand('+1')">+1°</button>
-    </div>
-    <div class="itemMinus1">
-      <button type="button" mat-flat-button color="accent" class="autoPilotBtn" id="minus1Btn" #minus1Btn disabled="true" (click)="buildAndSendCommand('-1')">-1°</button>
-    </div>
-    <div class="itemPrtTack">
-      <button type="button" mat-flat-button color="accent" class="autoPilotBtn" id="prtTackBtn" #prtTackBtn disabled="true" (click)="buildAndSendCommand('tackToPort')">Prt Tack</button>
-    </div>
-    <div class="itemStandby">
-      <button type="button" mat-flat-button color="warn" class="autoPilotBtn" id="standbyBtn" #standbyBtn disabled="true" (click)="buildAndSendCommand('standby')">Standby</button>
-    </div>
-    <div class="itemPlus10">
-      <button type="button" mat-flat-button color="accent" class="autoPilotBtn" id="plus10Btn" #plus10Btn disabled="true" (click)="buildAndSendCommand('+10')">+10°</button>
-    </div>
-    <div class="itemMinus10">
-      <button type="button" mat-flat-button color="accent" class="autoPilotBtn" id="minus10Btn" #minus10Btn disabled="true" (click)="buildAndSendCommand('-10')">-10°</button>
-    </div>
-    <div class="itemAuto">
-      <button type="button" mat-flat-button color="warn" class="autoPilotBtn" id="autoBtn" #autoBtn disabled="true" (click)="buildAndSendCommand('auto')">Auto</button>
-    </div>
-    <div class="itemWindmode">
-      <button type="button" mat-flat-button color="warn" class="autoPilotBtn" id="windModeBtn" #windModeBtn disabled="true" (click)="buildAndSendCommand('wind')">Wind</button>
-    </div>
-    <div class="itemTrackmode">
-      <button type="button" mat-flat-button color="primary" class="autoPilotBtn" id="trackModeBtn" #trackModeBtn disabled="true" (click)="buildAndSendCommand('route')">Route</button>
-    </div>
-    <div class="itemMute">
-      <button type="button" mat-mini-fab color="primary" class="autoPilotBtnCtrl" id="muteBtn" #muteBtn disabled="true" (click)="sendSilence()">
-        <i *ngIf="alarmsCount" class="fa-solid fa-bell-slash" aria-hidden="true"></i>
-        <i *ngIf="!alarmsCount" class="fa-solid fa-bell" aria-hidden="true"></i>
-      </button>
-    </div>
-    <div class="itemMessage">
-      <button type="button" mat-mini-fab color="primary" class="autoPilotBtnCtrl" id="messageBtn" #messageBtn disabled="true" (click)="notificationScroll()">
-        <span class="fa-solid fa-envelope" aria-hidden="true"></span>
-        <span *ngIf="alarmsCount" matBadge="{{alarmsCount}}" matBadgeColor="warn" matBadgeSize="medium" matBadgeHidden="false" matBadgeOverlap="false"></span>
-      </button>
-    </div>
-  </div>
-  <div class="settingsButton" *ngIf="unlockStatus">
-    <button type="button"  color="accent" mat-mini-fab class="selector-fab" (click)="openWidgetSettings()">
-        <span class="fa-solid fa-cog"></span>
-    </button>
-  </div>
-  <div #primary class='primary' style="display: none;"></div>
-  <div #accent class='accent' style="display: none;"></div>
-  <div #warn class='warn' style="display: none;"></div>
-  <div #primaryDark class='primaryDark' style="display: none;"></div>
-  <div #accentDark class='accentDark' style="display: none;"></div>
-  <div #warnDark class='warnDark' style="display: none;"></div>
-  <div #background class='background' style="display: none;"></div>
-  <div #text class='text' style="display: none;"></div>
-</div>
-

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

@@ -1,191 +0,0 @@
-@use '~@angular/material' as mat;
-
-
-@mixin widget-autopilot-theme($theme) {
-
-  $primary: map-get($theme, primary);
-  $warn: map-get($theme, warn);
-  $background: map-get($theme, background);
-  $foreground: map-get($theme, foreground);
-  $wind: map-get($theme, wind);
-
-  DIV.apScreen {
-    display: block;
-    position: relative;
-    width: 360px;
-    height: calc(202px + 18.5px); // add status bar
-    margin: auto;
-    text-align: center;
-    border-radius: 5px;
-    border: 1px solid mat.get-color-from-palette($foreground, divider);
-    // box-shadow: inset 0px 2px 1px -1px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.14), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-    background-color: mat.get-color-from-palette($foreground, dividers);
-  }
-
-  .apScreen .apCompass {
-    position: relative;
-    width: 360px;
-    height: 202px;
-    margin: auto;
-    border-radius: 5px;
-  }
-
-  .apStatusBar {
-    width: 360px;
-    height: 18.5px;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
-    background-color: black;
-  }
-
-  .apStatusBar, .apStatusBar DIV {
-    display: inline-block;
-    position: relative;
-  }
-
-  .apStatusBar DIV {
-
-  }
-
-  .apScreen .apStencil {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    margin: auto;
-    border-radius: 5px;
-    z-index: 10;
-    vertical-align: middle;
-    background-color: mat.get-color-from-palette($background, background);
-  }
-
-  .apStencil.confirmCommand {
-    z-index: 5;
-    visibility: hidden;
-  }
-
-  .apStencil.error {
-    z-index: 6;
-    visibility: hidden;
-  }
-}
-
-div.autopilotWidget {
-  display:block;
-  position: relative;
-  border:none;
-  margin: 0px;
-  padding:  5px 0px;
-  width: 100%;
-  height: calc(100% - 10px);
-}
-
-.headerAutopilot {
-  display: block;
-  position: relative;
-  width: 346px;
-  margin: auto;
-  margin-bottom: 5px;
-}
-
-.headerAutopilot .apTitle {
-  display: inline-block;
-  font-weight: bold;
-  width: calc(100% - 64px);
-  margin: 0px;
-}
-
-.headerAutopilot .apPower {
-  display: inline-block;
-  width: 64px;
-  margin: 0px;
-}
-
-.powerBtn {
-
-}
-
-.autoPilotBtn {
-  width:85px;
-}
-
-.autopilotGridBtnContainer {
-  display: grid;
-  width: fit-content;
-  margin: auto;
-  margin-top: 5px;
-  height: 160px;
-  grid-template-columns: [col-start] 25% [col1-end] 25% [col2-end] 25% [col3-end] 25% [col-End];
-  grid-template-rows: [row-start] 25% [row1-end] 25% [row2-end] 25% [row3-end] 25% [row-end];
-  grid-template-areas:
-    ". mute message ."
-    "port minus1  plus1 starboard"
-    "windmode minus10 plus10 trackmode"
-    "standby . . auto1";
-  row-gap: 0px;
-  column-gap: 2px;
-  justify-items: center;
-  align-items: center;
-  justify-content: center;
-  align-content: start;
-}
-
-.itemStbTack {
-  grid-area: starboard;
-}
-
-.itemMute {
-  grid-area: mute;
-}
-
-.itemMessage {
-  grid-area: message;
-}
-
-.itemPrtTack {
-  grid-area: port;
-}
-
-.itemPlus1 {
-  grid-area: plus1;
-}
-
-.itemMinus1 {
-  grid-area: minus1;
-}
-
-.itemStandby {
-  grid-area: standby;
-}
-
-.itemPlus10 {
-  grid-area: plus10;
-}
-
-.itemMinus10 {
-  grid-area: minus10;
-}
-
-.itemAuto {
-  grid-area: auto1;
-}
-
-.itemWindmode {
-  grid-area: windmode;
-}
-
-.itemTrackmode {
-  grid-area: trackmode;
-}
-
-.itemNxtWp {
-  grid-area: nxtWp;
-}
-
-.counterText {
-  font-weight: bold;
-  font-size: 7em;
-  margin-top: 0px;
-  margin-bottom: 0px;
-}

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

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