Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | 2x 920x 1x 920x 301x 2x 920x 2x 2x 920x 922x 920x 920x 2x 8x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 922x 8x 2x 2x 920x 2x 2x 300x 2x 2x 2x | <div class="container">
<div class="title">
@if (this.viewId === null) {
<h1 class="title">Add new custom View</h1>
}
@if (this.viewId !== null) {
<h1 class="title">Edit {{ buildedView.name }}</h1>
}
</div>
<form [formGroup]="customViewForm">
<div class="columns">
<div class="column is-three-fifths">
<input class="input" formControlName="customViewName" type="text" id="customViewName" placeholder="Enter a name to your custom view">
@if (isNameErrorVisible) {
<p class="has-text-danger" >You need to add at least one component</p>
}
<div class="pt-5">
<textarea formControlName="customViewConfiguration" class="editor" rows="5" cols="30" [(ngModel)]="configurationText"></textarea>
@if (isConfErrorVisible) {
<p class="has-text-danger" >You need to add at least one component</p>
}
@if (isDataErrorVisible) {
<p class="has-text-danger" >You need to specify required data for each component</p>
}
</div>
</div>
<div class="column">
<div class="select maxwidth">
<select class="maxwidth" name="componentSelector" (change)="newComponent($event)" >
<option value="" disabled selected>Select component to add on the view</option>
<option value="PidComponent">PidComponent</option>
<option value="PetriComponent">PetriComponent</option>
<option value="VideosComponent">VideosComponent</option>
<option value="DeviceCardLogicComponent">DeviceCardLogicComponent</option>
<option value="SignalsComponent">SignalsComponent</option>
<option value="SignalCardComponent">SignalCardComponent</option>
<option value="SignalsGraphsComponent">SignalsGraphsComponent</option>
<option value="CommandCenterComponent">CommandCenterComponent</option>
<option value="EventsComponent">EventsComponent</option>
<option value="CountdownComponent">CountdownComponent</option>
</select>
</div>
<div class="pt-5">
<textarea formControlName="componentExample" class="editor" rows="5" cols="30" [(ngModel)]="componentText"></textarea>
<button (click)="addToConfiguration()" class="button is-block is-info is-small" id="addToConfiguration">Add to custom view</button>
</div>
</div>
</div>
<div class="has-text-centered">
@if (this.viewId !== null) {
<button (click)="saveCustomView()" class="button is-primary" id="saveCustomView">Save custom view</button>
<button (click)="deleteCustomView(this.viewId, this.buildedView.name)" class="button is-danger" id="deleteCustomView">Delete custom view</button>
<button [routerLink]="['/custom-views', viewId]" class="button" id="saveCustomView">Go to view</button>
}
@else {
<button (click)="saveCustomView()" class="button is-primary" id="saveCustomView">Create custom view</button>
}
</div>
</form>
</div>
|