summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAnatasof Wirapraja <anatasof.wirapraja@gmail.com>2023-02-01 15:59:21 +0700
committerAnatasof Wirapraja <anatasof.wirapraja@gmail.com>2023-02-01 15:59:21 +0700
commit80ce7e825188017cc75d3a47951aec929781c367 (patch)
tree0a887a3390c17bf45d1d3b7b3a110be3d1ea25b9
parent22d01b669143773b8c327b949863e23403c3c7ee (diff)
add orderSummaryLabel and couponCode
-rw-r--r--OrderSummary.ui.qml79
-rw-r--r--Qeduport.qmlproject2
2 files changed, 81 insertions, 0 deletions
diff --git a/OrderSummary.ui.qml b/OrderSummary.ui.qml
index cb23c18..b503401 100644
--- a/OrderSummary.ui.qml
+++ b/OrderSummary.ui.qml
@@ -4,4 +4,83 @@ import QtQuick.Layouts 1.15
ColumnLayout {
+ ColumnLayout {
+ Layout.alignment: Qt.AlignTop
+ ColumnLayout {
+ spacing: 24
+ Layout.fillWidth: true
+ Label {
+ id: oderSummaryTitle
+ text: qsTr("Order Summary")
+ font.family: "Roboto"
+ font.weight: Font.Medium
+ font.pointSize: 16
+ Layout.fillWidth: true
+ }
+
+ RowLayout {
+ Layout.fillWidth: true
+ Label {
+ id: transactionLabel
+ color: "#6c757d"
+ text: qsTr("Transaction code")
+ font.family: "Roboto"
+ font.weight: Font.Medium
+ font.pointSize: 16
+ Layout.fillWidth: true
+ }
+ Label {
+ id: transactionCode
+ text: qsTr("B0D123X")
+ horizontalAlignment: Text.AlignRight
+ font.family: "Roboto"
+ font.weight: Font.Medium
+ font.pointSize: 16
+ Layout.fillWidth: true
+ }
+ }
+ RowLayout {
+ Rectangle {
+ color: "#f5f7f9"
+ radius: 8
+ border.width: 0
+ Layout.fillWidth: true
+ implicitHeight: 40
+ RowLayout {
+ anchors.fill: parent
+ TextField {
+ id: couponCode
+ placeholderText: qsTr("Coupon code")
+ Layout.fillWidth: true
+ font.pixelSize: 16
+ font.family: "roboto"
+ Layout.fillWidth: true
+ Layout.fillHeight: true
+ background: Rectangle {
+ color: "transparent"
+ }
+ }
+ Button {
+ id: couponButton
+ contentItem: Text {
+ color: "#ffffff"
+ text: "Apply"
+ horizontalAlignment: Text.AlignHCenter
+ verticalAlignment: Text.AlignVCenter
+ font.weight: Font.Medium
+ font.family: "Roboto"
+ font.pointSize: 14
+ }
+ Layout.fillHeight: true
+ background: Rectangle {
+ color: "#066ac9"
+ border.width: 0
+ radius: 8
+ }
+ }
+ }
+ }
+ }
+ }
+ }
}
diff --git a/Qeduport.qmlproject b/Qeduport.qmlproject
index f5db7d8..1139ccd 100644
--- a/Qeduport.qmlproject
+++ b/Qeduport.qmlproject
@@ -24,4 +24,6 @@ Project {
multilanguageSupport: true
supportedLanguages: ["en", "id"]
primaryLanguage: "en"
+
+ mainUiFile: "OrderSummary.ui.qml"
}