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 | 187x 374x 232x 232x 2x 2x 2x 2x 117x 230x 2x 2x 2x 3x 230x 2x 1x 26x 1x 1x 1x 1x 1x 1x 1x 1x 1x 540x 540x 540x 20x 520x 540x 20x 20x 1x 2x 2x 115x 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>
|