1 files changed, 78 insertions, 0 deletions
diff --git a/TransactionForm.ui.qml b/TransactionForm.ui.qml
new file mode 100644
index 0000000..778b937
--- /dev/null
+++ b/TransactionForm.ui.qml
@@ -0,0 +1,78 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Rectangle {
+	property alias cartView: cart
+	property alias skuTextField: addProduct
+	property alias submitButton: submit
+	color: "#121212"
+	border.color: "#00000000"
+
+	ListView {
+		id: cart
+		height: 120
+		anchors.left: parent.left
+		anchors.right: parent.right
+		anchors.top: parent.top
+		anchors.rightMargin: 16
+		anchors.leftMargin: 16
+		anchors.topMargin: 16
+		spacing: 8
+		ScrollBar.horizontal: ScrollBar {}
+	}
+
+	TextField {
+		id: addCustomer
+		height: 56
+		color: "#deffffff"
+		placeholderText: "Add Customer"
+		placeholderTextColor: "#99ffffff"
+		anchors.left: parent.left
+		anchors.right: parent.right
+		anchors.top: cart.bottom
+		font.pixelSize: 20
+		verticalAlignment: Text.AlignVCenter
+		font.family: "Roboto Mono"
+		selectionColor: "#ffffff"
+		anchors.rightMargin: 16
+		anchors.leftMargin: 16
+		anchors.topMargin: 16
+	}
+
+	TextField {
+		id: addProduct
+		height: 56
+		color: "#deffffff"
+		placeholderText: "Add Product"
+		placeholderTextColor: "#99ffffff"
+		anchors.left: parent.left
+		anchors.right: parent.right
+		anchors.top: addCustomer.bottom
+		font.pixelSize: 20
+		verticalAlignment: Text.AlignVCenter
+		selectionColor: "#ffffff"
+		anchors.rightMargin: 16
+		anchors.leftMargin: 16
+		font.family: "Roboto Mono"
+		anchors.topMargin: 16
+	}
+
+	Button {
+		id: submit
+		text: "Tagih"
+		anchors.left: parent.left
+		anchors.right: parent.right
+		anchors.bottom: parent.bottom
+		font.letterSpacing: 1.24
+		spacing: 8
+		autoRepeat: false
+		highlighted: false
+		flat: false
+		font.capitalization: Font.MixedCase
+		font.family: "Roboto Mono"
+		anchors.rightMargin: 16
+		anchors.leftMargin: 16
+		anchors.bottomMargin: 16
+	}
+}