@mxtommy/kip 1.3.0 → 2.0.1

package/src/app/app.component.spec.ts

@@ -1,32 +0,0 @@
-import { TestBed, waitForAsync } from '@angular/core/testing';
-
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the app', waitForAsync(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  }));
-
-  it(`should have as title 'app'`, waitForAsync(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('app');
-  }));
-
-  it('should render title in a h1 tag', waitForAsync(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
-  }));
-});

package/src/app/app.component.ts

@@ -1,191 +0,0 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { OverlayContainer } from '@angular/cdk/overlay';
-import { MatSnackBar } from '@angular/material/snack-bar';
-import { Howl } from 'howler';
-import { LayoutSplitsService } from './layout-splits.service';
-import * as screenfull from 'screenfull';
-
-import { AppSettingsService } from './app-settings.service';
-import { DataSetService } from './data-set.service';
-import { NotificationsService } from './notifications.service';
-import { SignalKConnectionService, SignalKStatus } from './signalk-connection.service';
-
-declare var NoSleep: any; //3rd party
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
-})
-export class AppComponent implements OnInit, OnDestroy {
-
-  noSleep = new NoSleep();
-
-  pageName: string = '';
-
-  unlockStatus: boolean = false;
-  unlockStatusSub: Subscription;
-
-  fullscreenStatus = false;
-
-  themeName: string;
-  themeClass: string = 'modern-dark fullheight';
-  themeNameSub: Subscription;
-
-  isNightMode: boolean = false;
-
-  appNotificationSub: Subscription;
-  connectionStatusSub: Subscription;
-
-  constructor(
-    private AppSettingsService: AppSettingsService,
-    private DataSetService: DataSetService,
-    private notificationsService: NotificationsService,
-    private _snackBar: MatSnackBar,
-    private overlayContainer: OverlayContainer,
-    private LayoutSplitsService: LayoutSplitsService,
-    private signalKConnectionService: SignalKConnectionService,
-    ) { }
-
-
-  ngOnInit() {
-    this.unlockStatusSub = this.AppSettingsService.getUnlockStatusAsO().subscribe(
-      status => { this.unlockStatus = status; }
-    );
-
-    this.themeNameSub = this.AppSettingsService.getThemeNameAsO().subscribe(
-      newTheme => {
-        this.themeClass = newTheme + ' fullheight'; // need fullheight there to set 100%height
-        if (this.themeName) {
-          this.overlayContainer.getContainerElement().classList.remove(this.themeName);
-        }
-        this.overlayContainer.getContainerElement().classList.add(newTheme);
-        this.themeName = newTheme;
-      }
-    )
-    this.DataSetService.startAllDataSets();
-
-
-    // Snackbar Notification Code
-    this.appNotificationSub = this.notificationsService.getSnackbarAppNotifications().subscribe(
-
-      appNotification => {
-        this._snackBar.open(appNotification.message, 'dismiss', {
-          duration: appNotification.duration,
-          verticalPosition: 'top'
-        });
-
-        if (!this.AppSettingsService.getNotificationConfig().sound.disableSound) {
-          let sound = new Howl({
-            src: ['assets/notification.mp3'],
-            autoUnlock: true,
-            autoSuspend: false,
-            autoplay: true,
-            preload: true,
-            loop: false,
-            volume: 0.3,
-            onend: function() {
-              // console.log('Finished!');
-            },
-            onloaderror: function() {
-              console.log("snackbar: player onload error");
-            },
-            onplayerror: function() {
-              console.log("snackbar: player locked");
-              this.howlPlayer.once('unlock', function() {
-                this.howlPlayer.play();
-              });
-            }
-          });
-          sound.play();
-        }
-      }
-    )
-
-    // Connection Status Notification sub
-    this.connectionStatusSub = this.signalKConnectionService.getSignalKConnectionsStatus().subscribe(
-      status => {
-        this.displayConnectionsStatusNotification(status);
-      }
-    );
-
-
-  }
-
-  ngOnDestroy() {
-    this.unlockStatusSub.unsubscribe();
-    this.themeNameSub.unsubscribe();
-    this.appNotificationSub.unsubscribe();
-    this.connectionStatusSub.unsubscribe();
-  }
-
-  displayConnectionsStatusNotification(connectionsStatus: SignalKStatus) {
-    if (connectionsStatus.operation == 1) { // starting server
-      if (!connectionsStatus.endpoint.status) {
-        this.notificationsService.sendSnackbarNotification(connectionsStatus.endpoint.message, 5000);
-      } else {
-        this.notificationsService.sendSnackbarNotification("Connected to SignalK Server.", 5000);
-      }
-    }
-    if (connectionsStatus.operation == 3) { // URL changed/reset
-      this.notificationsService.sendSnackbarNotification("Connection Update/Reset successful.", 5000);
-    }
-  }
-
-  setTheme(theme: string) {
-    this.AppSettingsService.setThemName(theme);
-  }
-
-  setNightMode(nightMode: boolean) {
-    this.isNightMode = nightMode;
-    if (this.isNightMode) {
-      this.AppSettingsService.setThemName("nightMode");
-    } else {
-      this.AppSettingsService.setThemName(this.AppSettingsService.getThemeName());
-    }
-  }
-
-  unlockPage() {
-    if (this.unlockStatus) {
-      console.log("Locking");
-      this.unlockStatus = false;
-    } else {
-      console.log("Unlocking");
-      this.unlockStatus = true;
-    }
-    this.AppSettingsService.setUnlockStatus(this.unlockStatus);
-  }
-
-
-  newPage() {
-    this.LayoutSplitsService.newRootSplit();
-      //this.router.navigate(['/page', rootNodes.findIndex(uuid => uuid == newuuid)]);
-  }
-
-  pageDown() {
-        this.LayoutSplitsService.previousRoot();
-
-  }
-
-  pageUp() {
-    this.LayoutSplitsService.nextRoot();
-
-  }
-
-  toggleFullScreen() {
-    if (screenfull.isEnabled) {
-      if (!this.fullscreenStatus) {
-        screenfull.request();
-        this.noSleep.enable();
-      } else {
-        if (screenfull.isFullscreen) {
-          screenfull.exit();
-        }
-        this.noSleep.disable();
-      }
-    }
-    this.fullscreenStatus = !this.fullscreenStatus;
-  }
-
-}

package/src/app/app.module.ts

@@ -1,200 +0,0 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes }   from '@angular/router';
-import { FormsModule }   from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import { HttpClientModule } from '@angular/common/http';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { MatBadgeModule } from '@angular/material/badge';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCardModule } from '@angular/material/card';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatStepperModule } from '@angular/material/stepper';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatListModule } from '@angular/material/list';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatTableModule } from '@angular/material/table';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatSortModule } from '@angular/material/sort';
-
-import { AngularSplitModule } from 'angular-split';
-import { AngularResizeEventModule } from 'angular-resize-event';
-
-import { AppComponent } from './app.component';
-import { AppHelpComponent } from './app-help/app-help.component';
-
-import { FitTextDirective } from './fit-text.directive';
-import { DynamicWidgetDirective } from './dynamic-widget.directive';
-
-import { SignalKService } from './signalk.service';
-import { SignalKConnectionService } from './signalk-connection.service';
-import { SignalKDeltaService } from './signalk-delta.service';
-import { SignalKFullService } from './signalk-full.service';
-import { DataSetService } from './data-set.service';
-import { LayoutSplitsService } from './layout-splits.service';
-import { AppSettingsService } from './app-settings.service';
-import { WidgetManagerService } from './widget-manager.service';
-import { WidgetListService } from './widget-list.service';
-import { UnitsService } from './units.service';
-import { NotificationsService } from './notifications.service';
-import { WidgetBlankComponent } from './widget-blank/widget-blank.component';
-import { WidgetUnknownComponent } from './widget-unknown/widget-unknown.component';
-import { WidgetTextGenericComponent } from './widget-text-generic/widget-text-generic.component';
-import { UnitWindowComponent, UnitWindowModalComponent } from './unit-window/unit-window.component';
-import { SettingsComponent } from './settings/settings.component';
-import { RootDisplayComponent } from './root-display/root-display.component';
-import { FilterSelfPipe } from './filter-self.pipe';
-import { SafePipe } from './safe.pipe';
-import { WidgetNumericComponent } from './widget-numeric/widget-numeric.component';
-import { SettingsDatasetsComponent, SettingsDatasetsModalComponent } from './settings-datasets/settings-datasets.component';
-import { SettingsSignalkComponent } from './settings-signalk/settings-signalk.component';
-import { WidgetHistoricalComponent } from './widget-historical/widget-historical.component';
-import { LayoutSplitComponent } from './layout-split/layout-split.component';
-import { WidgetWindComponent, } from './widget-wind/widget-wind.component';
-import { SvgWindComponent } from './svg-wind/svg-wind.component';
-import { WidgetGaugeComponent } from './widget-gauge/widget-gauge.component';
-import { GaugeSteelComponent } from './gauge-steel/gauge-steel.component';
-import { WidgetTutorialComponent } from './widget-tutorial/widget-tutorial.component';
-import { ResetConfigComponent } from './reset-config/reset-config.component';
-import { WidgetStateComponent } from './widget-state/widget-state.component';
-import { ModalWidgetComponent } from './modal-widget/modal-widget.component';
-import { WidgetSwitchComponent } from './widget-switch/widget-switch.component'
-import { ModalPathSelectorComponent } from './modal-path-selector/modal-path-selector.component';
-import { ObjectKeysPipe } from './object-keys.pipe';
-import { SettingsUnitsComponent } from './settings-units/settings-units.component';
-import { SettingsZonesComponent, DialogNewZone } from './settings-zones/settings-zones.component';
-import { WidgetIframeComponent } from './widget-iframe/widget-iframe.component';
-import { SettingsConfigComponent } from './settings-config/settings-config.component';
-
-import { GaugesModule } from './gauges-module/gauges.module';
-import { WidgetGaugeNgLinearComponent } from './widget-gauge-ng-linear/widget-gauge-ng-linear.component';
-import { WidgetGaugeNgRadialComponent } from './widget-gauge-ng-radial/widget-gauge-ng-radial.component';
-import { AlarmMenuComponent } from './alarm-menu/alarm-menu.component';
-import { WidgetAutopilotComponent } from './widget-autopilot/widget-autopilot.component';
-import { SvgAutopilotComponent } from './svg-autopilot/svg-autopilot.component';
-import { SettingsNotificationsComponent } from './settings-notifications/settings-notifications.component';
-import { SvgSimpleLinearGaugeComponent } from './svg-simple-linear-gauge/svg-simple-linear-gauge.component';
-import { WidgetSimpleLinearComponent } from './widget-simple-linear/widget-simple-linear.component';
-import { DataBrowserComponent } from './data-browser/data-browser.component';
-import { DataBrowserRowComponent, DialogUnitSelect } from './data-browser-row/data-browser-row.component';
-
-const appRoutes: Routes = [
-  { path: '', redirectTo: '/page/0', pathMatch: 'full' },
-  { path: 'page/:id', component: RootDisplayComponent },
-  { path: 'settings',  component: SettingsComponent },
-  { path: 'help', component: AppHelpComponent },
-  { path: 'data',  component: DataBrowserComponent },
-  { path: 'reset', component: ResetConfigComponent },
-  { path: 'demo', component: ResetConfigComponent }
-];
-
-@NgModule({
-  declarations: [
-    AppComponent,
-    AppHelpComponent,
-    SettingsComponent,
-    UnitWindowComponent,
-    UnitWindowModalComponent,
-    WidgetBlankComponent,
-    DynamicWidgetDirective,
-    WidgetUnknownComponent,
-    WidgetTextGenericComponent,
-    FitTextDirective,
-    RootDisplayComponent,
-    FilterSelfPipe,
-    SafePipe,
-    WidgetNumericComponent,
-    SettingsDatasetsComponent,
-    SettingsDatasetsModalComponent,
-    SettingsSignalkComponent,
-    WidgetHistoricalComponent,
-    LayoutSplitComponent,
-    WidgetWindComponent,
-    SvgWindComponent,
-    WidgetGaugeComponent,
-    GaugeSteelComponent,
-    WidgetGaugeNgLinearComponent,
-    WidgetGaugeNgRadialComponent,
-    SettingsConfigComponent,
-    WidgetTutorialComponent,
-    ResetConfigComponent,
-    WidgetStateComponent,
-    ModalWidgetComponent,
-    WidgetSwitchComponent,
-    ModalPathSelectorComponent,
-    ObjectKeysPipe,
-    SettingsUnitsComponent,
-    SettingsZonesComponent,
-    WidgetIframeComponent,
-    AlarmMenuComponent,
-    WidgetAutopilotComponent,
-    SvgAutopilotComponent,
-    SettingsNotificationsComponent,
-    SvgSimpleLinearGaugeComponent,
-    WidgetSimpleLinearComponent,
-    DataBrowserComponent,
-    DataBrowserRowComponent,
-    DialogUnitSelect,
-    DialogNewZone,
-  ],
-  imports: [
-    BrowserModule,
-    FormsModule,
-    ReactiveFormsModule,
-    HttpClientModule,
-    RouterModule.forRoot(appRoutes, { useHash: true /* , enableTracing: true */, relativeLinkResolution: 'legacy' } ),
-    AngularSplitModule,
-    AngularResizeEventModule,
-    BrowserAnimationsModule,
-
-    MatMenuModule,
-    MatButtonModule,
-    MatTooltipModule,
-    MatDialogModule,
-    MatSelectModule,
-    MatToolbarModule,
-    MatCheckboxModule,
-    MatRadioModule,
-    MatTabsModule,
-    MatCardModule,
-    MatSnackBarModule,
-    MatStepperModule,
-    MatInputModule,
-    MatExpansionModule,
-    MatBadgeModule,
-    MatSlideToggleModule,
-    MatListModule,
-    MatAutocompleteModule,
-    GaugesModule,
-    MatTableModule,
-    MatPaginatorModule,
-    MatSortModule,
-  ],
-  providers: [
-    SignalKService,
-    SignalKConnectionService,
-    SignalKDeltaService,
-    SignalKFullService,
-    DataSetService,
-    LayoutSplitsService,
-    WidgetListService,
-    WidgetManagerService,
-    UnitsService,
-    AppSettingsService,
-    NotificationsService
-  ],
-  bootstrap: [AppComponent]
-})
-
-export class AppModule {
-}

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

@@ -1,52 +0,0 @@
-import { IAppConfig, IWidgetConfig, ILayoutConfig, IThemeConfig } from "./app-settings.service";
-
-export const DefaultAppConfig: IAppConfig = {
-  "configVersion": 6,
-  "signalKUrl": "", // get's overwritten with host
-  "kipUUID": newUuid(),
-  "signalKToken": null,
-  "dataSets": [],
-  "unitDefaults": null,
-  "notificationConfig": null,
-}
-
-export const DefaultWidgetConfig: IWidgetConfig = {
-  "widgets": [
-    {
-      "uuid": "widgetno-1xxx-4xxx-yxxx-xxxxxxxxxxxx",
-      "type": "WidgetTutorial",
-      "config": null
-    }
-  ]
-}
-
-export const DefaultLayoutConfig: ILayoutConfig = {
-  "rootSplits": [
-    "isplitsx-xxxx-4xxx-yxxx-xxxxxxxxxxxx"
-  ],
-  "splitSets": [
-    {
-      "uuid": "isplitsx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",
-      "direction": "horizontal",
-      "splitAreas": [
-        {
-          "uuid": "widgetno-1xxx-4xxx-yxxx-xxxxxxxxxxxx",
-          "type": "widget",
-          "size": 100
-        }
-      ]
-    }
-  ]
-}
-
-export const DefaultThemeConfig: IThemeConfig = {
-  "themeName": "modern-dark"
-}
-
-
-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/config.blank.notification.const.ts

@@ -1,19 +0,0 @@
-export const DefaultNotificationConfig = {
-  "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,
-  },
-}

package/src/app/config.blank.units.const.ts

@@ -1,23 +0,0 @@
-import { IUnitDefaults } from './units.service';
-
-
-export const DefaultUnitsConfig: IUnitDefaults = {
-  "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'
-}