Implement Events panel

2 files changed, 12 insertions, 5 deletions

diff --git a/web/app/view/map/Map.js b/web/app/view/map/Map.js
index d4e654eb..82b76ee5 100644
--- a/web/app/view/map/Map.js
+++ b/web/app/view/map/Map.js
@@ -52,6 +52,13 @@ Ext.define('Traccar.view.map.Map', {
             enableToggle: false,
             tooltip: Strings.reportTitle
         }, {
+            handler: 'showEvents',
+            reference: 'showEventsButton',
+            glyph: 'xf27b@FontAwesome',
+            stateful: false,
+            enableToggle: false,
+            tooltip: Strings.reportEvents
+        }, {
             handler: 'updateGeofences',
             reference: 'showGeofencesButton',
             glyph: 'xf21d@FontAwesome',
@@ -71,11 +78,6 @@ Ext.define('Traccar.view.map.Map', {
             stateId: 'device-follow-button',
             toggleHandler: 'onFollowClick'
         }, {
-            id: 'soundButton',
-            glyph: 'xf0a2@FontAwesome',
-            tooltip: Strings.sharedSound,
-            stateId: 'sound-button'
-        }, {
             xtype: 'settingsMenu',
             enableToggle: false
         }]
diff --git a/web/app/view/map/MapController.js b/web/app/view/map/MapController.js
index 8a5e81c6..02d4e382 100644
--- a/web/app/view/map/MapController.js
+++ b/web/app/view/map/MapController.js
@@ -45,12 +45,17 @@ Ext.define('Traccar.view.map.MapController', {
     init: function () {
         this.callParent();
         this.lookupReference('showReportsButton').setVisible(Traccar.app.isMobile());
+        this.lookupReference('showEventsButton').setVisible(Traccar.app.isMobile());
     },
 
     showReports: function () {
         Traccar.app.showReports(true);
     },
 
+    showEvents: function () {
+        Traccar.app.showEvents(true);
+    },
+
     onFollowClick: function (button, pressed) {
         if (pressed && this.selectedMarker) {
             this.getView().getMapView().setCenter(this.selectedMarker.getGeometry().getCoordinates());