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

95.53% Statements 107/112
75% Branches 3/4
100% Functions 0/0
95.58% Lines 65/68

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 109 110      104x 104x   104x   104x 104x 104x   104x 104x 104x   104x 60304x   100x 100x 100x   100x       104x 104x 104x     104x 104x   104x 104x 104x 104x 104x   104x 104x 104x   104x   104x 104x 104x   104x   104x 104x 104x   104x 104x 104x 104x 104x 104x 104x 104x 104x 104x 104x 104x 104x                   104x 60304x 104x 60304x 104x   104x 104x 60304x               104x   30152x 60408x   104x   30152x 60408x   104x     104x  
<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>
    @if (displayDeployers) {
      <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>