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 83 84 85 86 87 88 89 90 91 92 93 94 | 3x 262x 2x 262x 218x 3x 3x 3x 218x 1x 3x 3x 3x 3x 218x 60x 3x 3x 3x 3x 3x 3x 3x 218x 3x 123x 3x 3x 99x 1x 1x 2x 98x 1x 1x 218x 3x 218x 3x 218x 16x 17x 17x 1x 17x 1x 1x 17x 1x 3x 3x | <section class="container">
@if (!deviceDeployer){
<app-loader></app-loader>
}
@if (deviceDeployer){
<div>
<div class="level">
<div class="level-left">
<button [routerLink]="['/device-deployers']" class="button is-rounded">
<i class="pi pi-chevron-left"></i>
<span>Device deployers</span>
</button>
@if (deviceDeployerId === 'new'){
<h1 class="title is-4">Add new deployer</h1>
}
@else{
<h1 class="title is-4">Deployer</h1>
}
</div>
<div class="level-right">
@if (deviceDeployerId !== 'new'){
<button class="button is-rounded" [routerLink]="['/device-deployers/', deviceDeployerId, 'devices', 'new']" id="addDevice">
<i class="pi pi-plus"></i>
<span>Add new device</span>
</button>
}
<button class="button is-rounded" (click)="deleteDeployer()">
<i class="pi pi-trash"></i>
<span>Delete deployer</span>
</button>
</div>
</div>
@if (deviceDeployerId !== "new"){
<div>
<h1 class="title">Device deployer</h1>
<p> url {{deviceDeployer.url}}</p>
</div>
}
@else{
<div>
<p-floatlabel>
<input id="url" pInputText [(ngModel)]="deviceDeployer.url" />
<label for="username">URL</label>
</p-floatlabel>
<button (click)="addDeployer()" class="button" id="addDeployer"
[disabled]="!deviceDeployer.url">
Add new deployer
</button>
</div>
}
@if (devices === undefined){
<app-loader elementName="devices"></app-loader>
}
@if (devicesError === true){
<p >Cannot fetch devices. Is url correct?</p>
}
<div class="fixed-grid has-3-cols">
<div class="grid">
<div class="cell" *ngFor="let device of devices">
<div class="card"
[routerLink]="['/device-deployers/', deviceDeployer.id, 'devices', device.device_id]">
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">{{device.name}}</p>
<p class="subtitle is-6">device #{{device.device_id.slice(8)}}</p>
<span class="tag"
[ngClass]="device.statusClass(device.status)">{{device.status}}</span>
</div>
</div>
<div class="content">
{{ device.description }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
}
</section>
|