From 10bb1c7f855745fad79d8560cf007712acfcee80 Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Thu, 31 Oct 2024 23:27:06 -0400
Subject: [PATCH] Overhaul Qt UI

Now it uses FormCard and looks much, much nicer.
---
 src/bin/auracite/Main.qml | 64 ++++++++++++++++++++++++++++++++-------
 1 file changed, 53 insertions(+), 11 deletions(-)

diff --git a/src/bin/auracite/Main.qml b/src/bin/auracite/Main.qml
index 85d4994..5334810 100644
--- a/src/bin/auracite/Main.qml
+++ b/src/bin/auracite/Main.qml
@@ -2,6 +2,7 @@ import QtQuick
 import QtQuick.Layouts
 import QtQuick.Controls as QQC2
 import org.kde.kirigami as Kirigami
+import org.kde.kirigamiaddons.formcard as FormCard
 import zone.xiv.auracite
 
 Kirigami.ApplicationWindow {
@@ -11,20 +12,61 @@ Kirigami.ApplicationWindow {
 
     readonly property Backend backend: Backend {}
 
-    ColumnLayout {
-        QQC2.TextField {
-            id: characterNameField
+    pageStack.initialPage: Kirigami.Page {
+        contentItem: ColumnLayout {
+            anchors {
+                left: parent.left
+                right: parent.right
+                verticalCenter: parent.verticalCenter
+            }
 
-            placeholderText: "Full name of the character"
-        }
+            spacing: Kirigami.Units.largeSpacing
 
-        QQC2.CheckBox {
-            id: dalamudCheckbox
-        }
+            FormCard.FormCard {
+                Layout.topMargin: Kirigami.Units.largeSpacing
 
-        QQC2.Button {
-            text: "Archive"
-            onClicked: root.backend.archiveCharacter(characterNameField.text, dalamudCheckbox.checked)
+                maximumWidth: Kirigami.Units.gridUnit * 20
+
+                FormCard.FormTextFieldDelegate {
+                    id: characterNameField
+                    label: i18n("Character Name")
+                    placeholderText: "Full name of the character"
+                    focus: true
+                }
+
+                FormCard.FormDelegateSeparator {}
+
+                FormCard.FormCheckDelegate {
+                    id: dalamudCheckbox
+                    text: i18n("Use Dalamud Plugin")
+                }
+
+                FormCard.FormDelegateSeparator {}
+
+                FormCard.FormButtonDelegate {
+                    id: loginButton
+                    text: i18nc("@action:button", "Archive")
+                    onClicked: root.backend.archiveCharacter(characterNameField.text, dalamudCheckbox.checked)
+                }
+            }
+
+            FormCard.FormCard {
+                Layout.topMargin: Kirigami.Units.largeSpacing
+
+                maximumWidth: Kirigami.Units.gridUnit * 20
+
+                FormCard.FormButtonDelegate {
+                    id: aboutButton
+                    text: i18nc("@action:button Application settings", "Settings")
+                    icon.name: "settings-configure"
+                    onClicked: applicationWindow().pageStack.layers.push(aboutPage)
+
+                    Component {
+                        id: aboutPage
+                        FormCard.AboutPage {}
+                    }
+                }
+            }
         }
     }