Index: sources/gui/qml/pages/treatment/TreatmentHome.qml
===================================================================
diff -u -r9e57e4c990afab0996def98521d4f9fee83f96d8 -r2ef03b2ce51b4dc507f66e9671953a8e0824bde9
--- sources/gui/qml/pages/treatment/TreatmentHome.qml	(.../TreatmentHome.qml)	(revision 9e57e4c990afab0996def98521d4f9fee83f96d8)
+++ sources/gui/qml/pages/treatment/TreatmentHome.qml	(.../TreatmentHome.qml)	(revision 2ef03b2ce51b4dc507f66e9671953a8e0824bde9)
@@ -1,77 +1,132 @@
 /*!
  *
- * Copyright (c) 2019-2020 Diality Inc. - All Rights Reserved.
- * \copyright                                                       \n
- *          THIS CODE MAY NOT BE COPIED OR REPRODUCED IN ANY FORM,  \n
- *          IN PART OR IN WHOLE,                                    \n
- *          WITHOUT THE EXPLICIT PERMISSION OF THE COPYRIGHT OWNER. \n
+ * 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    TreatmentHome.qml
- * \date    2019/10/21
- * \author  Behrouz NematiPour
+ * \author  (last)      Behrouz NematiPour
+ * \date    (last)      10-Jan-2024
+ * \author  (original)  Behrouz NematiPour
+ * \date    (original)  27-Jan-2020
  *
  */
 
 // Qt
 import QtQuick 2.12
-import QtQuick.Controls 2.12
 
 // Project
-import Gui.Actions 0.1;
 
 //  Qml imports
 import "qrc:/globals"
 import "qrc:/components"
+import "qrc:/pages/treatment/sections"
 
 /*!
- * \brief   TreatmentHome is the screen
- * which is the default screen in the "Treatment" stack
+ * \brief   ManagerHome is the screen
+ * which is the default screen in the "Manager" stack
  */
 ScreenItem { id: _root
-    // exported items
-    property alias startTreatmentButton : _startTreatmentRect.button
-    property alias createTreatmentButton: _createTreatmentRect.button
+    property int          bloodFlow_MeasuredFlow_Precision: 0
+    property int dialysateInletFlow_MeasuredFlow_Precision: 0
 
-    // 2 - Header
-    LogoD { id: _headerLogo }
+    signal backClicked()
 
-    // exported properties
-    TreatmentStart  { id : _treatmentStart
-        onBackPressed: {
-            _treatmentStack.pop()
+    signal sectionFlowClicked()
+    signal sectionVitalsClicked()
+    signal sectionPressuresClicked()
+    signal sectionTimeClicked()
+    signal sectionUltrafiltrationClicked()
+
+    // ---------- COLUMN LEFT
+    TreatmentFlows              { id: _flowsTouchArea
+        x                   : Variables.screenGridLeftColumnX
+        y                   : Variables.screenGridRow3Y
+        width               : Variables.screenGridAreaWidth
+        height              : Variables.screenGridAreaHeightRow3
+        onClicked: {
+            sectionFlowClicked()
         }
     }
-    TreatmentCreate { id : _treatmentCreate
-        onBackPressed: {
-            _treatmentStack.pop()
+    Line                        { x: 0; y: Variables.screenGridRow1LineY; length: Variables.screenGridLineLength }
+    TreatmentVitals             { id: _vitalsTouchArea
+        x       : Variables.screenGridLeftColumnX
+        y       : Variables.screenGridRow2Y
+        width   : Variables.screenGridAreaWidth
+        height  : Variables.screenGridAreaHeightRow2
+        onClicked: {
+            sectionVitalsClicked()
         }
+        notification.text:  qsTr("Interval:" )
+                          + " " + (vTreatmentVitals.interval ? (vTreatmentVitals.interval + qsTr("min")) : qsTr("OFF"))
+                          + " , "
+                          + qsTr("Last Read:")
+                          + " " +  vTreatmentVitals.lastRead
+        Text { id: _vitalCountdown
+            color   : "gray"
+            anchors {
+                top         : parent.top
+                right       : parent.right
+                rightMargin : 50
+            }
+            horizontalAlignment : Text.AlignHCenter
+            verticalAlignment   : Text.AlignVCenter
+            height  : 15
+            width   : 100
+            text    : vTreatmentVitals.interval ? ( vTreatmentVitals.countdown ) : ""
+            font.pixelSize: 16
+        }
     }
 
-    // Definitions
-    Column {
-        spacing: Variables.columnSpacing
-        anchors.centerIn: parent
-        TitleText { id: _titleText
-            width: parent.width
-            text: qsTr("Good Morning")
+    Line                        { x: 0; y: Variables.screenGridRow2LineY; length: Variables.screenGridLineLength }
+
+    TreatmentPressures          { id: _pressuresTouchArea
+        x       : Variables.screenGridLeftColumnX
+        y       : Variables.screenGridRow1Y
+        width   : Variables.screenGridAreaWidth
+        height  : Variables.screenGridAreaHeightRow1
+        onClicked: {
+            sectionPressuresClicked()
         }
-        TouchRect { id : _startTreatmentRect
-            text.text: qsTr("START TREATMENT")
-            button.onClicked: {
-                _treatmentStack.push(_treatmentStart)
-            }
+    }
+
+    // ---------- COLUMN RIGHT
+    TreatmentUltrafiltration    { id: _ultrafiltrationTouchArea;
+        x           : Variables.screenGridRightColumnX
+        y           : Variables.screenGridRow1Y
+        width       : Variables.screenGridAreaWidth
+        height      : Variables.screenGridAreaHeightRow1
+        onClicked   : {
+            sectionUltrafiltrationClicked()
         }
-        TouchRect { id : _createTreatmentRect
-            text.text: qsTr("CREATE TREATMENT")
-            button.onClicked: {
-                _treatmentStack.push(_treatmentCreate)
-            }
+    }
+    Line                        { x: Variables.screenGridRightLinesX; y: Variables.screenGridRow1LineY; length: Variables.screenGridLineLength }
+    TreatmentSaline             { id: _salineTouchArea
+        x           : Variables.screenGridRightColumnX
+        y           : Variables.screenGridRow2Y
+        width       : Variables.screenGridAreaWidth
+        height      : Variables.screenGridAreaHeightRow2
+    }
+    Line                        { x: Variables.screenGridRightLinesX; y: Variables.screenGridRow2LineY; length: Variables.screenGridLineLength; }
+    TreatmentHeparin            { id: _heparinTouchArea
+        x           : Variables.screenGridRightColumnX
+        y           : Variables.screenGridRow3Y
+        width       : Variables.screenGridAreaWidth
+        height      : Variables.screenGridAreaHeightRow3
+    }
+
+    // ---------- Center
+    TreatmentTime               { id: _treatmentTime
+        onClicked: {
+            sectionTimeClicked()
         }
     }
 
     onVisibleChanged: {
         if (visible) {
-            _mainMenu.hidden = false
+            _mainMenu.hidden = true
+            _treatmentMenu.hidden = false
         }
     }
 }