45 lines
2.0 KiB
HTML
45 lines
2.0 KiB
HTML
<table class="container" *ngIf="showLegend()">
|
|
<tr>
|
|
<td colspan="2">
|
|
<div class="title">
|
|
<h4 *ngIf="showTitle">{{layer.name}}</h4>
|
|
<b *ngIf="layer.unit">({{layer.unit}})</b>
|
|
</div>
|
|
</td>
|
|
<td colspan="2">
|
|
<div class="title" *ngIf="histogramenabled">
|
|
<h4>{{histogram}}</h4>
|
|
<b *ngIf="histogramunit">({{histogramunit}})</b>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr *ngFor="let entry of layer.renderer.colorMap.entries; let i = index ">
|
|
<td class="legend-items"><span [style.background-color]="getHex(entry.color)" class="color"></span></td>
|
|
<td class="legend-items-text"><span *ngIf="!entry.label">{{getScaledValue(entry.value,layer.scale) | number:'1.0-2'}} {{legendunit}}</span><span *ngIf="entry.label">{{entry.label}}</span></td>
|
|
<td class="histogram-items">
|
|
<div *ngIf="showHistogram()">
|
|
<span class="bar" [style.background-color]="getHex(entry.color)" [style.width]="getPart(layer.renderer, i)">
|
|
</span>
|
|
<span class="bar-label">{{getLabel(layer.renderer,i)}}</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr *ngIf="showHistogram()">
|
|
<td colspan="4" class="pb-2 pt-2">
|
|
<a i18n-title title="more info"><i class="fa fa-info-circle text-primary" (click)="hideHistogramDetails = !hideHistogramDetails"></i></a>
|
|
<div class="info pt-2" [ngbCollapse]="hideHistogramDetails">
|
|
<div><span i18n>Average: </span>{{layer.renderer.band.histogram.mean| number:'1.0-3'}}</div>
|
|
<div><span i18n>Standard deviation: </span>{{layer.renderer.band.histogram.stddev| number:'1.0-3'}}</div>
|
|
<div><span i18n>Min: </span>{{layer.renderer.band.histogram.min| number:'1.0-3'}}</div>
|
|
<div><span i18n>Max: </span>{{layer.renderer.band.histogram.max| number:'1.0-3'}}</div>
|
|
<div *ngIf="showConfidenceInterval()"><span i18n>Confidence interval:</span> {{layer.renderer.band.histogram.confidence * 100| number:'1.0-0'}}%</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|