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

93.49% Statements 115/123
100% Branches 14/14
0% Functions 0/1
100% Lines 58/58

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 1151265x           9x     9x   2075x 2075x   9x                 9x 2075x   9x       9x 2075x   9x       9x 2075x     9x   2066x 1722x   9x 1722x 1722x 1722x 9x 1722x   9x     1722x 110x   2x   2x 2x 220x 222x   2x   1722x   9x 1731x   9x   1722x   9x 9x 1722x 851x   9x 21x       9x 9x   2066x     9x 1659x   9x       9x 1659x       9x   2075x 9x 2066x 1033x 9x   9x  
<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">
                <span *ngIf="dataType === 'epoch'">{{ asNumber(lastSample.value) * 1000 | date:'yyyy/MM/dd - HH:mm:ss' }}</span>
                <span *ngIf="dataType !== 'epoch'">{{ lastSample.value | value }}<ng-container *ngIf="signal.unit"> {{ signal.unit }}</ng-container></span>
              </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" *ngIf="dataType === 'epoch'">{{ asNumber(lastSample.forced_value) * 1000 | date:'yyyy/MM/dd - HH:mm:ss' }}</span>
              <span class="tag is-warning" *ngIf="dataType !== 'epoch'">{{ 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">
                @if (delay < 1) {
                  {{delay * 1000 | number: '1.0-0'}} ms ago
                }
                @else {
                  {{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>