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 | 370x 1x 740x 740x 720x 2x 2x 2x 722x 2x 720x 2x 360x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 720x 394x 394x 2x 2x 394x 2x 2x 394x 2x 2x 329x 1x 1x 329x 1x 1x 2x 328x 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>
}
|