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 | 2x 844x 1x 844x 301x 2x 844x 2x 2x 844x 846x 844x 844x 2x 7x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 846x 7x 2x 2x 844x 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="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>
|