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 | 134x 87x 87x 3x 87x 3x 84x 3x 87x 3x 84x 3x 84x 87x 3x 3x 84x 3x 3x 3x 3x 3x 84x 3x 3x 3x 3x 3x 84x 3x 3x 3x 3x 3x 3x 87x 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">
<span class="tag" *ngFor="let place of places">{{place}}</span>
</div>
</div>
</div>
|