Add tab view in chart layout (#192)

* Refs #19308: Add tab view in chart layout Signed-off-by: JesusPoderoso <[email protected]> * Refs #19308: Update graph view name Signed-off-by: JesusPoderoso <[email protected]> * Refs #19308: Close last tab would open New tab Signed-off-by: JesusPoderoso <[email protected]> * Refs #19308: Add and delete tab buttons improvements Signed-off-by: JesusPoderoso <[email protected]> * Refs #19308: Fix transition Signed-off-by: JesusPoderoso <[email protected]> * Refs #19308: Cap max tabs to 15 Signed-off-by: JesusPoderoso <[email protected]> * Refs #19308: Fix view issue when first tab gets closed Signed-off-by: JesusPoderoso <[email protected]> * Refs #19308: Fix ChartLayout view issue when resizing window Signed-off-by: JesusPoderoso <[email protected]> * Refs #19308: Fix polish infinite loop Signed-off-by: JesusPoderoso <[email protected]> * Refs #19308: Avoid tab dragging Signed-off-by: JesusPoderoso <[email protected]> * Refs #19308: Propagate fullScreen var changes Signed-off-by: JesusPoderoso <[email protected]> --------- Signed-off-by: JesusPoderoso <[email protected]>
eProsima · Sep 6, 2023 · ccaa137 · ccaa137
1 parent 6cfabad
commit ccaa137
Show file tree

Hide file tree

Showing 4 changed files with 426 additions and 8 deletions.
diff --git a/qml.qrc b/qml.qrc
@@ -60,6 +60,7 @@
         <file>qml/StatusPanel.qml</file>
         <file>qml/StatusView.qml</file>
         <file>qml/SummaryView.qml</file>
+        <file>qml/TabLayout.qml</file>
         <file>qtquickcontrols2.conf</file>
     </qresource>
     <qresource prefix="/resources/images">

diff --git a/qml/ChartsLayout.qml b/qml/ChartsLayout.qml
@@ -119,6 +119,7 @@ Rectangle {
 
                     Rectangle {
                         anchors.fill: parent
+                        anchors.topMargin: 1
                         anchors.rightMargin: 2
                         anchors.leftMargin: 2
                         radius: width / 2
@@ -134,6 +135,13 @@ Rectangle {
                         color: gridViewScrollBar.pressed ? Theme.lightGrey : Theme.grey
                     }
                 }
+
+                Rectangle {
+                    anchors.top: parent.top
+                    height: 1
+                    width: parent.width
+                    color: gridViewScrollBar.pressed ? Theme.lightGrey : Theme.grey
+                }
             }
 
             onCountChanged: {

diff --git a/qml/Panels.qml b/qml/Panels.qml
@@ -45,8 +45,8 @@ RowLayout {
         }
     }
     onChangeChartboxLayout: {
-        chartsLayout.boxesPerRow = chartsPerRow
-        chartsLayout.exitFullScreen()
+        tabs.chartsLayout_boxesPerRow(chartsPerRow)
+        tabs.chartsLayout_exitFullScreen()
     }
 
     IconsVBar {
@@ -92,8 +92,8 @@ RowLayout {
             onExplorerEntityInfoChanged: panels.explorerEntityInfoChanged(status)
         }
 
-        ChartsLayout {
-            id: chartsLayout
+        TabLayout {
+            id: tabs
             SplitView.fillWidth: true
             clip: true
 
@@ -115,19 +115,19 @@ RowLayout {
     }
 
     function createHistoricChart(dataKind){
-        chartsLayout.createHistoricChart(dataKind)
+        tabs.chartsLayout_createHistoricChart(dataKind)
     }
 
     function createDynamicChart(dataKind, timeWindowSeconds, updatePeriod, maxPoints){
-        chartsLayout.createDynamicChart(dataKind, timeWindowSeconds, updatePeriod, maxPoints)
+        tabs.chartsLayout_createDynamicChart(dataKind, timeWindowSeconds, updatePeriod, maxPoints)
     }
 
     function createScheduleClear(entities, data, updateData, updateClear){
-        chartsLayout.createScheduleClear(entities, data, updateData, updateClear)
+        tabs.chartsLayout_createScheduleClear(entities, data, updateData, updateClear)
     }
 
     function saveAllCSV() {
-        chartsLayout.saveAllCSV()
+        tabs.chartsLayout_saveAllCSV()
     }
 
     function changeExplorerDDSEntities(status) {