added settings options

2026-03-16 15:34:02 +01:00
parent b555c96de1
commit 35fe6c1e5f
32 changed files with 2825 additions and 224 deletions
@@ -0,0 +1,155 @@
+pragma ComponentBehavior: Bound
+
+import QtQuick
+import QtQuick.Layouts
+import qs.Components
+import qs.Config
+
+ColumnLayout {
+	id: root
+
+	required property string name
+	required property var object
+	required property string setting
+
+	function addAlias() {
+		const list = [...root.object[root.setting]];
+		list.push({
+			from: "",
+			to: ""
+		});
+		root.object[root.setting] = list;
+		Config.save();
+	}
+
+	function removeAlias(index) {
+		const list = [...root.object[root.setting]];
+		list.splice(index, 1);
+		root.object[root.setting] = list;
+		Config.save();
+	}
+
+	function updateAlias(index, key, value) {
+		const list = [...root.object[root.setting]];
+		const entry = [...list[index]];
+		entry[key] = value;
+		list[index] = entry;
+		root.object[root.setting] = list;
+		Config.save();
+	}
+
+	Layout.fillWidth: true
+	spacing: Appearance.spacing.smaller
+
+	CustomText {
+		Layout.fillWidth: true
+		font.pointSize: Appearance.font.size.larger
+		text: root.name
+	}
+
+	Repeater {
+		model: [...root.object[root.setting]]
+
+		Item {
+			required property int index
+			required property var modelData
+
+			Layout.fillWidth: true
+			Layout.preferredHeight: layout.implicitHeight + Appearance.padding.smaller * 2
+
+			CustomRect {
+				anchors.left: parent.left
+				anchors.right: parent.right
+				anchors.top: parent.top
+				anchors.topMargin: -(Appearance.spacing.smaller / 2)
+				color: DynamicColors.tPalette.m3outlineVariant
+				implicitHeight: 1
+				visible: index !== 0
+			}
+
+			ColumnLayout {
+				id: layout
+
+				anchors.left: parent.left
+				anchors.margins: Appearance.padding.small
+				anchors.right: parent.right
+				anchors.verticalCenter: parent.verticalCenter
+				spacing: Appearance.spacing.small
+
+				RowLayout {
+					Layout.fillWidth: true
+
+					CustomText {
+						Layout.fillWidth: true
+						text: qsTr("From")
+					}
+
+					CustomRect {
+						Layout.fillWidth: true
+						Layout.preferredHeight: 33
+						color: DynamicColors.tPalette.m3surfaceContainerHigh
+						radius: Appearance.rounding.full
+
+						CustomTextField {
+							anchors.fill: parent
+							anchors.leftMargin: Appearance.padding.normal
+							anchors.rightMargin: Appearance.padding.normal
+							text: modelData.from ?? ""
+
+							onEditingFinished: root.updateAlias(index, "from", text)
+						}
+					}
+
+					IconButton {
+						font.pointSize: Appearance.font.size.large
+						icon: "delete"
+						type: IconButton.Tonal
+
+						onClicked: root.removeAlias(index)
+					}
+				}
+
+				RowLayout {
+					Layout.fillWidth: true
+
+					CustomText {
+						Layout.fillWidth: true
+						text: qsTr("To")
+					}
+
+					CustomRect {
+						Layout.fillWidth: true
+						Layout.preferredHeight: 33
+						color: DynamicColors.tPalette.m3surface
+						radius: Appearance.rounding.small
+
+						CustomTextField {
+							anchors.fill: parent
+							anchors.leftMargin: Appearance.padding.normal
+							anchors.rightMargin: Appearance.padding.normal
+							text: modelData.to ?? ""
+
+							onEditingFinished: root.updateAlias(index, "to", text)
+						}
+					}
+				}
+			}
+		}
+	}
+
+	RowLayout {
+		Layout.fillWidth: true
+
+		IconButton {
+			font.pointSize: Appearance.font.size.large
+			icon: "add"
+
+			onClicked: root.addAlias()
+		}
+
+		CustomText {
+			Layout.fillWidth: true
+			text: qsTr("Add alias")
+		}
+	}
+}