38 lines
1.5 KiB
HTML
38 lines
1.5 KiB
HTML
<div v-if="ready">
|
|
<div class="row">
|
|
<div class="col-md">
|
|
<strong>Linie:</strong>
|
|
<ul class="stop__lines list-unstyled list-inline">
|
|
<li v-for="line in lines" class="list-inline-item mb-2">
|
|
<line-symbol :line="line"></line-symbol>
|
|
</li>
|
|
</ul>
|
|
|
|
<strong>Na mapie:</strong>
|
|
<div style="height: 350px">
|
|
<l-map :center="stop.location" :zoom=17>
|
|
<l-tile-layer url="http://{s}.tile.osm.org/{z}/{x}/{y}.png" attribution='© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'></l-tile-layer>
|
|
<l-marker :lat-lng="stop.location"></l-marker>
|
|
</l-map>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md">
|
|
<strong>Trasy:</strong>
|
|
<ul class="stop__tracks list-underlined">
|
|
<li v-for="{ track, order } in tracks" class="track">
|
|
<div class="track__line">
|
|
<line-symbol :line="track.line"></line-symbol>
|
|
</div>
|
|
<div class="track__description">
|
|
{{ track.description }}
|
|
</div>
|
|
<span class="badge badge-pill badge-light track__order">#{{ order }}</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-else class="text-center">
|
|
<fa icon="spinner-third" pulse></fa>
|
|
</div> |