52 lines
2.5 KiB
HTML
52 lines
2.5 KiB
HTML
<div class="spacer"></div>
|
|
@if (item; as item) {
|
|
<div>
|
|
<div class="card border-0">
|
|
<div class="card-body">
|
|
<fm-back-button></fm-back-button>
|
|
<div class="card menu-card">
|
|
@if (parentOfItemType('vnd.farmmaps.itemtype.cropfield')) {
|
|
<h2>{{parentItem.name}}</h2>
|
|
}
|
|
<h1>{{item.name}}</h1>
|
|
</div>
|
|
@if (item?.data.layers; as layers) {
|
|
<div class="legend-container">
|
|
<div class="card menu-card">
|
|
@if (layers.length>1) {
|
|
<div>
|
|
<select (change)="onLayerChanged($event.target.value)">
|
|
@for (l of layers; track l) {
|
|
<option [value]="l.index" [selected]="itemLayer.layerIndex == l.index">{{l.name}}</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
}
|
|
<fm-map-layer-legend [showTitle]="layers.length == 1"
|
|
[layer]="layer(layers,itemLayer.layerIndex)" [histogramenabled]="true"></fm-map-layer-legend>
|
|
</div>
|
|
</div>
|
|
<div class="card menu-card">
|
|
<ul class="p-0 mt-2">
|
|
@if (item.isEditable) {
|
|
<li><a href="#" class="ms-1 me-1" (click)="handleOnEdit(item)"><i class="fal fa-pencil" aria-hidden="true" i18n-title title="Edit"></i> <span i18n>Edit</span></a></li>
|
|
}
|
|
@if (itemTypeService.isLayer(item)) {
|
|
@if (!getItemLayer(item,itemLayer.layerIndex)) {
|
|
<li><a href="#" (click)="handleAddAsLayer(item,itemLayer.layerIndex)"><i class="fas fa-layer-plus" aria-hidden="true" i18n-title title="Add as layer"></i> <span i18n>Add as overlay</span></a></li>
|
|
}
|
|
@if (getItemLayer(item,itemLayer.layerIndex)) {
|
|
<li><a href="#" (click)="handleRemoveLayer(item,itemLayer.layerIndex)"><i class="fas fa-layer-minus" aria-hidden="true" i18n-title title="Remove overlay"></i> <span i18n>Remove overlay</span></a></li>
|
|
}
|
|
}
|
|
<li><fm-item-link class="text-primary p-0" [itemCode]="item.code" pathSuffix="data" [showText]="true"></fm-item-link></li>
|
|
<li><a href="#" (click)="download($event,item,layers,itemLayer.layerIndex)"><i class="fal fa-download" aria-hidden="true" i18n-title title="Download"></i> <span i18n>Download</span></a></li>
|
|
</ul>
|
|
</div>
|
|
<fm-map-zoom-to-show-alert [layer]="itemLayer?.layer"></fm-map-zoom-to-show-alert>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|