turn the toggle button into mute button

default is muted

2 files changed, 10 insertions, 9 deletions

diff --git a/web/app/controller/Root.js b/web/app/controller/Root.js
index c8e708c09..7070c48b0 100644
--- a/web/app/controller/Root.js
+++ b/web/app/controller/Root.js
@@ -99,8 +99,9 @@ Ext.define('Traccar.controller.Root', {
         this.beepSound.play();
     },
 
-    showNotificationsSelected: function () {
-        return Ext.getCmp('showNotificationsButton') && Ext.getCmp('showNotificationsButton').pressed;
+    mutePressed: function () {
+        var muteButton = Ext.getCmp('nuteButton');
+        return muteButton && !muteButton.pressed;
     },
 
     asyncUpdate: function (first) {
@@ -192,10 +193,10 @@ Ext.define('Traccar.controller.Root', {
                     }
                     device = Ext.getStore('Devices').getById(array[i].deviceId);
                     if (typeof device !== 'undefined') {
-                        if (self.showNotificationsSelected()) {
+                        if (self.mutePressed()) {
                             self.beep();
-                            Ext.toast(text, device.get('name'));
                         }
+                        Ext.toast(text, device.get('name'));
                     }
                 }
             }
diff --git a/web/app/view/Devices.js b/web/app/view/Devices.js
index 212aa7f96..63569bd95 100644
--- a/web/app/view/Devices.js
+++ b/web/app/view/Devices.js
@@ -58,18 +58,18 @@ Ext.define('Traccar.view.Devices', {
         }, {
             xtype: 'tbfill'
         },{
-            id: 'showNotificationsButton',
-            glyph: 'xf0a2@FontAwesome',
-            tooltip: Strings.showNotifications,
+            id: 'nuteButton',
+            glyph: 'xf1f7@FontAwesome',
+            tooltip: Strings.nuteButton,
             tooltipType: 'title',
             pressed : true,
             enableToggle: true,
             listeners: {
                 toggle: function (button, pressed) {
                     if (pressed) {
-                        button.setGlyph('xf0a2@FontAwesome');
-                    } else {
                         button.setGlyph('xf1f7@FontAwesome');
+                    } else {
+                        button.setGlyph('xf0a2@FontAwesome');
                     }
                 },
                 scope: this