OTM/template/module/journey/map/mixin-marker.pug
sora-ext 102b873e79
All checks were successful
continuous-integration/drone/push Build is passing
Add template/module/journey/map/mixin-marker.pug
2025-02-28 17:53:12 +01:00

42 lines
1.4 KiB
Plaintext

mixin map_marker(place, color_sel_c, color_sel_o, color_else)
l-marker(
:lat-lng="place.latlon"
)
l-icon(
v-if="(place.step == journey.sel_day)"
v-html="generate_marker(place, \""+color_sel_c+"\")"
)
l-icon(
v-else-if="(place.step >=0)"
v-html="generate_marker(place, \""+color_sel_o+"\")"
)
l-icon(
v-else
v-html="generate_marker(place, \""+color_else+"\")"
)
l-popup()
h1.row.text-medium.text-center {{ place.sname }}
span.row.text-small.text-gray {{ place.display_name }}
span(v-if="edit_active")
.row.input(style="margin-bottom:0")
textarea-autosize.col-12.col-sm-12.text-small(
placeholder="Notes",
v-model="place.notes",
:min-height="30",
:max-height="350"
)
a.leaflet-popup-close-button.text-gray(
style="right: 4px; visibility: visible",
href="#rm",
v-on:click.prevent="place_delete(\""+place+"\",index)"
v-html="generate_icon('trash', 'NA')"
)
a.leaflet-popup-close-button.text-gray(
style="right: 20px; visibility: visible",
href="#toggle_day",
v-on:click.prevent="place.step = ((place.step==journey.sel_day)?-1:journey.sel_day)"
v-html="generate_icon(((place.step==journey.sel_day)?'calendar-xmark':'calendar-plus'), 'NA')"
)
span.row.text-small.text-dark(v-else) {{ place.notes }}