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 | 328x 1x 656x 656x 636x 2x 2x 2x 638x 2x 636x 2x 360x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 636x 386x 386x 2x 2x 386x 2x 2x 386x 2x 2x 253x 1x 1x 253x 1x 1x 2x 252x 1x 1x 2x | @if (!device&&!deviceError){
<app-loader elementName="device"></app-loader>
}
@if (deviceError){
<app-error [error]="deviceError"></app-error>
}
@if (device){
<div>
<div class="level">
<div class="level-right">
<button [routerLink]="['/device-deployers/', deviceDeployerId]" class="button is-rounded">
<i class="pi pi-chevron-left"></i>
<span>Back to deployer</span>
</button>
<h1 class="title is-4">Device {{device.name}}</h1>
</div>
@if (deviceId !== 'new' && device.status){
<div class="level-left">
@if (device.status.includes('exited') || device.status.includes('created')){
<button id="device-start" (click)="startDevice(device.device_id)" class="button is-rounded">
<i class="pi pi-play-circle"></i>
<span>Start</span>
</button>
<button id="device-stop" (click)="stopDevice(device.device_id)" class="button is-rounded">
<i class="pi pi-stop-circle"></i>
<span>Stop</span>
</button>
<button id="device-restart" (click)="restartDevice(device.device_id)" class="button is-rounded">
<i class="pi pi-refresh"></i>
<span>Restart</span>
</button>
<button id="device-delete" (click)="deleteDevice(device.device_id)" class="button is-rounded">
<i class="pi pi-trash"></i>
<span>Delete</span>
</button>
}
</div>
}
</div>
@if (deviceId !== 'new' && device){
<div>
<p class="subtitle is-6">device #{{deviceId.slice(8)}}</p>
<span class="tag" [ngClass]="device.statusClass(device.status)">{{device.status}}</span>
<h3 class="subtitle is-3">Description</h3>
<p>
{{device.description}}
</p>
<h3 class="subtitle is-3">Logs</h3>
<pre>{{device.logs}}</pre>
</div>
}
@else{
<div>
<p-floatlabel>
<input id="name" pInputText [(ngModel)]="device.name" />
<label for="name">Name</label>
</p-floatlabel>
<p-floatlabel>
<input id="desc" pInputText [(ngModel)]="device.description" />
<label for="desc">Description</label>
</p-floatlabel>
<button (click)="addDevice()" class="button" id="addDevice"
[disabled]="!device.name">
Add new device
</button>
</div>
}
</div>
}
|