42 lines
No EOL
1.7 KiB
HTML
42 lines
No EOL
1.7 KiB
HTML
|
|
<div id="geomon-legend-entry" class="legendItem" style="position: relative;" [ngStyle]="{'border-color': datasetOption?.color}"
|
|
[ngClass]="{'selected': selected}" (click)="toggleVisibility(); $event.stopPropagation();">
|
|
<!-- <div class="loading-overlay" *ngIf="loading" [ngStyle]="{'background-color': datasetOption?.color}">
|
|
<div class="fa fa-refresh fa-spin fa-3x fa-fw"></div>
|
|
</div> -->
|
|
|
|
<div>
|
|
<div class="legendItemheader" [ngClass]="{'highlight': highlight}">
|
|
|
|
<div class="legendItemLabel" [ngStyle]="{'color': datasetOption?.color}">
|
|
<label>Plattform: {{platformLabel}} </label>
|
|
</div>
|
|
|
|
<div class="noDataWarning firstLastEntry" *ngIf="!hasData">
|
|
<div>
|
|
<span class="fa fa-exclamation-triangle red"></span>
|
|
<span class="small-label">Keine Daten verfügbar</span>
|
|
</div>
|
|
<div class="additionalLegendEntry">
|
|
<span class="fa fa-chevron-right"></span>
|
|
<span class="small-label">Springe zur letzten Messung</span>
|
|
</div>
|
|
</div>
|
|
<div class="small-label">
|
|
<label> {{phenomenonLabel}} </label>
|
|
<span *ngIf="uom">
|
|
<span>[</span>
|
|
<label>{{uom}}</label>
|
|
<span>]</span>
|
|
</span>
|
|
</div>
|
|
<div class="small-label">
|
|
<label>Sensor: {{procedureLabel}}</label>
|
|
</div>
|
|
<div class="small-label" *ngIf="categoryLabel != phenomenonLabel">
|
|
<label>{{categoryLabel}}</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> |