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

95.76% Statements 113/118
75% Branches 3/4
100% Functions 0/0
95.89% Lines 70/73

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 111 112 113 114 115 116 117 118      91x 91x   91x   91x 91x 91x   91x 91x 91x   91x     91x 91x 91x 91x   91x 58178x   89x 89x 89x   89x       91x 91x 91x     91x 91x   91x 91x 91x 91x 91x   91x 91x 91x   91x   91x 91x 91x   91x   91x 91x 91x   91x 91x 91x 91x 91x 91x 91x 91x 91x 91x 91x 91x 91x                   91x 58178x 91x 58178x 91x   91x 91x 58178x               91x   29089x 58269x   91x   29089x 58269x   91x     91x  
<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="/configurations" class="item">
        <span class="icon">
          <i class="iconoir-cable-tag-solid"></i>
        </span>
        <span class="name">Configurations</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>