All files / src/app/components/signal-card signal-card.component.html

95.32% Statements 102/107
100% Branches 12/12
0% Functions 0/1
100% Lines 50/50

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 104823x           6x     6x   1468x 1462x   6x                 6x 1468x   6x       6x 1468x   6x       6x 1468x     6x   1462x 1306x   6x 1312x 1306x   6x     1306x 150x   2x   2x 2x 302x   2x   1306x   6x 1312x   6x   1306x   6x 1312x   6x 6x   1462x     6x 1260x   6x       6x 1260x       6x   1468x 6x 1462x 731x 6x   6x  
<div class="card" *ngIf="signal">
    <div class="card-content">
      <div class="media">
        <div class="media-left">
          <figure class="image is-48x48">
            <!-- <img src="assets/signal.png" alt="Placeholder image"/> -->
              <span class="icon"><i class="iconoir-antenna-signal"></i></span>
 
          </figure>
        </div>
        <div class="media-content">
          <p class="title is-4 clickable" [routerLink]="['/signals', signal.signal_id]">{{signal.ticker}}</p>
          <p class="subtitle is-6" *ngIf="device">{{signal.type}} of device <a [routerLink]="['/devices', signal.device_id]">{{device.name}}</a></p>
        </div>
      </div>
 
      <div class="content">
 
        <div class="field is-grouped is-grouped-multiline">
 
 
          <div class="control">
            <div class="tags has-addons">
              <span class="tag is-dark">type</span>
              <span class="tag is-info">{{signal.type}}</span>
            </div>
          </div>
 
          <div class="control">
            <div class="tags has-addons">
              <span class="tag is-dark">data type</span>
              <span title="{{enumOptions}}" class="tag is-success">{{dataType}}</span>
            </div>
          </div>
 
          <div class="control">
            <div class="tags has-addons">
              <span class="tag is-dark">unit</span>
              <span class="tag is-primary">{{signal.unit ? signal.unit: 'No unit'}}</span>
            </div>
          </div>
        </div>
 
        <div *ngIf="lastSample" class="field is-grouped is-grouped-multiline">
          <div  class="control" [id]="signal.device_id + '_' + signal.ticker + '_value' ">
            <div class="tags has-addons">
              <span class="tag is-dark">Value</span>
              <span class="tag is-info" *ngIf="lastSample.value !== null">{{ lastSample.value | value }}<ng-container *ngIf="signal.unit"> {{ signal.unit }}</ng-container></span>
              <span class="tag is-info" *ngIf="!lastSample.value === null || lastSample === null">No data</span>
            </div>
          </div>
 
          <div class="control"
            *ngIf="lastSample?.forced_value !== null && lastSample?.forced_value !== undefined"
            [id]="signal.device_id + '_' + signal.ticker + '_forced-value' ">
            <div class="tags has-addons">
              <span class="tag is-dark">Forced Value
                <!-- eslint-disable-next-line -->
                <button class="delete" (click)="unForce()"></button>
              </span>
              <span class="tag is-warning">{{lastSample.forced_value | value}}<ng-container *ngIf="signal.unit"> {{ signal.unit }}</ng-container></span>
            </div>
          </div>
 
          <div class="control" *ngIf="lastSample !== null && lastSample !== undefined">
            <div class="tags has-addons">
              <span class="tag is-dark">Last Value</span>
              <span class="tag is-link">{{lastSample.timestamp*1000 | date:'short'}}</span>
            </div>
          </div>
 
          <div class="control" *ngIf="lastSample !== null && lastSample !== undefined">
            <div class="tags has-addons">
              <span class="tag is-dark">Delay</span>
              <span class="tag is-link">{{delay | number: '1.3-3'}} seconds ago</span>
            </div>
          </div>
        </div>
 
        <div class="field is-grouped is-grouped-multiline" *ngIf="sampleStats">
          <div class="control">
            <div class="tags has-addons">
              <span class="tag is-dark">Number samples</span>
              <span class="tag is-primary">{{ sampleStats.number_samples }}</span>
            </div>
          </div>
 
          <div class="control">
            <div class="tags has-addons">
              <span class="tag is-dark">Data size</span>
              <span class="tag is-link">{{ sampleStats.size | numberSuffix }}B</span>
            </div>
          </div>
 
        </div>
 
        {{signal.description}}
      </div>
      <div class="content" *ngIf="signal.forcible">
        <app-signal-command [signal]="signal" [forcedValue]="lastSample !== null ? lastSample.forced_value : null"></app-signal-command>
      </div>
    </div>
  </div>