diff options
author | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-05-12 17:52:13 +0800 |
---|---|---|
committer | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-05-12 17:52:13 +0800 |
commit | 4079fd9417e11c6233a4a85fa14d315788b18806 (patch) | |
tree | e4ea6a75c72cf8ff83dbbb1717ff46dfb67f387e | |
parent | de42120ff1b9ead6d52adf634412fdd06ad94430 (diff) |
Coupon part is made so it can be customised
-rw-r--r-- | Shop/Checkout/RightSidebar/OrderSummary.ui.qml | 128 |
1 files changed, 72 insertions, 56 deletions
diff --git a/Shop/Checkout/RightSidebar/OrderSummary.ui.qml b/Shop/Checkout/RightSidebar/OrderSummary.ui.qml index faf136f..bf9ba8d 100644 --- a/Shop/Checkout/RightSidebar/OrderSummary.ui.qml +++ b/Shop/Checkout/RightSidebar/OrderSummary.ui.qml @@ -8,6 +8,7 @@ import "../../../Button" import "../.." ColumnLayout { + property alias coupon: coupon property alias courseItems: courseItems property alias priceValue: priceValue property alias discountValue: discountValue @@ -24,77 +25,92 @@ ColumnLayout { Layout.topMargin: 16 } - ColumnLayout { + ListView { + id: coupon + Layout.fillWidth: true Layout.margins: 16 - spacing: 16 + interactive: false + implicitHeight: 87 + model: 1 + delegate: ColumnLayout { + Bootstrap.mode: coupon.Bootstrap.mode + width: coupon.width + spacing: 16 - Item { - Layout.fillWidth: true - implicitHeight: codeLabel.implicitHeight + Item { + Layout.fillWidth: true + implicitHeight: codeLabel.implicitHeight + codeValue.implicitHeight - Label { - id: codeLabel - text: qsTr("Transaction code") - wrapMode: Label.Wrap - anchors.verticalCenter: parent.verticalCenter - } - - Label { - id: codeValue - text: "AB12365E" - wrapMode: Label.Wrap - Bootstrap.heading: 6 - font { - family: Eduport.fwLightFont.family - weight: Eduport.fwLightFont.weight - pointSize: Eduport.h6FontSize + Label { + id: codeLabel + text: qsTr("Transaction code") + wrapMode: Label.Wrap + anchors.verticalCenter: parent + .verticalCenter } - anchors { - right: parent.right - verticalCenter: parent.verticalCenter + + Label { + id: codeValue + text: "AB12365E" + wrapMode: Label.Wrap + Bootstrap.heading: 6 + font { + family: Eduport + .fwLightFont.family + weight: Eduport + .fwLightFont.weight + pointSize: Eduport.h6FontSize + } + anchors { + right: parent.right + verticalCenter: parent + .verticalCenter + } } } - } - RowLayout { + RowLayout { - Rectangle { - implicitHeight: 56 - color: "#f5f7f9" - radius: 8 - border.width: 0 - Layout.fillWidth: true - RowLayout { - anchors.fill: parent - Input { - placeholderText: + Rectangle { + implicitHeight: 56 + color: "#f5f7f9" + radius: 8 + border.width: 0 + Layout.fillWidth: true + RowLayout { + anchors.fill: parent + Input { + placeholderText: qsTr("COUPON CODE") - Layout.fillWidth: true - Layout.fillHeight: true + Layout.fillWidth: true + Layout.fillHeight: true + } } } - } - Button { - text: qsTr("Apply") - font.pointSize: 14 - font.family: "roboto" - implicitHeight: 56 - contentItem: Text { - color: "#ffffff" - text: "Apply" - padding: 12 - horizontalAlignment: Text.AlignHCenter - verticalAlignment: Text.AlignVCenter - font.weight: Font.Medium - font.family: "Roboto" + Button { + text: qsTr("Apply") font.pointSize: 14 - } + font.family: "roboto" + implicitHeight: 56 + contentItem: Text { + color: "#ffffff" + text: "Apply" + padding: 12 + horizontalAlignment: Text + .AlignHCenter + verticalAlignment: Text + .AlignVCenter + font.weight: Font.Medium + font.family: "Roboto" + font.pointSize: 14 + } - background: Rectangle { - color: "#066ac9" - radius: 8 + background: Rectangle { + color: "#066ac9" + radius: 8 + } } } } |