Tags are now visible on each task

CMakeLists.txt

@@ -38,6 +38,7 @@ qt_add_qml_module(mirai
 		src/qml/TaskItem.qml
 		src/qml/forms/TaskForm.qml
 		src/qml/components/TabSelector.qml
+		src/qml/components/Tag.qml
 		src/qml/styles/MiraiColorPalette.qml
 		src/qml/styles/CatppuccinFrappe.qml
 		src/qml/views/ListView.qml

src/Backend.cpp

@@ -123,9 +123,14 @@ void Backend::rebuildQMLTasksList() {
 			lastDate = task.date;
 			shouldShowDate = true;
 		}
+		QList<QString> qStringTags;
+		for (auto& tag : task.getTags()) {
+			qStringTags.push_back(QString::fromStdString(tag));
+		}
 		QMLTasks.push_back({
 			.taskItem = &task,
-			.shouldShowDate = shouldShowDate
+			.shouldShowDate = shouldShowDate,
+			.tags = qStringTags
 		});
 	}
 

src/TaskItem.cpp

@@ -23,6 +23,10 @@ QString QMLTaskItem::getDate() {
 	return QString::fromStdString(taskItem->getDate());
 }
 
+QList<QString> QMLTaskItem::getTags() {
+	return tags;
+}
+
 bool QMLTaskItem::getShouldShowDate() {
 	return shouldShowDate;
 }

src/TaskItem.h

@@ -21,6 +21,7 @@ struct QMLTaskItem {
     Q_PROPERTY(QString text READ getText)
     Q_PROPERTY(QString state READ getState)
     Q_PROPERTY(QString date READ getDate)
+    Q_PROPERTY(QList<QString> tags READ getTags)
     Q_PROPERTY(bool shouldShowDate READ getShouldShowDate)
 	QML_VALUE_TYPE(taskItem)
 
@@ -30,10 +31,12 @@ public:
 	QString getRawFormat();
 	QString getState();
 	QString getDate();
+	QList<QString> getTags();
 	bool getShouldShowDate();	
 
 	mirai::TaskItem* taskItem;
 	bool shouldShowDate = false;
+	QList<QString> tags;
 };
 
 #endif

src/qml/TaskItem.qml

@@ -7,7 +7,6 @@
 import QtQuick
 import QtQuick.Window
 import QtQuick.Layouts
-import QtQuick.Controls
 import Mirai
 
 RowLayout {
@@ -24,4 +23,16 @@ RowLayout {
 			backend.updateTodo(index, modelData.state === 'DONE' ? "TODO" : "DONE", modelData.text, modelData.date)
 		}
 	}
+
+	Repeater {
+		model: task.tags
+		Tag {
+			Layout.alignment: Qt.AlignVCenter
+			text: modelData
+			backgroundColor: colorPalette.selected.fieldBackground
+			textColor: colorPalette.selected.palette.sapphire
+		}
+	}
+
+	
 }

src/qml/components/Tag.qml

@@ -0,0 +1,28 @@
+/* 
+ * Mirai. Copyright (C) 2024 Vyn
+ * This file is licensed under version 3 of the GNU General Public License (GPL-3.0-only)
+ * The license can be found in the LICENSE file or at https://www.gnu.org/licenses/gpl-3.0.txt
+ */
+
+import QtQuick
+import QtQuick.Window
+import Mirai
+
+Rectangle {
+	id: control
+	property string text
+	property string backgroundColor
+	property string textColor
+	color: backgroundColor
+	implicitWidth: childrenRect.width
+	implicitHeight: childrenRect.height
+	radius: 8
+
+	AppText {
+		color: control.textColor
+		padding: 2
+		leftPadding: 6
+		rightPadding: 6
+		text: control.text
+	}
+}