Graham McIntire
92c013ab37
- GPS button sets source_is_gps flag, URL stays source=gps - Form shows resolved coordinates but URL preserves gps intent - Single "Copy Link" button copies current URL (includes gps if used) - Fix unicode escapes in HEEx: use Elixir interpolation for subscripts
44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
export const CopyLink = {
|
|
mounted() {
|
|
this.el.addEventListener("click", () => {
|
|
navigator.clipboard.writeText(window.location.href).then(() => {
|
|
const orig = this.el.innerHTML
|
|
this.el.innerHTML = '<span class="text-success">Copied!</span>'
|
|
setTimeout(() => { this.el.innerHTML = orig }, 1500)
|
|
})
|
|
})
|
|
}
|
|
}
|
|
|
|
export const LocateMe = {
|
|
mounted() {
|
|
this.el.addEventListener("click", () => this.locate())
|
|
|
|
// Also respond to server-pushed request (for source=gps URLs)
|
|
this.handleEvent("request_gps", () => this.locate())
|
|
},
|
|
|
|
locate() {
|
|
if (!navigator.geolocation) {
|
|
alert("Geolocation is not supported by this browser")
|
|
return
|
|
}
|
|
|
|
this.el.classList.add("loading", "loading-spinner")
|
|
|
|
navigator.geolocation.getCurrentPosition(
|
|
(pos) => {
|
|
this.el.classList.remove("loading", "loading-spinner")
|
|
this.pushEvent("gps_location", {
|
|
lat: pos.coords.latitude,
|
|
lon: pos.coords.longitude
|
|
})
|
|
},
|
|
(err) => {
|
|
this.el.classList.remove("loading", "loading-spinner")
|
|
alert("Could not get location: " + err.message)
|
|
},
|
|
{ enableHighAccuracy: true, timeout: 10000 }
|
|
)
|
|
}
|
|
}
|