FarmMaps/FarmMapsLib
15
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Angular v20

Browse Source
This commit is contained in:
Peter (extern)
2026-01-20 17:11:03 +01:00
parent 4bef16aa2b
commit 429ab24408
47 changed files with 6654 additions and 2864 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
projects/common-map/src/fm-map/components/aol/layer-values/layer-values.component.html
View File

@@ -1,18 +1,27 @@
<div #layerValues class="layer-values">
<div class="cross" *ngIf="enabled$ | async">
<div class="pointer"></div>
<div class="values-container border border-dark rounded p-2" *ngIf="(layerValues$ | async ) as layers">
<div class="lonlat pb-2 "><span class="font-weight-bold">{{lonlat$}}</span><i class="ms-2 fal fa-copy" (click)="copyToClipboard()"></i> </div>
<ul class="value-list p-0 mb-0" *ngIf="layers.length>0 ;else no_data">
<li class="border-top pt-1 pb-1 value" *ngFor="let layerValue of layers">
<div>{{layerValue.layerName}}</div>
<div>{{layerValue.date|date}}</div>
<div><span *ngIf="layerValue.quantity"><span class="me-1">{{layerValue.quantity}}</span> </span><span class="me-1 font-weight-bold">{{getScaledValue(layerValue)}}</span><span>{{layerValue.unit}}</span></div>
</li>
</ul>
<ng-template #no_data>
<div i18n class="border-top pt-1 pb-1">No data at location</div>
</ng-template>
</div>
</div>
</div>
@if (enabled$ | async) {
<div class="cross" >
<div class="pointer"></div>
@if ((layerValues$ | async ); as layers) {
<div class="values-container border border-dark rounded p-2">
<div class="lonlat pb-2 "><span class="font-weight-bold">{{lonlat$}}</span><i class="ms-2 fal fa-copy" (click)="copyToClipboard()"></i> </div>
@if (layers.length>0 ) {
<ul class="value-list p-0 mb-0">
@for (layerValue of layers; track layerValue) {
<li class="border-top pt-1 pb-1 value">
<div>{{layerValue.layerName}}</div>
<div>{{layerValue.date|date}}</div>
<div>@if (layerValue.quantity) {
<span><span class="me-1">{{layerValue.quantity}}</span> </span>
}<span class="me-1 font-weight-bold">{{getScaledValue(layerValue)}}</span><span>{{layerValue.unit}}</span></div>
</li>
}
</ul>
} @else {
<div i18n class="border-top pt-1 pb-1">No data at location</div>
}
</div>
}
</div>
}
</div>