@mxtommy/kip 1.2.3 → 1.3.0

package/src/app/settings-zones/settings-zones.component.html

@@ -1,70 +1,70 @@
-<mat-card>
-
-
-  <mat-form-field>
-    <mat-label>Filter</mat-label>
-    <input matInput (keyup)="applyFilter($event)" placeholder="Ex: navigation" value="" #input>
-  </mat-form-field>
-  <div class="mat-elevation-z8 full-width table-container">
-    <table mat-table class="full-display" [dataSource]="tableData" [trackBy]="trackByUuid" 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>
-
-      <!-- Unit Column -->
-      <ng-container matColumnDef="unit">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> Unit </th>
-        <td mat-cell *matCellDef="let element"> {{element.unit}} </td>
-      </ng-container>
-
-      <!-- Lower Column -->
-      <ng-container matColumnDef="lower">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> Lower </th>
-        <td mat-cell *matCellDef="let element"> {{element.lower}} </td>
-      </ng-container>
-
-      <!-- Upper Column -->
-      <ng-container matColumnDef="upper">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> Upper </th>
-        <td mat-cell *matCellDef="let element"> {{element.upper}} </td>
-      </ng-container>
-
-      <!-- State Column -->
-      <ng-container matColumnDef="state">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> State </th>
-        <td mat-cell *matCellDef="let element"> 
-          <div [ngSwitch]="element.state">
-            <div *ngSwitchCase="0">Normal</div>
-            <div *ngSwitchCase="1">Warning</div>
-            <div *ngSwitchCase="2">Alarm</div>
-          </div> 
-        </td>
-      </ng-container>
-
-      <ng-container matColumnDef="actions">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>  </th>
-        <td mat-cell *matCellDef="let element">
-            <button mat-raised-button class="small-button" color="warn" (click)="delZone(element.uuid)">Delete</button> 
-        </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="5" [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator>
-  </div>
-  <mat-card-actions align="end">
-    <button type="button" mat-raised-button color="accent" (click)="openDialog()">Add</button>
-  </mat-card-actions>
-</mat-card>
-
+<mat-card>
+
+
+  <mat-form-field>
+    <mat-label>Filter</mat-label>
+    <input matInput (keyup)="applyFilter($event)" placeholder="Ex: navigation" value="" #input>
+  </mat-form-field>
+  <div class="mat-elevation-z8 full-width table-container">
+    <table mat-table class="full-display" [dataSource]="tableData" [trackBy]="trackByUuid" 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>
+
+      <!-- Unit Column -->
+      <ng-container matColumnDef="unit">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Unit </th>
+        <td mat-cell *matCellDef="let element"> {{element.unit}} </td>
+      </ng-container>
+
+      <!-- Lower Column -->
+      <ng-container matColumnDef="lower">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Lower </th>
+        <td mat-cell *matCellDef="let element"> {{element.lower}} </td>
+      </ng-container>
+
+      <!-- Upper Column -->
+      <ng-container matColumnDef="upper">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Upper </th>
+        <td mat-cell *matCellDef="let element"> {{element.upper}} </td>
+      </ng-container>
+
+      <!-- State Column -->
+      <ng-container matColumnDef="state">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> State </th>
+        <td mat-cell *matCellDef="let element"> 
+          <div [ngSwitch]="element.state">
+            <div *ngSwitchCase="0">Normal</div>
+            <div *ngSwitchCase="1">Warning</div>
+            <div *ngSwitchCase="2">Alarm</div>
+          </div> 
+        </td>
+      </ng-container>
+
+      <ng-container matColumnDef="actions">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header>  </th>
+        <td mat-cell *matCellDef="let element">
+            <button mat-raised-button class="small-button" color="warn" (click)="delZone(element.uuid)">Delete</button> 
+        </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="5" [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator>
+  </div>
+  <mat-card-actions align="end">
+    <button type="button" mat-raised-button color="accent" (click)="openDialog()">Add</button>
+  </mat-card-actions>
+</mat-card>
+

package/src/app/settings-zones/settings-zones.modal.html

@@ -1,39 +1,39 @@
-<form (ngSubmit)="submitConfig()" [formGroup]="newZoneForm">
-  <div mat-dialog-content >
-    <mat-checkbox name="filterSelfPaths" formControlName="filterSelfPaths">Restrict to own vessel</mat-checkbox>
-    <modal-path-selector class="full-width"
-    [formGroup]="newZoneForm.controls.path"
-    [filterSelfPaths]="newZoneForm.value.filterSelfPaths">
-    </modal-path-selector>
-
-    <mat-form-field class="leftThirdField"  appearance="outline" floatLabel="always">
-      <mat-label>Lower value</mat-label>
-      <input type="number" matInput placeholder="Enter or select number..." name="lower"  formControlName="lower">
-    </mat-form-field>
-
-    <mat-form-field class="leftThirdField" appearance="outline" floatLabel="always">
-      <mat-label>Upper value</mat-label>
-      <input type="number" matInput placeholder="Enter or select number..." name="upper"  formControlName="upper">
-    </mat-form-field>
-
-    <mat-form-field class="rightThirdField"  appearance="outline" floatLabel="always">
-      <mat-label>State</mat-label>
-      <mat-select
-      placeholder="Value State"
-      formControlName="state"
-      name="state">
-        <mat-option value='0'>Normal</mat-option>
-        <mat-option value='1'>Warning</mat-option>
-        <mat-option value='2'>Alarm</mat-option>
-      </mat-select>
-    </mat-form-field>
-  </div>
-  <mat-error *ngIf="newZoneForm.hasError('needUpperLower')">
-    At least one value is required (lower / upper)
-  </mat-error>
-  <div mat-dialog-actions>
-    <button mat-raised-button mat-dialog-close>Cancel</button>
-    <button mat-raised-button color="accent" type="submit" [disabled]="!newZoneForm.valid">Add</button>
-  </div>
-
+<form (ngSubmit)="submitConfig()" [formGroup]="newZoneForm">
+  <div mat-dialog-content >
+    <mat-checkbox name="filterSelfPaths" formControlName="filterSelfPaths">Restrict to own vessel</mat-checkbox>
+    <modal-path-selector class="full-width"
+    [formGroup]="newZoneForm.controls.path"
+    [filterSelfPaths]="newZoneForm.value.filterSelfPaths">
+    </modal-path-selector>
+
+    <mat-form-field class="leftThirdField"  appearance="outline" floatLabel="always">
+      <mat-label>Lower value</mat-label>
+      <input type="number" matInput placeholder="Enter or select number..." name="lower"  formControlName="lower">
+    </mat-form-field>
+
+    <mat-form-field class="leftThirdField" appearance="outline" floatLabel="always">
+      <mat-label>Upper value</mat-label>
+      <input type="number" matInput placeholder="Enter or select number..." name="upper"  formControlName="upper">
+    </mat-form-field>
+
+    <mat-form-field class="rightThirdField"  appearance="outline" floatLabel="always">
+      <mat-label>State</mat-label>
+      <mat-select
+      placeholder="Value State"
+      formControlName="state"
+      name="state">
+        <mat-option value='0'>Normal</mat-option>
+        <mat-option value='1'>Warning</mat-option>
+        <mat-option value='2'>Alarm</mat-option>
+      </mat-select>
+    </mat-form-field>
+  </div>
+  <mat-error *ngIf="newZoneForm.hasError('needUpperLower')">
+    At least one value is required (lower / upper)
+  </mat-error>
+  <div mat-dialog-actions>
+    <button mat-raised-button mat-dialog-close>Cancel</button>
+    <button mat-raised-button color="accent" type="submit" [disabled]="!newZoneForm.valid">Add</button>
+  </div>
+
 </form>