From fa177f519260d3a1d71e3c54ff98b040cae28940 Mon Sep 17 00:00:00 2001
From: Ghostkeeper <rubend@tutanota.com>
Date: Wed, 26 Jan 2022 15:36:52 +0100
Subject: [PATCH] Implement section headers

I'm not real happy with the limitations I had to work with here. The TableView can only accept a table of strings, so I basically had to fit everything into editing this dictionary of strings. Not the best. But it's very effective.

Contributes to issue CURA-8686.
---
 resources/qml/ProfileOverview.qml |  1 +
 resources/qml/TableView.qml       | 40 +++++++++++++++++++++++++++++++
 2 files changed, 41 insertions(+)

diff --git a/resources/qml/ProfileOverview.qml b/resources/qml/ProfileOverview.qml
index eaf4373f4b..06a7268198 100644
--- a/resources/qml/ProfileOverview.qml
+++ b/resources/qml/ProfileOverview.qml
@@ -41,4 +41,5 @@ Cura.TableView
         TableModelColumn { display: "unit" }
         rows: qualitySettings.items
     }
+    sectionRole: "category"
 }
\ No newline at end of file
diff --git a/resources/qml/TableView.qml b/resources/qml/TableView.qml
index 1c5822ec8c..c30a448ea6 100644
--- a/resources/qml/TableView.qml
+++ b/resources/qml/TableView.qml
@@ -25,6 +25,7 @@ Item
     property int currentRow: -1 //The selected row index.
     property var onDoubleClicked: function(row) {} //Something to execute when double clicked. Accepts one argument: The index of the row that was clicked on.
     property bool allowSelection: true //Whether to allow the user to select items.
+    property string sectionRole: ""
 
     Row
     {
@@ -97,6 +98,7 @@ Item
             }
         }
     }
+
     TableView
     {
         id: tableView
@@ -168,4 +170,42 @@ Item
             }
         }
     }
+
+    Connections
+    {
+        target: model
+        function onRowsChanged()
+        {
+            let first_column = model.columns[0].display;
+            if(model.rows.length > 0 && model.rows[0][first_column].startsWith("<b>")) //First item is already a section header.
+            {
+                return; //Assume we already added section headers. Prevent infinite recursion.
+            }
+            if(sectionRole === "" || model.rows.length == 0) //No section headers, or no items at all.
+            {
+                tableView.model.rows = model.rows;
+                return;
+            }
+
+            //Insert section headers in the rows.
+            let last_section = "";
+            let new_rows = [];
+            for(let i = 0; i < model.rows.length; ++i)
+            {
+                let item_section = model.rows[i][sectionRole];
+                if(item_section !== last_section) //Starting a new section.
+                {
+                    let section_header = {};
+                    for(let key in model.rows[i])
+                    {
+                        section_header[key] = (key === first_column) ? "<b>" + item_section + "</b>" : ""; //Put the section header in the first column.
+                    }
+                    new_rows.push(section_header); //Add a row representing a section header.
+                    last_section = item_section;
+                }
+                new_rows.push(model.rows[i]);
+            }
+            tableView.model.rows = new_rows;
+        }
+    }
 }
\ No newline at end of file