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 | 386x 1x 772x 772x 748x 2x 2x 2x 750x 2x 748x 2x 360x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 748x 398x 398x 2x 2x 398x 2x 2x 398x 2x 2x 353x 1x 1x 353x 1x 1x 2x 352x 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>
}
|