Add event to map legend

webapp/locales/de.json

@@ -595,9 +595,16 @@
     "button": {
       "tooltip": "Landkarte anzeigen"
     },
-    "markerTypes": {
+    "legend": {
+      "event": "Veranstaltung",
       "group": "Gruppe",
-      "theUser": "deine Position",
+      "theUser": "Meine Position",
+      "user": "Nutzer"
+    },
+    "markerTypes": {
+      "event": "Veranstaltung",
+      "group": "Gruppe",
+      "theUser": "meine Position",
       "user": "Nutzer"
     },
     "pageTitle": "Landkarte",
@@ -710,11 +717,6 @@
     "title": "Benachrichtigungen",
     "user": "Nutzer"
   },
-  "position": {
-    "group": "Gruppe",
-    "my": "Meine Position",
-    "user": "Nutzer"
-  },
   "post": {
     "comment": {
       "reply": "Antworten",

webapp/locales/en.json

@@ -595,9 +595,16 @@
     "button": {
       "tooltip": "Show map"
     },
+    "legend": {
+      "event": "Event",
+      "group": "Group",
+      "theUser": "My position",
+      "user": "User"
+    },
     "markerTypes": {
+      "event": "event",
       "group": "group",
-      "theUser": "your position",
+      "theUser": "my position",
       "user": "user"
     },
     "pageTitle": "Map",
@@ -710,11 +717,6 @@
     "title": "Notifications",
     "user": "User"
   },
-  "position": {
-    "group": "Group",
-    "my": "My position",
-    "user": "User"
-  },
   "post": {
     "comment": {
       "reply": "Reply",

webapp/pages/map.vue

@@ -6,15 +6,32 @@
       <small>
         <div>
           <img
-            alt="my position"
+            :alt="$t('map.legend.theUser')"
             src="/img/mapbox/marker-icons/mapbox-marker-icon-orange.svg"
             width="15"
           />
-          {{ $t('position.my') }}
-          <img alt="user" src="/img/mapbox/marker-icons/mapbox-marker-icon-green.svg" width="15" />
-          {{ $t('position.user') }}
-          <img alt="group" src="/img/mapbox/marker-icons/mapbox-marker-icon-blue.svg" width="15" />
-          {{ $t('position.group') }}
+          {{ $t('map.legend.theUser') }}
+          &nbsp;&nbsp;
+          <img
+            :alt="$t('map.legend.user')"
+            src="/img/mapbox/marker-icons/mapbox-marker-icon-green.svg"
+            width="15"
+          />
+          {{ $t('map.legend.user') }}
+          &nbsp;&nbsp;
+          <img
+            :alt="$t('map.legend.group')"
+            src="/img/mapbox/marker-icons/mapbox-marker-icon-blue.svg"
+            width="15"
+          />
+          {{ $t('map.legend.group') }}
+          &nbsp;&nbsp;
+          <img
+            :alt="$t('map.legend.event')"
+            src="/img/mapbox/marker-icons/mapbox-marker-icon-purple.svg"
+            width="15"
+          />
+          {{ $t('map.legend.event') }}
         </div>
       </small>
     </ds-space>