@mxtommy/kip 1.2.1 → 1.3.0

package/src/app/app.module.ts

@@ -1,200 +1,200 @@
-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 { AngularResizedEventModule } 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 '@biacsics/ng-canvas-gauges';
-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,
-    AngularResizedEventModule,
-    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 { }
+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 +1,52 @@
-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);
-  });
+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 +1,19 @@
-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,
-  },
-}
+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 +1,23 @@
-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'
-}
+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'
+}