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 250x 2x 250x 210x 3x 3x 3x 210x 1x 3x 3x 3x 3x 210x 54x 3x 3x 3x 3x 3x 3x 3x 210x 3x 111x 3x 3x 103x 1x 1x 2x 102x 1x 1x 210x 3x 210x 3x 210x 28x 29x 29x 1x 29x 1x 1x 29x 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>
|