All files / src/app/components/leftbar leftbar.component.html

95.19% Statements 99/104
50% Branches 1/2
100% Functions 0/0
95.23% Lines 60/63

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 95 96 97 98 99 100 101 102      87x 87x   87x   87x 87x 87x   87x 87x 87x   87x     87x 87x 87x     87x 87x   87x 87x 87x 87x 87x   87x 87x 87x   87x   87x 87x 87x   87x   87x 87x 87x   87x 87x 87x 87x 87x 87x 87x 87x 87x 87x 87x 87x 87x                   87x 51392x 87x 51392x 87x   87x 87x 51392x               87x   25696x 51479x   87x   25696x 51479x   87x     87x  
<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="/post-processing" class="item"><span class="icon">
          <i class="iconoir-graph-up"></i></span>
        <span class="name">Post-process</span>
      </a>
    </li>
    <li>
      <a routerLink="/signals-values" class="item"><span class="icon">
          <i class="iconoir-table-rows"></i></span>
        <span class="name">Signal 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><a routerLink="/custom-views" class="item"><span class="icon">
      <i class="iconoir-view-grid item"></i></span>
    <span class="name">Custom Views</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': isCloudReachable === undefined, 'nominal': isCloudReachable === true, 'problem': isCloudReachable === false}">
          <i
            [ngClass]="{'iconoir-refresh-circle': isCloudReachable===undefined, 'iconoir-check-circle-solid': isCloudReachable, 'iconoir-xmark-circle-solid': !isCloudReachable}"></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>