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 | 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 31x 12912x 124x 3x 3x 31x 31x 12912x 31x 12912x 31x 31x 31x 12912x 31x 31x 31x 31x 5306x 10642x 30x 5306x 10642x 30x 31x | <aside class="leftbar">
<ul class="menu-list">
<li><a routerLink="/" class="item">
<span class="icon"><i class="iconoir-reports"></i></span>
<span class="name">Dashboard</span>
</a>
</li>
<li><a routerLink="/campaigns" class="item">
<span class="icon"><i class="iconoir-planet"></i></span>
<span class="name">Campaigns</span></a>
</li>
<li>
<a routerLink="/devices" class="item"><span class="icon">
<i class="iconoir-cpu"></i></span>
<span class="name">Devices</span>
</a>
</li>
<li>
<a routerLink="/device-setups" class="item">
<span class="icon"><i class="iconoir-precision-tool"></i></span>
<span class="name">Setups</span></a>
</li>
<li>
<a routerLink="/videos" class="item">
<span class="icon"><i class="iconoir-video-camera"></i></span>
<span class="name">Videos</span>
</a>
</li>
<li><a routerLink="/signals" class="item"><span class="icon">
<i class="iconoir-antenna-signal"></i></span>
<span class="name">Signals</span></a>
</li>
<li>
<a routerLink="/signals-graph" class="item"><span class="icon">
<i class="iconoir-graph-up"></i></span>
<span class="name">Signals graph</span>
</a>
</li>
<li>
<a routerLink="/signals-values" class="item"><span class="icon">
<i class="iconoir-table-rows"></i></span>
<span class="name">Signals values</span>
</a>
</li>
<li><a routerLink="/event-rules" class="item"><span class="icon">
<i class="iconoir-calendar-plus"></i></span>
<span class="name">Event rules</span></a>
</li>
<li><a routerLink="/events" class="item"><span class="icon">
<i class="iconoir-warning-square"></i></span>
<span class="name">Events</span></a>
</li>
<li class="menu" (click)="toggleSubMenu()" (keydown.space)="toggleSubMenu()" tabindex="0">
<span class="icon"><i class="iconoir-view-grid item"></i></span><span class="name" id="customViewsMenu">Custom Views</span>
<ul class="submenu" *ngIf="showSubMenu">
<li><a [routerLink]="addCustomView" ><span class="icon"><i class="iconoir-plus-square"></i></span><span class="name" id="addCustomViewMenu">Add Custom View</span></a></li>
<li><a routerLink="/customViews"><span class="icon"><i class="iconoir-orthogonal-view"></i></span><span class="name" id="showCustomView">Show Custom View</span></a></li>
</ul>
</li>
<li class="cloud-status"><a routerLink="/" class="item">
<span class="icon"
[ngClass]="{'undefined': cloudStatus===undefined, 'nominal': cloudStatus===true, 'problem': cloudStatus===false}">
<i
[ngClass]="{'iconoir-refresh-circle': cloudStatus===undefined, 'iconoir-check-circle-solid': cloudStatus, 'iconoir-xmark-circle-solid': !cloudStatus}"></i>
</span>
<span class="name">Cloud Services</span></a>
</li>
@if (devices === undefined) {
<li class="skeleton-block">
<a class="item">
<span class="icon"><i></i></span>
<span class="name"></span>
</a>
</li>
}
@else {
<li>
<a [routerLink]="['/devices']" [queryParams]="{status: 'up'}">
<span class="icon nominal"><i class="iconoir-check-circle-solid"></i></span><span class="name">{{ devices | statusCount:"up" }} Devices Up</span>
</a>
</li>
<li>
<a [routerLink]="['/devices']" [queryParams]="{status: 'down'}">
<span class="icon problem"><i class="iconoir-xmark-circle-solid"></i></span><span class="name">{{ devices | statusCount:"down" }} Devices Down</span>
</a>
</li>
}
</ul>
</aside>
|