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 | 88x 179x 179x 3x 179x 3x 176x 3x 179x 3x 176x 3x 176x 179x 3x 3x 176x 3x 3x 3x 3x 3x 176x 3x 3x 3x 3x 3x 176x 3x 3x 3x 3x 3x 176x 179x 3x 3x | <div class="columns" *ngIf="device">
<div class="column is-two-thirds">
<h1 class="title">{{device.name}}</h1>
<h2 class="subtitle is-5">device #{{device.device_id.slice(8)}}</h2>
<div class="field is-grouped is-grouped-multiline">
<div class="control">
<div class="tags has-addons">
<span class="tag is-dark">Status</span>
<span class="tag " [ngClass]="{'is-success': device.status === 'up', 'is-danger': device.status === 'down'}">{{device.status}}</span>
</div>
</div>
<div class="control" *ngIf="device.status === 'up' && currentMode">
<div class="tags has-addons">
<span class="tag is-dark">Current mode</span>
<span class="tag is-info" >{{currentMode.name}}</span>
</div>
</div>
<div class="control" *ngIf="device.status === 'up'">
<div class="tags has-addons">
<span class="tag is-dark">Load</span>
<span *ngIf="device.load === undefined" class="tag is-danger">No load info</span>
<span *ngIf="device.load !== undefined" class="tag " [ngClass]="{'is-success': device.load < 0.2, 'is-danger': device.load >= 0.2}">{{device.load*100 | number: '1.0-0'}} %</span>
</div>
</div>
</div>
</div>
<div class="column">
<button class="button" [routerLink]="['/devices', deviceId, 'petri-network']" id="petri-network">
<span class="icon">
<i class="iconoir-network-reverse"></i>
</span>
<span>Logic</span>
</button>
<button class="button" [routerLink]="['/devices', deviceId, 'pid']" id="pid">
<span class="icon is-small">
<i class="iconoir-temperature-high"></i>
</span>
<span>PID</span>
</button>
<button class="button" [routerLink]="['/devices', deviceId, 'states']" id="device-states">
<span class="icon is-small">
<i class="pi pi-history"></i>
</span>
<span>History</span>
</button>
<div class="tags places" *ngIf="device.status === 'up'">
<span class="tag" *ngFor="let place of places">{{place}}</span>
</div>
</div>
</div>
|