Index: sources/gui/qml/components/NotificationBar.qml
===================================================================
diff -u -r8f83b92860a33498ea7856e63afef0a10ee11923 -r2ef03b2ce51b4dc507f66e9671953a8e0824bde9
--- sources/gui/qml/components/NotificationBar.qml	(.../NotificationBar.qml)	(revision 8f83b92860a33498ea7856e63afef0a10ee11923)
+++ sources/gui/qml/components/NotificationBar.qml	(.../NotificationBar.qml)	(revision 2ef03b2ce51b4dc507f66e9671953a8e0824bde9)
@@ -1,15 +1,15 @@
 /*!
  *
- * Copyright (c) 2019-2020 Diality Inc. - All Rights Reserved.
+ * Copyright (c) 2020-2024 Diality Inc. - All Rights Reserved.
  * \copyright
  * THIS CODE MAY NOT BE COPIED OR REPRODUCED IN ANY FORM, IN PART OR IN
  * WHOLE, WITHOUT THE EXPLICIT PERMISSION OF THE COPYRIGHT OWNER.
  *
- * \file NotificationBar.qml
- * \author (last) Peter Lucia
- * \date (last) 06-Oct-2020
- * \author (original) Behrouz NematiPour
- * \date (original) 30-Mar-2020
+ * \file    NotificationBar.qml
+ * \author  (last)      Behrouz NematiPour
+ * \date    (last)      29-Jul-2023
+ * \author  (original)  Behrouz NematiPour
+ * \date    (original)  30-Mar-2020
  *
  */
 
@@ -23,12 +23,14 @@
 
 Rectangle { id: _root
     objectName: "NotificationBar" // SquishQt
+    property int   alarmID          : -1
     property alias text             : _text.text
+    property alias textPixelSize    : _text.font.pixelSize
     property alias textColor        : _text.color
     property alias isSilenced       : _muteButton.isSilenced
     property alias timeout          : _muteButton.timeout
     property alias backgroundColor  : _root.color
-    property alias iconVisible      : _muteImage.visible
+    property bool  iconVisible      : true
     property bool  enableMute       : true
 
     clip    : true // the mute button expands so we need to clip the outside unwanted area.
@@ -55,14 +57,14 @@
         fadingProperyValue  :  backgroundColor
     }
 
-    Image { id: _muteImage
-        source: "qrc:/images/iAlarm"
-        anchors.right: _text.left
-        anchors.rightMargin: Variables.notificationBarIconMargin;
-        anchors.verticalCenter: parent.verticalCenter;
-        sourceSize.height: Variables.notificationBarIconHeight;
-        sourceSize.width: Variables.notificationBarIconWidth;
-    }
+    // Image { id: _muteImage
+    //     source: "qrc:/images/iAlarm"
+    //     anchors.right: _text.left
+    //     anchors.rightMargin: Variables.notificationBarIconMargin;
+    //     anchors.verticalCenter: parent.verticalCenter;
+    //     sourceSize.height: Variables.notificationBarIconHeight;
+    //     sourceSize.width: Variables.notificationBarIconWidth;
+    // }
 
     Text { id: _text
         color               : Colors.textNotificationNoneFg
@@ -129,4 +131,14 @@
 
         onClicked: _root.listClicked()
     }
+    Text { id: _alarmID
+        text            : qsTr("ID") + ":" + _root.alarmID
+        anchors {
+            right       : parent.right
+            top         : parent.top
+            rightMargin : 130
+        }
+        color           : Colors.textMain
+        font.pixelSize  : Fonts.fontPixelDialogText
+    }
 }