dev (#160)

Co-authored-by: sora-ext
Co-authored-by: soraefir
Reviewed-on: #160

src/template/module/journey/map/mixin-marker.pug

@@ -0,0 +1,37 @@
+
+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(
+    :options="{maxWidth:400, minWidth:300}")
+      h1.row.text-medium.text-center {{ place.sname }}
+      span.row.text-small.text-gray {{ place.display_name }}
+      span(v-if="edit_active")
+        .row.input()
+          textarea.col-12.col-sm-12.text-small(
+            placeholder="",
+            v-model="place.notes",
+          )
+      .leaflet-popup-button-group(v-if="edit_active")
+        a.text-gray(
+          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')"
+        )
+        a.text-gray(
+          v-on:click.prevent="place_delete(\""+place+"\",index)"
+          v-html="generate_icon('trash', 'NA')"
+        ) 
+      span.row.text-small.text-dark(v-else) {{ place.notes }}