1 files changed, 30 insertions, 0 deletions
diff --git a/web/app/AttributeFormatter.js b/web/app/AttributeFormatter.js
index 3432ca1e0..253dadb53 100644
--- a/web/app/AttributeFormatter.js
+++ b/web/app/AttributeFormatter.js
@@ -34,6 +34,32 @@ Ext.define('Traccar.AttributeFormatter', {
         return Ext.getStore('DistanceUnits').formatValue(value, Traccar.app.getPreference('distanceUnit'));
     },
 
+    alarmFormatter: function (attributes) {
+        if (attributes instanceof Object) {
+            if (attributes.hasOwnProperty('alarm')){
+                var value = attributes.alarm;
+                if (typeof value === 'boolean') {
+                    value = (value ? Ext.Msg.buttonText.yes : Ext.Msg.buttonText.no);
+                }
+                return '<span style="color:red;">' + value + '</span>';
+            }
+        }
+        return '';
+    },
+
+    alarmTypeFormatter: function (attributes) {
+        var alatmType = '';
+        if (attributes instanceof Object) {
+            for (key in attributes) {
+                if (attributes.hasOwnProperty(key) && key.toLowerCase()=='alarm-type') {
+                    alatmType = attributes[key];
+                    break;
+                }
+            }
+        }
+        return '<span style="color:red;">' + alatmType + '</span>';
+    },
+
     defaultFormatter: function (value) {
         if (typeof value === 'number') {
             return Number(value.toFixed(Traccar.Style.numberPrecision));
@@ -58,6 +84,10 @@ Ext.define('Traccar.AttributeFormatter', {
             return this.courseFormatter;
         } else if (key === 'distance' || key === 'odometer') {
             return this.distanceFormatter;
+        } else if (key === 'alarm') {
+            return this.alarmFormatter;
+        } else if (key === 'alarm-type') {
+            return this.alarmTypeFormatter;
         } else {
             return this.defaultFormatter;
         }