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

92.68% Statements 114/123
92.85% Branches 13/14
0% Functions 0/1
98.27% Lines 57/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 1151169x           9x     9x   1939x 1939x   9x                 9x 1939x   9x       9x 1939x   9x       9x 1939x     9x   1930x 1602x   9x 1602x 1602x 1602x 9x 1602x   9x     1602x 78x   2x   2x 2x 156x 158x   2x   1602x   9x 1611x   9x   1602x   9x 9x 1602x 810x   9x         9x 9x   1930x     9x 1539x   9x       9x 1539x       9x   1939x 9x 1930x 965x 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>