diff --git a/public_html/css/container.css b/public_html/css/container.css index 95d541e..aaf0292 100644 --- a/public_html/css/container.css +++ b/public_html/css/container.css @@ -69,6 +69,7 @@ } #CONTAINER.message div span.del, /* Del btn */ + #CONTAINER.message div span.maps, /* Maps btn */ #CONTAINER.message div span.upd{ /* Update btn */ display: block; position: absolute; @@ -83,6 +84,13 @@ cursor: pointer; } + #CONTAINER.message div span.maps{ + top: .3em; + left: calc( 100% - 1em - .2em ); + background-image: url('/image/container/maps.svg@dddddd'); + background-size: auto 100%; + } + #CONTAINER.message div span.upd{ left: calc( 100% - 3em ); background-image: url('/image/container/edit-msg.svg@777777'); @@ -96,6 +104,10 @@ background-image: url('/image/container/edit-msg.svg@2ab1dd') } + #CONTAINER.message div span.maps:hover{ + background-image: url('/image/container/maps.svg@29c98e'); + } + #CONTAINER.message div span span.code{ /* Code block */ display: inline-block; position: relative; diff --git a/public_html/image/container/maps.svg b/public_html/image/container/maps.svg new file mode 100644 index 0000000..3d725e3 --- /dev/null +++ b/public_html/image/container/maps.svg @@ -0,0 +1,60 @@ + + diff --git a/view/vue/container/emergency.vue b/view/vue/container/emergency.vue index 4d422b4..2899994 100644 --- a/view/vue/container/emergency.vue +++ b/view/vue/container/emergency.vue @@ -8,6 +8,7 @@ +
@@ -31,6 +32,9 @@ export default { dep: "31" }; }, methods: { + maps(coord){ + window.open('https://www.google.com/maps/?q=-'+coord[0]+','+coord[1]); + }, local_date: function(id){ /* (1) Get current date (convert unix timestamp to javascript timestamp */ var cur = new Date( gstore.data.notif.emergency.data[id].timestamp * 1000);