kopia lustrzana https://github.com/FacilMap/facilmap
36 wiersze
1.7 KiB
Vue
36 wiersze
1.7 KiB
Vue
<div class="fm-search-result-info" v-if="result">
|
||
<h2>
|
||
<a v-if="showBackButton" href="javascript:" @click="$emit('back')"><Icon icon="arrow-left"></Icon></a>
|
||
{{result.short_name}}
|
||
</h2>
|
||
<dl class="fm-search-box-collapse-point">
|
||
<dt v-if="result.type">Type</dt>
|
||
<dd v-if="result.type">{{result.type}}</dd>
|
||
|
||
<dt v-if="result.address">Address</dt>
|
||
<dd v-if="result.address">{{result.address}}</dd>
|
||
|
||
<dt v-if="result.type != 'coordinates' && result.lat != null && result.lon != null">Coordinates</dt>
|
||
<dd v-if="result.type != 'coordinates' && result.lat != null && result.lon != null">{{result.lat | round(5)}}, {{result.lon | round(5)}}</dd>
|
||
|
||
<dt v-if="result.elevation != null">Elevation</dt>
|
||
<dd v-if="result.elevation != null">{{result.elevation}} m</dd>
|
||
|
||
<template v-for="(value, key) in result.extratags">
|
||
<dt>{{key}}</dt>
|
||
<dd v-html="renderOsmTag(key, value)"></dd>
|
||
</template>
|
||
</dl>
|
||
|
||
<b-button-toolbar>
|
||
<b-dropdown v-if="!client.readonly && types.length > 1" text="Add to map" size="sm">
|
||
<b-dropdown-item v-for="type in types" href="javascript:" @click="$emit('add-to-map', type)">{{type.name}}</b-dropdown-item>
|
||
</b-dropdown>
|
||
<b-button v-if="!client.readonly && types.length == 1" @click="$emit('add-to-map', types[0])" size="sm">Add to map</b-button>
|
||
<b-dropdown v-if="isMarker" text="Use as" size="sm">
|
||
<b-dropdown-item href="javascript:" @click="$emit('use-as-from')">Route start</b-dropdown-item>
|
||
<b-dropdown-item href="javascript:" @click="$emit('use-as-via')">Route via</b-dropdown-item>
|
||
<b-dropdown-item href="javascript:" @click="$emit('use-as-to')">Route destination</b-dropdown-item>
|
||
</b-dropdown>
|
||
</b-button-toolbar>
|
||
</div> |