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 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | 179x 358x 224x 224x 2x 2x 2x 2x 113x 222x 2x 2x 2x 3x 222x 2x 1x 22x 1x 1x 1x 1x 1x 1x 1x 1x 1x 460x 460x 460x 20x 440x 460x 20x 20x 1x 2x 2x 111x 2x | <app-error *ngIf="error" [error]="error"></app-error>
<div *ngIf="!error">
<div>
<section class="section">
<h1>{{ deviceName }}</h1>
<h2 class="subtitle is-5">device #{{ deviceId.slice(8) }}</h2>
</section>
</div>
<p-tabs value="0">
<p-tablist>
<p-tab value="0">State</p-tab>
<p-tab value="1">Status</p-tab>
</p-tablist>
<p-tabpanels>
<p-tabpanel value="0">
<div class="property-selector">
<p-floatlabel>
<p-multiselect display="chip" [options]="deviceProperties" [(ngModel)]="selectedProperties"
optionLabel="label" [style]="{ 'min-width': '200px' }"
(onChange)="onModifiedPropertiesChanged($event.value)" id="modifiedProperties"/>
<label for="modifiedProperties">Modified properties</label>
</p-floatlabel>
</div>
<p-table
*ngIf="versions"
[value]="versions.items"
[tableStyle]="{ 'min-width': '50rem' }"
[paginator]="true"
[rows]="rows"
[rowsPerPageOptions]="filteredRowsPerPageOptions"
[showCurrentPageReport]="true"
[first]="offset"
[totalRecords]="versions.total"
[lazy] = true
currentPageReportTemplate="Showing {first} - {last} of {totalRecords} entries"
(onPage)="onTableEvent($event)"
(onLazyLoad)="loadEvents($event)"
sortField="timestamp"
[sortOrder]="-1">
<ng-template pTemplate="caption">
<div class="columns">
<div class="column">
Last changes
</div>
</div>
</ng-template>
<ng-template pTemplate="header">
<tr>
<th pSortableColumn="timestamp">Date <p-sortIcon field="timestamp"></p-sortIcon></th>
<th>Mode</th>
<th>Load</th>
<th>Actions</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-version>
<tr>
<td>{{ version.timestamp * 1000 | date:'yyyy/MM/dd - HH:mm:ss' }}</td>
<td>{{ version.mode }}</td>
<td>{{ version.load*100 | number: '1.0-0' }}%</td>
<td>
<div class="tags">
<div class="tag" *ngFor="let token of version.tokens">
{{ petriNetwork.places[token].name }}
</div>
</div>
</td>
</tr>
</ng-template>
</p-table>
</p-tabpanel>
<p-tabpanel value="1">
<app-signals-graphs [showLegend]="true" [showSignals]="false" [inputIsLive]="false" [displayCommandCenter]="false"></app-signals-graphs>
</p-tabpanel>
</p-tabpanels>
</p-tabs>
</div>
|