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

95.28% Statements 101/106
92.85% Branches 13/14
0% Functions 0/1
100% Lines 49/49

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 105727x           5x     5x   1207x 1202x   5x                 5x 1207x   5x       5x 1207x   5x       5x 1207x     5x   1202x 1054x   5x 1059x 1054x   5x   1054x   88x   2x   2x 2x 178x   2x     1054x   5x 1059x   5x   1054x   5x 1059x   5x 5x   1202x     5x 1015x   5x       5x 1015x       5x   1207x 5x 5x 601x     5x  
<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 class="tag is-success">{{signal.data_type}}</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>
 
          @if (lastSample.forced_value)
          {
            <div class="control" *ngIf="lastSample?.forced_value !== null" [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">
        <app-signal-command [signal]="signal" [forcedValue]="lastSample !== null ? lastSample.forced_value : null"></app-signal-command>
      </div>
    </div>
  </div>