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

89.14% Statements 115/129
87.5% Branches 14/16
0% Functions 0/1
96.77% Lines 60/62

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 119 120 121 1221267x           9x     9x   2075x 9x 2066x 2075x   9x         9x                 9x 2075x   9x       9x 2075x   9x       9x 2075x     9x   2066x 1750x   9x 1750x 1750x 1750x 9x 1750x   9x     1750x 329x   3x   3x 3x 658x 661x   3x   1750x   9x 1759x   9x   1750x   9x 9x 1750x 884x   9x         9x 9x   2066x     9x 1687x   9x       9x 1687x       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">
            @if (device) {
              {{signal.type}} of device <a [routerLink]="['/devices', device.device_id]">{{device.name}} ({{device.config_name}})</a>
            }
            @else {
              {{signal.type}} of unused config <a [routerLink]="['/configurations', signal.config_id]">#{{signal.config_id}}</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.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.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>