80 lines
4.1 KiB
HTML
80 lines
4.1 KiB
HTML
<main class="grid grid-cols-2 gap-4">
|
|
<!-- Entity -->
|
|
<div class="col-span-2 property">
|
|
<h3>EntityTyp:</h3>
|
|
<select [ngModel]="entity_type" (ngModelChange)="select_type($event)">
|
|
<option *ngFor="let key of useObject.keys(entities)" value="{{key}}">{{entities[key][0]}}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="property" *ngIf="generatorService.has_property('name')">
|
|
<p>Name</p>
|
|
<input required placeholder="Name here" type="text"[ngModel]="entity_name" (ngModelChange)="entity_name = $event; update()"/>
|
|
</div>
|
|
<div class="property" *ngIf="generatorService.has_property('uniq_id')">
|
|
<p>Uniqe ID</p>
|
|
<div class="flex-row flex gap-2">
|
|
<input type="text"[ngModel]="entity_uniq_id" (ngModelChange)="entity_uniq_id = $event; update()"/>
|
|
<button (click)="entity_uniq_id = useRandomString(10); update()" class="randomButton" >
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-3" viewBox="0 0 16 16">
|
|
<path d="M13 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zM3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3z"/>
|
|
<path d="M5.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m8 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-4-4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="property" *ngIf="generatorService.has_property('cmd_t')">
|
|
<p>Command Topic</p>
|
|
<input type="text" [ngModel]="entity_cmd_t" (input)="lock_auto_topic(); update('entity_cmd_t', $event)"/>
|
|
</div>
|
|
<div class="property" *ngIf="generatorService.has_property('bri_cmd_t')">
|
|
<p>Brightness Command Topic</p>
|
|
<input type="text" [ngModel]="entity_bri_cmd_t" (ngModelChange)="lock_auto_topic(); update('entity_bri_cmd_t', $event)"/>
|
|
</div>
|
|
<div class="property !flex-row" *ngIf="generatorService.has_property('pl_off') || generatorService.has_property('pl_on')">
|
|
<div *ngIf="generatorService.has_property('pl_off')">
|
|
<p>Payload off</p>
|
|
<input type="text" [ngModel]="entity_pl_off" (ngModelChange)="entity_pl_off = $event"/>
|
|
</div>
|
|
<div *ngIf="generatorService.has_property('pl_on')">
|
|
<p>Payload on</p>
|
|
<input type="text" [ngModel]="entity_pl_on" (ngModelChange)="entity_pl_on = $event"/>
|
|
</div>
|
|
</div>
|
|
<div class="property" *ngIf="generatorService.has_property('unit_of_meas')">
|
|
<p>Unit of meassurement</p>
|
|
<input type="text" [ngModel]="entity_unit_of_meas" (ngModelChange)="entity_unit_of_meas = $event"/>
|
|
</div>
|
|
<div class="property" *ngIf="generatorService.has_property('val_tpl')">
|
|
<p>Value Template</p>
|
|
<input type="text" [ngModel]="entity_val_tpl" (ngModelChange)="entity_val_tpl = $event"/>
|
|
</div>
|
|
<div class="property bg-mySecondary" *ngIf="generatorService.has_property('dev_cla')">
|
|
<p>Device Class</p>
|
|
<select [ngModel]="entity_dev_cla.value" (ngModelChange)="entity_dev_cla.value =$event">
|
|
<option *ngFor="let choice of entity_dev_cla.choices" value="{{entity_dev_cla.choices.indexOf(choice)}}">{{choice}}</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="property" *ngIf="generatorService.has_property('stat_t')">
|
|
<p>State Topic</p>
|
|
<div class="flex-row flex gap-2">
|
|
<input type="text" [ngModel]="stat_t" (ngModelChange)="lock_auto_topic(); update('stat_t', $event)"/>
|
|
</div>
|
|
</div>
|
|
<button class="col-span-2 py-1" (click)="create_entity()" >Create Entity</button>
|
|
<ng-container *ngIf="showDiscovery">
|
|
<div class="col-span-2 property" >
|
|
<p>Discovery String</p>
|
|
<div class="flex flex-row gap-2">
|
|
<pre>{{discoveryString | json}}</pre>
|
|
<span contenteditable>{{JSONdiscoveryString}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-span-2 property" >
|
|
<p>Discovery Topic</p>
|
|
<input type="text" readonly value="{{discoveryTopic}}">
|
|
</div>
|
|
</ng-container>
|
|
</main> |