facilmap/frontend/src/map/search-result-info/search-result-info.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>