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

95.45% Statements 105/110
50% Branches 1/2
100% Functions 0/0
95.52% Lines 64/67

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 103 104 105 106 107 108      85x 85x   85x   85x 85x 85x   85x 85x 85x   85x   85x 85x 85x   85x     85x 85x 85x     85x 85x   85x 85x 85x 85x 85x   85x 85x 85x   85x   85x 85x 85x   85x   85x 85x 85x   85x 85x 85x 85x 85x 85x 85x 85x 85x 85x 85x 85x 85x                   85x 52200x 85x 52200x 85x   85x 85x 52200x               85x   26100x 52285x   85x   26100x 52285x   85x     85x  
<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-deployers" class="item"><span class="icon">
          <i class="iconoir-cloud-upload"></i></span>
        <span class="name">Deployers</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>