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

100% Statements 49/49
100% Branches 4/4
100% Functions 1/1
100% Lines 27/27

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 4022x   37x 37x   1x 37x 3x 108x 3x   1x 36x     1x 1x 1x 1x   1x   333x 9x 333x 9x   1x 2x 1x   1x     44x 1x 1x 1x    
@if (deviceSetup !== undefined) {
  <div>
    <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">
      @for (deviceId of deviceSetup.device_ids; track deviceId) {
        <div class="cell is-col-min-4">
          <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 id="deleteSetup" (click)="deleteSetup()" class="button is-rounded is-danger">
      <span>Delete</span>
    </button>
  </div>
}
 
@if (deviceSetup === undefined) {
  <div>
    Create a new device setup
  </div>
}