33 lines
1.4 KiB
HTML
33 lines
1.4 KiB
HTML
<div *ngIf="(selectedItem|async) as selectedItem; else noData">
|
|
|
|
<div *ngIf="selectedItem.data.layers[0].renderer.band.histogram;let histogram">
|
|
<div class="widget">
|
|
<div class="d-flex flex-column justify-content-center w-100 h-100">
|
|
<div class="head h-20 p-1">Height</div>
|
|
<div class="body d-flex flex-row h-100 w-100">
|
|
<div *ngIf="histogram.mean; else noMeanPresent">
|
|
<div class="mean flex-grow-1 pr-2 pl-2">{{histogram.mean | number:'0.1-2'}}<span class="unit"></span></div>
|
|
</div>
|
|
<ng-template #noMeanPresent>
|
|
<div class="mean flex-grow-1 pr-2 pl-2">{{(histogram.max+histogram.min)/2 | number:'0.1-2'}}<span class="unit">‰</span></div>
|
|
</ng-template>
|
|
<div class="d-flex flex-column w-20">
|
|
<div class="justify-content-center pr-2 pl-2 min">{{histogram.min | number:'0.1-2'}}</div>
|
|
<div class="justify-content-center pr-2 pl-2 max">{{histogram.max | number:'0.1-2'}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ng-template #noData>
|
|
<div class="widget">
|
|
<div class="d-flex flex-column justify-content-center w-100 h-100">
|
|
<div class="head h-20 p-1">Height</div>
|
|
<div class="body d-flex flex-row h-100 w-100">
|
|
<div class="p-1">No data available</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|