All files / src/app/components/device-setup device-setup.component.html

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div *ngIf="deviceSetupId!=='new'">
    <h1>Device Setup #{{deviceSetupId.slice(20)}}</h1>
 
 
    <p>active: {{deviceSetup.active}}</p>
    <!-- <app-device-card *ngFor="let deviceId of deviceSetup.device_ids" [deviceId]="deviceId"></app-device-card> -->
 
    <div class="grid">
        <div class="cell is-col-min-4" *ngFor="let deviceId of deviceSetup.device_ids">
            <app-device-card-mini [deviceId]="deviceId"></app-device-card-mini>
        </div>
    </div>
 
 
 
 
    <p-table [value]="mapping">
        <ng-template #header>
            <tr>
                <th>Source</th>
                <th></th>
                <th>Destination</th>
            </tr>
        </ng-template>
        <ng-template #body let-map>
            <tr>
                <td [routerLink]="['/signals', map[0]]">{{ map[0] }}</td>
                <td>-></td>
                <td [routerLink]="['/signals', map[1]]">{{ map[1] }}</td>
            </tr>
        </ng-template>
    </p-table>
 
 
    <button (click)="deleteSetup()" class="button is-rounded is-danger">
        <span>Delete</span>
    </button>
 
</div>
 
<div *ngIf="deviceSetupId==='new'">
    Create a new device setup
</div>