@mxtommy/kip 1.2.3 → 1.3.0

package/src/app/gauges-module/linear-gauge.ts

@@ -1,50 +1,50 @@
-/*!
- * The MIT License (MIT)
- *
- * Copyright (c) 2017 Vlad Martynenko <vladimir.martynenko.work@gmail.com>
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import {Component, NgZone, ElementRef, OnInit} from '@angular/core';
-import {BaseGauge} from './base-gauge';
-import * as CanvasGauges from 'canvas-gauges';
-
-export { LinearGaugeOptions } from 'canvas-gauges';
-
-/**
- * Implements Linear Gauge from the original library
- */
-@Component({
-    // tslint:disable-next-line:component-selector
-    selector: 'linear-gauge',
-    template: '<canvas #gauge></canvas>'
-})
-// tslint:disable-next-line:component-class-suffix
-export class LinearGauge extends BaseGauge<CanvasGauges.LinearGauge, CanvasGauges.LinearGaugeOptions> implements OnInit {
-
-    constructor(el: ElementRef, zone: NgZone) {
-        super(el, zone);
-    }
-
-
-    ngOnInit(): void {
-        this.gauge = new CanvasGauges.LinearGauge(this.options).draw();
-    }
+/*!
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2017 Vlad Martynenko <vladimir.martynenko.work@gmail.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import {Component, NgZone, ElementRef, OnInit} from '@angular/core';
+import {BaseGauge} from './base-gauge';
+import * as CanvasGauges from 'canvas-gauges';
+
+export { LinearGaugeOptions } from 'canvas-gauges';
+
+/**
+ * Implements Linear Gauge from the original library
+ */
+@Component({
+    // tslint:disable-next-line:component-selector
+    selector: 'linear-gauge',
+    template: '<canvas #gauge></canvas>'
+})
+// tslint:disable-next-line:component-class-suffix
+export class LinearGauge extends BaseGauge<CanvasGauges.LinearGauge, CanvasGauges.LinearGaugeOptions> implements OnInit {
+
+    constructor(el: ElementRef, zone: NgZone) {
+        super(el, zone);
+    }
+
+
+    ngOnInit(): void {
+        this.gauge = new CanvasGauges.LinearGauge(this.options).draw();
+    }
 }

package/src/app/gauges-module/radial-gauge.ts

@@ -1,48 +1,48 @@
-/*!
- * The MIT License (MIT)
- *
- * Copyright (c) 2017 Vlad Martynenko <vladimir.martynenko.work@gmail.com>
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import { Component, NgZone, ElementRef, OnInit } from '@angular/core';
-import { BaseGauge } from './base-gauge';
-import * as CanvasGauges from 'canvas-gauges';
-
-export { RadialGaugeOptions } from 'canvas-gauges';
-
-/**
- * Implements Radial Gauge from the original library
- */
-@Component({
-    // tslint:disable-next-line:component-selector
-    selector: 'radial-gauge',
-    template: '<canvas #gauge></canvas>'
-})
-// tslint:disable-next-line:component-class-suffix
-export class RadialGauge extends BaseGauge<CanvasGauges.RadialGauge, CanvasGauges.RadialGaugeOptions> implements OnInit {
-    constructor(el: ElementRef, zone: NgZone) {
-        super(el, zone);
-    }
-
-    ngOnInit() {
-        this.gauge = new CanvasGauges.RadialGauge(this.options).draw();
-    }
+/*!
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2017 Vlad Martynenko <vladimir.martynenko.work@gmail.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { Component, NgZone, ElementRef, OnInit } from '@angular/core';
+import { BaseGauge } from './base-gauge';
+import * as CanvasGauges from 'canvas-gauges';
+
+export { RadialGaugeOptions } from 'canvas-gauges';
+
+/**
+ * Implements Radial Gauge from the original library
+ */
+@Component({
+    // tslint:disable-next-line:component-selector
+    selector: 'radial-gauge',
+    template: '<canvas #gauge></canvas>'
+})
+// tslint:disable-next-line:component-class-suffix
+export class RadialGauge extends BaseGauge<CanvasGauges.RadialGauge, CanvasGauges.RadialGaugeOptions> implements OnInit {
+    constructor(el: ElementRef, zone: NgZone) {
+        super(el, zone);
+    }
+
+    ngOnInit() {
+        this.gauge = new CanvasGauges.RadialGauge(this.options).draw();
+    }
 }

package/src/app/layout-split/layout-split.component.html

@@ -1,30 +1,30 @@
-<as-split
-  [direction]="splitSet.direction"
-  [disabled]="!unlockStatus"
-  (dragEnd)="onDragEnd($event)"
-  gutterSize="4">
-  <ng-template ngFor let-area let-i="index" [ngForOf]="splitSet.splitAreas">
-    <as-split-area [order]="i" [size]="area.size" [ngSwitch]="area.type">
-        <div class="splitArea" *ngSwitchCase="'widget'">
-          <app-unit-window
-              [widgetUUID]="area.uuid"
-              [unlockStatus]="unlockStatus"
-          ></app-unit-window>
-          <div *ngIf="unlockStatus" class="splitMenu">
-              <mat-menu #splitMenu="matMenu">
-                <button mat-menu-item (click)="splitArea(area.uuid, 'vertical')">Split Horz.</button>
-                <button mat-menu-item (click)="splitArea(area.uuid, 'horizontal')">Split Vert.</button>
-              </mat-menu>
-              <button color="accent" mat-mini-fab [matMenuTriggerFor]="splitMenu"><span class="fa fa-columns"></span></button>
-          </div>
-          <div *ngIf="unlockStatus" class="splitdelete">
-            <button color="warn" mat-mini-fab (click)="deleteArea(area.uuid)"><span class="fa fa-times" ></span></button>
-          </div>
-        </div>
-        <layout-split *ngSwitchCase="'splitSet'"
-          [unlockStatus]="unlockStatus"
-          [splitUUID]="area.uuid"
-        ></layout-split>
-      </as-split-area>
-  </ng-template>
-</as-split>
+<as-split
+  [direction]="splitSet.direction"
+  [disabled]="!unlockStatus"
+  (dragEnd)="onDragEnd($event)"
+  gutterSize="4">
+  <ng-template ngFor let-area let-i="index" [ngForOf]="splitSet.splitAreas">
+    <as-split-area [order]="i" [size]="area.size" [ngSwitch]="area.type">
+        <div class="splitArea" *ngSwitchCase="'widget'">
+          <app-unit-window
+              [widgetUUID]="area.uuid"
+              [unlockStatus]="unlockStatus"
+          ></app-unit-window>
+          <div *ngIf="unlockStatus" class="splitMenu">
+              <mat-menu #splitMenu="matMenu">
+                <button mat-menu-item (click)="splitArea(area.uuid, 'vertical')">Split Horz.</button>
+                <button mat-menu-item (click)="splitArea(area.uuid, 'horizontal')">Split Vert.</button>
+              </mat-menu>
+              <button color="accent" mat-mini-fab [matMenuTriggerFor]="splitMenu"><span class="fa-solid fa-columns"></span></button>
+          </div>
+          <div *ngIf="unlockStatus" class="splitdelete">
+            <button color="warn" mat-mini-fab (click)="deleteArea(area.uuid)"><span class="fa-solid fa-times" ></span></button>
+          </div>
+        </div>
+        <layout-split *ngSwitchCase="'splitSet'"
+          [unlockStatus]="unlockStatus"
+          [splitUUID]="area.uuid"
+        ></layout-split>
+      </as-split-area>
+  </ng-template>
+</as-split>

package/src/app/layout-split/layout-split.component.scss

@@ -1,33 +1,33 @@
-@mixin layout-split-theme($theme) {
-
-    $accent: map-get($theme, accent);
-
-    .as-split-gutter {
-      background-color: transparent !important;
-    }
-}
-
-.splitArea {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  z-index: 500;
-}
-
-.splitMenu {
-  position: absolute;
-  left: 5%;
-  bottom: 5%;
-  z-index: 500;
-}
-
-.splitdelete {
-  position: absolute;
-  right: 5%;
-  top: 5%;
-  z-index: 500;
-}
-
-as-split-area {
-  overflow-y: hidden !important;
-}
+@mixin layout-split-theme($theme) {
+
+    $accent: map-get($theme, accent);
+
+    .as-split-gutter {
+      background-color: transparent !important;
+    }
+}
+
+.splitArea {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  z-index: 500;
+}
+
+.splitMenu {
+  position: absolute;
+  left: 5%;
+  bottom: 5%;
+  z-index: 500;
+}
+
+.splitdelete {
+  position: absolute;
+  right: 5%;
+  top: 5%;
+  z-index: 500;
+}
+
+as-split-area {
+  overflow-y: hidden !important;
+}

package/src/app/layout-split/layout-split.component.spec.ts

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

package/src/app/layout-split/layout-split.component.ts

@@ -1,59 +1,59 @@
-import { Component, OnInit, OnDestroy, OnChanges, SimpleChanges, Input } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { ISplitSet, LayoutSplitsService } from '../layout-splits.service';
-
-@Component({
-  selector: 'layout-split',
-  templateUrl: './layout-split.component.html',
-  styleUrls: ['./layout-split.component.scss']
-})
-export class LayoutSplitComponent implements OnInit, OnDestroy, OnChanges {
-
-  @Input('unlockStatus') unlockStatus: boolean;
-  @Input('splitUUID') splitUUID: string;
-
-  splitSet: ISplitSet;
-  splitSetSub: Subscription;
-
-  constructor(
-    private LayoutSplitsService: LayoutSplitsService) { }
-
-  ngOnInit() {
-    this.splitSetSub = this.LayoutSplitsService.getSplitObs(this.splitUUID).subscribe(
-      splitSet => {
-        this.splitSet = splitSet;
-       }
-    );
-
-  }
-
-  ngOnDestroy() {
-    this.splitSetSub.unsubscribe();
-  }
-
-  ngOnChanges(changes: SimpleChanges) {
-
-    if (changes.splitUUID) {
-      if (! changes.splitUUID.firstChange) {
-        this.ngOnDestroy();
-        this.ngOnInit();
-
-      }
-    }
-  }
-
-  onDragEnd(sizesArray: {gutterNum: number, sizes: Array<number>}) {
-     this.LayoutSplitsService.updateSplitSizes(this.splitSet.uuid, sizesArray.sizes);
-  }
-
-  splitArea(areaUUID: string, direction: string) {
-    this.LayoutSplitsService.splitArea(this.splitSet.uuid,areaUUID, direction);
-  }
-
-
-  deleteArea(areaUUID) {
-    this.LayoutSplitsService.deleteArea(this.splitSet.uuid, areaUUID);
-  }
-
-
-}
+import { Component, OnInit, OnDestroy, OnChanges, SimpleChanges, Input } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { ISplitSet, LayoutSplitsService } from '../layout-splits.service';
+
+@Component({
+  selector: 'layout-split',
+  templateUrl: './layout-split.component.html',
+  styleUrls: ['./layout-split.component.scss']
+})
+export class LayoutSplitComponent implements OnInit, OnDestroy, OnChanges {
+
+  @Input('unlockStatus') unlockStatus: boolean;
+  @Input('splitUUID') splitUUID: string;
+
+  splitSet: ISplitSet;
+  splitSetSub: Subscription;
+
+  constructor(
+    private LayoutSplitsService: LayoutSplitsService) { }
+
+  ngOnInit() {
+    this.splitSetSub = this.LayoutSplitsService.getSplitObs(this.splitUUID).subscribe(
+      splitSet => {
+        this.splitSet = splitSet;
+       }
+    );
+
+  }
+
+  ngOnDestroy() {
+    this.splitSetSub.unsubscribe();
+  }
+
+  ngOnChanges(changes: SimpleChanges) {
+
+    if (changes.splitUUID) {
+      if (! changes.splitUUID.firstChange) {
+        this.ngOnDestroy();
+        this.ngOnInit();
+
+      }
+    }
+  }
+
+  onDragEnd(sizesArray: {gutterNum: number, sizes: Array<number>}) {
+     this.LayoutSplitsService.updateSplitSizes(this.splitSet.uuid, sizesArray.sizes);
+  }
+
+  splitArea(areaUUID: string, direction: string) {
+    this.LayoutSplitsService.splitArea(this.splitSet.uuid,areaUUID, direction);
+  }
+
+
+  deleteArea(areaUUID) {
+    this.LayoutSplitsService.deleteArea(this.splitSet.uuid, areaUUID);
+  }
+
+
+}