74 lines
3.5 KiB
HTML
74 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<div id="mainContainer" class="" [ngClass]="{'outEnable':outputService.output}">
|
|
<div class="genContainer grid grid-cols-2 gap-4">
|
|
<!-- Statetopic -->
|
|
<!-- <h3>Data Channel</h3> -->
|
|
|
|
<div class="property col-span-2">
|
|
<p>Bereich</p>
|
|
<input type="text" [ngModel]="generatorService.upper_topic"
|
|
(ngModelChange)="generatorService.upper_topic = $event" />
|
|
</div>
|
|
<div class="property" >
|
|
<p>Device</p>
|
|
<div class="customCheckboxContainer" >
|
|
<input [ngModel]="generatorService.use_device" (ngModelChange)="generatorService.use_device = $event" id="device" type="checkbox">
|
|
<label class="customCheckbox" for="device" >combine in device</label>
|
|
</div>
|
|
</div>
|
|
<div class="property">
|
|
<p>Automatic Topics</p>
|
|
<div class="customCheckboxContainer">
|
|
<input [ngModel]="generatorService.auto_topic" (ngModelChange)="generatorService.auto_topic=$event" id="auto_topic" type="checkbox" name="auto_topic">
|
|
<label class="customCheckbox" for="auto_topic">automatically generate mqtt topics</label>
|
|
</div>
|
|
</div>
|
|
<ng-container *ngIf="generatorService.use_device">
|
|
<div class="property">
|
|
<p>Device Name</p>
|
|
<input type="text" [ngModel]="device.name" (ngModelChange)="device.name = $event" >
|
|
</div>
|
|
<div class="property">
|
|
<p>Device Identifier</p>
|
|
<input type="text" [ngModel]="device.indetifier">
|
|
</div>
|
|
<!-- <div class="property">
|
|
<p>Device Serial Number</p>
|
|
</div>
|
|
<div class="property">
|
|
<p>Device Config Url</p>
|
|
</div> -->
|
|
</ng-container>
|
|
<div class="col-span-2 property">
|
|
<h3>EntityTyp:</h3>
|
|
<select #typeinput autofocus [ngModel]="entity_type" (ngModelChange)="select_type($event)">
|
|
<option *ngFor="let key of useObject.keys(generatorService.entity_types)" value="{{key}}">{{generatorService.entity_types[key][0]}}</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<div class="outContainer">
|
|
<h2>Output</h2>
|
|
<div class="customCheckboxContainer">
|
|
<input id="output" type="checkbox" [ngModel]="outputService.output" (ngModelChange)="outputService.output = $event">
|
|
<label class="customCheckbox" for="output" >show output</label>
|
|
</div>
|
|
<p>Seperate Output</p>
|
|
<div class="customCheckboxContainer">
|
|
<input id="seperate_output" type="checkbox" [ngModel]="outputService.integrated_output" (ngModelChange)="outputService.integrated_output = $event">
|
|
<label class="customCheckbox" for="seperate_output">Integrate into Code</label>
|
|
|
|
</div>
|
|
</div>
|
|
<ng-container *ngIf="generatorService.selected_entity == null" >
|
|
<button (click)="select_type(entity_type)" class="genContainer !col-span-2" id="entityPlaceholder">Create new entity</button>
|
|
</ng-container>
|
|
<app-entity-data class="genContainer" [basemodel]="generatorService.selected_entity" *ngIf="generatorService.selected_entity != null" ></app-entity-data>
|
|
<app-output class="outContainer" [ngStyle]="{'grid-row': codeSpan}" *ngIf="outputService.integrated_output" ></app-output>
|
|
<ng-container *ngFor="let entity of created_entities.reverse()">
|
|
<app-entity-data class="genContainer" [basemodel]="entity" [created]="true" [ent_index]="created_entities.indexOf(entity)" ></app-entity-data>
|
|
<app-entity-output class="outContainer" *ngIf="outputService.seperate_outputs" [basemodel]="entity" ></app-entity-output>
|
|
</ng-container>
|
|
</div> |