mirror of
https://gitlab.com/wgp/dougal/software.git
synced 2025-12-06 10:37:07 +00:00
Add Markdown support to map tooltips
This commit is contained in:
@@ -31,6 +31,7 @@ import 'leaflet-arrowheads'
|
||||
import { mapActions, mapGetters, mapState } from 'vuex';
|
||||
import ftstamp from '@/lib/FormatTimestamp'
|
||||
import zoomFitIcon from '@/assets/zoom-fit-best.svg'
|
||||
import { markdown, markdownInline } from '@/lib/markdown';
|
||||
|
||||
var map;
|
||||
|
||||
@@ -108,7 +109,7 @@ const layers = {
|
||||
const speed = (p.length / (new Date(p.ts1) - new Date(p.ts0))) * 3.6/1.852 * 1000;
|
||||
|
||||
const remarks = p.remarks
|
||||
? "<hr/>"+p.remarks
|
||||
? "<hr/>"+markdownInline(p.remarks)
|
||||
: "";
|
||||
|
||||
const popup = `Planned sequence <b>${p.sequence}</b><br/>
|
||||
@@ -146,7 +147,7 @@ const layers = {
|
||||
: "";
|
||||
|
||||
const remarks = p.remarks
|
||||
? "<hr/>"+p.remarks
|
||||
? "<hr/>"+markdown(p.remarks)
|
||||
: "";
|
||||
|
||||
const popup = feature.geometry.type == "Point"
|
||||
@@ -181,7 +182,7 @@ const layers = {
|
||||
const p = feature.properties;
|
||||
|
||||
const remarks = p.remarks
|
||||
? "<hr/>"+p.remarks
|
||||
? "<hr/>"+markdown(p.remarks)
|
||||
: "";
|
||||
|
||||
const popup = feature.geometry.type == "Point"
|
||||
@@ -612,8 +613,8 @@ export default {
|
||||
onEachFeature (feature, layer) {
|
||||
const p = feature.properties;
|
||||
const popup = (p.sequence
|
||||
? `Event @ ${p.tstamp}<br/>Sequence ${p.sequence}<br/>Point <b>${p.line} / ${p.point}</b><br/><hr/>${p.remarks}`
|
||||
: `Event @ ${p.tstamp}<br/><hr/>${p.remarks}`)
|
||||
? `Event @ ${p.tstamp}<br/>Sequence ${p.sequence}<br/>Point <b>${p.line} / ${p.point}</b><br/><hr/>${markdownInline(p.remarks)}`
|
||||
: `Event @ ${p.tstamp}<br/><hr/>${markdownInline(p.remarks)}`)
|
||||
+ (p.labels.length? `<br/>[<i>${p.labels.join(", ")}</i>]` : "");
|
||||
layer.bindTooltip(popup, {sticky: true});
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user