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 238x 2x 238x 186x 3x 3x 3x 186x 1x 3x 3x 3x 3x 186x 42x 3x 3x 3x 3x 3x 3x 3x 186x 3x 87x 3x 3x 103x 1x 1x 2x 102x 1x 1x 186x 3x 186x 3x 186x 8x 9x 9x 1x 9x 1x 1x 9x 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>
|