summaryrefslogtreecommitdiff
path: root/CheckoutFlickable.ui.qml
diff options
context:
space:
mode:
authorꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-02-13 20:41:27 +0800
committerꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-02-13 20:41:27 +0800
commit29b5bafe16ba82773da97c77951309d585bc9a6b (patch)
tree57978d3e0196d57a8f31f515d6d93be5bfb21916 /CheckoutFlickable.ui.qml
parent896960e9a507c671f685b0536a10d7dc554c9451 (diff)
Shorten names
Use something like import "qeduport" as Eduport
Diffstat (limited to 'CheckoutFlickable.ui.qml')
-rw-r--r--CheckoutFlickable.ui.qml702
1 files changed, 0 insertions, 702 deletions
diff --git a/CheckoutFlickable.ui.qml b/CheckoutFlickable.ui.qml
deleted file mode 100644
index 565b528..0000000
--- a/CheckoutFlickable.ui.qml
+++ /dev/null
@@ -1,702 +0,0 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 1.15
-
-Flickable {
- property alias header: header
- property alias checkoutAlert: alert
- property alias checkoutLogin: login
- property alias checkoutName: name
- property alias checkoutEmail: email
- property alias checkoutMobile: mobile
- property alias checkoutCountry: country
- property alias checkoutState: province
- property alias checkoutPostal: postal
- property alias checkoutAddress: address
- property alias checkoutBanks: banks
- property alias checkoutTotalValue: totalValue
- property alias checkoutPlaceOrder: placeOrder
- property alias checkoutPremium: premium
- contentHeight: body.height
-
- ColumnLayout {
- id: body
- anchors {
- top: parent.top
- left: parent.left
- right: parent.right
- }
-
- HeaderToolBar {
- id: header
- Layout.fillWidth: true
- }
-
- GridLayout {
- columns: width < 1200 ? 1 : 2
- rows: width < 1200 ? 2 : 1
- columnSpacing: 0
- rowSpacing: 0
- Layout.fillWidth: true
-
- ColumnLayout {
-
- RowLayout {
- id: alert
- Layout.alignment: Qt.AlignHCenter
-
- Label {
- text: qsTr("Already have an account?")
- font.pointSize: 15
- }
-
- Text {
- id: login
- text: "<a href=\"sign-in.html\">" + qsTr(
- "Log in") + "</a>"
- font.pointSize: 15
- font.underline: false
- }
- }
-
- Rectangle {
- Layout.fillWidth: true
- implicitHeight: personal.height
- Layout.margins: 16
- radius: 8
- ColumnLayout {
- id: personal
- anchors {
- left: parent.left
- right: parent.right
- }
-
- Label {
- text: qsTr("Personal Details")
- font.pointSize: 22
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.rightMargin: 16
- Layout.leftMargin: 16
- Layout.topMargin: 16
- }
-
- GridLayout {
- Layout.margins: 16
- columns: width < 768 ? 1 : 2
- rows: width < 768 ? 4 : 7
- columnSpacing: 0
- rowSpacing: 16
-
- ColumnLayout {
-
- Label {
- text: qsTr("Your name *")
- font.pointSize: 12
- font.family: "roboto"
- Layout.fillWidth: true
- }
-
- Rectangle {
- implicitHeight: 56
- color: "#f5f7f9"
- radius: 8
- border.width: 0
- Layout.fillWidth: true
- RowLayout {
- anchors.fill: parent
- TextField {
- id: name
- placeholderText: qsTr("Name")
- font.pointSize: 16
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.fillHeight: true
- background: Rectangle {
- color: "transparent"
- }
- }
- }
- }
- }
-
- ColumnLayout {
-
- Label {
- text: qsTr("Email address *")
- font.pointSize: 12
- font.family: "roboto"
- Layout.fillWidth: true
- }
-
- Rectangle {
- implicitHeight: 56
- color: "#f5f7f9"
- radius: 8
- border.width: 0
- Layout.fillWidth: true
- RowLayout {
- anchors.fill: parent
- TextField {
- id: email
- placeholderText: qsTr("Email")
- font.pointSize: 16
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.fillHeight: true
- background: Rectangle {
- color: "transparent"
- }
- }
- }
- }
- }
-
- ColumnLayout {
-
- Label {
- text: qsTr("Mobile number *")
- font.pointSize: 12
- font.family: "roboto"
- Layout.fillWidth: true
- }
-
- Rectangle {
- implicitHeight: 56
- color: "#f5f7f9"
- radius: 8
- border.width: 0
- Layout.fillWidth: true
- RowLayout {
- anchors.fill: parent
- TextField {
- id: mobile
- placeholderText: qsTr("Mobile number")
- font.pointSize: 16
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.fillHeight: true
- background: Rectangle {
- color: "transparent"
- }
- }
- }
- }
- }
-
- ColumnLayout {
-
- Label {
- text: qsTr("Select country *")
- font.pointSize: 12
- font.family: "roboto"
- Layout.fillWidth: true
- }
- Rectangle {
- implicitHeight: 56
- color: "#f5f7f9"
- radius: 8
- border.width: 0
- Layout.fillWidth: true
- RowLayout {
- anchors.fill: parent
- TextField {
- id: country
- placeholderText: qsTr("Select country")
- font.pointSize: 16
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.fillHeight: true
- background: Rectangle {
- color: "transparent"
- }
- }
- }
- }
- }
-
- ColumnLayout {
-
- Label {
- text: qsTr("Select state *")
- font.pointSize: 12
- font.family: "roboto"
- Layout.fillWidth: true
- }
-
- Rectangle {
- implicitHeight: 56
- color: "#f5f7f9"
- radius: 8
- border.width: 0
- Layout.fillWidth: true
- RowLayout {
- anchors.fill: parent
- TextField {
- id: province
- placeholderText: qsTr(
- "Select state")
- font.pointSize: 16
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.fillHeight: true
- background: Rectangle {
- color: "transparent"
- }
- }
- }
- }
- }
-
- ColumnLayout {
-
- Label {
- text: qsTr("Postal code *")
- font.pointSize: 12
- font.family: "roboto"
- Layout.fillWidth: true
- }
-
- Rectangle {
- implicitHeight: 56
- color: "#f5f7f9"
- radius: 8
- border.width: 0
- Layout.fillWidth: true
- RowLayout {
- anchors.fill: parent
- TextField {
- id: postal
- placeholderText: qsTr("PIN code")
- font.pointSize: 16
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.fillHeight: true
- background: Rectangle {
- color: "transparent"
- }
- }
- }
- }
- }
-
- ColumnLayout {
-
- Label {
- text: qsTr("Address *")
- font.pointSize: 12
- font.family: "roboto"
- Layout.fillWidth: true
- }
-
- Rectangle {
- implicitHeight: 56
- color: "#f5f7f9"
- radius: 8
- border.width: 0
- Layout.fillWidth: true
- RowLayout {
- anchors.fill: parent
- TextField {
- id: address
- placeholderText: qsTr("Address")
- font.pointSize: 16
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.fillHeight: true
- background: Rectangle {
- color: "transparent"
- }
- }
- }
- }
- }
- }
-
- ColumnLayout {
-
- Label {
- text: qsTr("Payment method")
- font.pointSize: 22
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.margins: 16
- }
-
- ColumnLayout {
-
- Rectangle {
- implicitHeight: paymentCard.height
- Layout.margins: 16
- Layout.fillWidth: true
- border.width: 1
- radius: 8
- border.color: "#4d000000"
-
- ColumnLayout {
- id: paymentCard
- anchors {
- left: parent.left
- right: parent.right
- }
- Label {
- text: qsTr("Credit or Debit Card")
- font.pointSize: 16
- font.family: "roboto"
- Layout.fillWidth: true
- padding: 16
- }
- }
- }
-
- Rectangle {
- implicitHeight: paymentNetBanking.height
- Layout.margins: 16
- Layout.fillWidth: true
- border.width: 1
- radius: 8
- border.color: "#4d000000"
-
- ColumnLayout {
- id: paymentNetBanking
- anchors {
- left: parent.left
- right: parent.right
- }
-
- Label {
- text: qsTr("Pay with Net Banking")
- font.pointSize: 16
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.rightMargin: 16
- Layout.leftMargin: 16
- Layout.topMargin: 16
- }
-
- ColumnLayout {
- Layout.margins: 16
- Label {
- text: qsTr("In order to complete your transaction, we will transfer you over to Eduport secure servers.")
- font.pointSize: 14
- font.family: "roboto"
- wrapMode: Text.Wrap
- Layout.fillWidth: true
- }
-
- Label {
- text: qsTr("Select your bank from the drop-down list and click proceed to continue with your payment.")
- font.pointSize: 14
- font.family: "roboto"
- wrapMode: Text.Wrap
- Layout.fillWidth: true
- }
-
- ComboBox {
- id: banks
- Layout.fillWidth: true
- font.pointSize: 14
- font.family: "roboto"
- Layout.topMargin: 24
- model: ListModel {
- ListElement {
- label: "Please choose one"
- }
- ListElement {
- label: "Bank of America"
- }
- ListElement {
- label: "Bank of India"
- }
- ListElement {
- label: "Bank of London"
- }
- }
- delegate: ItemDelegate {
- contentItem: Text {
- text: label
- font.pointSize: 16
- font.family: "roboto"
- }
- }
- background: Rectangle {
- radius: 8
- implicitHeight: 36
- implicitWidth: 200
- color: "#f5f7f9"
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
-
- GridLayout {
- columns: width < 786 ? 1 : 2
- rows: width < 786 ? 2 : 1
- columnSpacing: 0
- rowSpacing: 0
- Layout.alignment: Qt.AlignTop
-
- Rectangle {
- Layout.fillWidth: true
- implicitHeight: orderSummary.height
- Layout.margins: 16
- radius: 8
-
- ColumnLayout {
- id: orderSummary
- anchors {
- left: parent.left
- right: parent.right
- }
- Label {
- text: qsTr("Order Summary")
- font.pointSize: 22
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.rightMargin: 16
- Layout.leftMargin: 16
- Layout.topMargin: 16
- }
-
- ColumnLayout {
- Layout.margins: 16
- spacing: 16
-
- Item {
- Layout.fillWidth: true
- implicitHeight: codeLabel.implicitHeight + codeValue.implicitHeight
-
- Label {
- id: codeLabel
- text: qsTr("Transaction code")
- font.pointSize: 14
- font.family: "roboto"
- anchors.verticalCenter: parent.verticalCenter
- }
-
- Label {
- id: codeValue
- text: "AB12365E"
- font.pointSize: 14
- font.family: "roboto"
- anchors {
- right: parent.right
- verticalCenter: parent.verticalCenter
- }
- }
- }
-
- RowLayout {
-
- Rectangle {
- implicitHeight: 56
- color: "#f5f7f9"
- radius: 8
- border.width: 0
- Layout.fillWidth: true
- RowLayout {
- anchors.fill: parent
- TextField {
- placeholderText: qsTr("COUPON CODE")
- font.pointSize: 16
- font.family: "roboto"
- Layout.fillWidth: true
- Layout.fillHeight: true
- background: Rectangle {
- color: "transparent"
- }
- }
- }
- }
-
- 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
- }
- }
- }
- }
-
- ColumnLayout {
- Layout.margins: 16
- Item {
- Layout.fillWidth: true
- implicitHeight: priceLabel.implicitHeight
- + priceValue.implicitHeight
-
- Label {
- id: priceLabel
- text: qsTr("Original Price")
- font.pointSize: 15
- anchors.verticalCenter: parent.verticalCenter
- }
-
- Label {
- id: priceValue
- text: "$500"
- font.pointSize: 15
- anchors {
- right: parent.right
- verticalCenter: parent.verticalCenter
- }
- }
- }
-
- Item {
- Layout.fillWidth: true
- implicitHeight: discountLabel.implicitHeight
- + discountValue.implicitHeight
-
- Label {
- id: discountLabel
- text: qsTr("Coupon Discount")
- font.pointSize: 15
- anchors.verticalCenter: parent.verticalCenter
- }
-
- Label {
- id: discountValue
- text: "-" + "$20"
- font.pointSize: 15
- anchors {
- right: parent.right
- verticalCenter: parent.verticalCenter
- }
- }
- }
-
- Item {
- Layout.fillWidth: true
- implicitHeight: totalLabel.implicitHeight
- + totalValue.implicitHeight
-
- Label {
- id: totalLabel
- text: qsTr("Total")
- font.pointSize: 21
- anchors.verticalCenter: parent.verticalCenter
- }
-
- Label {
- id: totalValue
- text: "$480"
- font.pointSize: 21
- anchors {
- right: parent.right
- verticalCenter: parent.verticalCenter
- }
- }
- }
- }
-
- Button {
- id: placeOrder
- Layout.margins: 16
- Layout.fillWidth: true
- text: qsTr("Place Order")
- font.pointSize: 14
- font.family: "roboto"
- implicitHeight: 36
- contentItem: Text {
- color: "#ffffff"
- text: "Place order"
- horizontalAlignment: Text.AlignHCenter
- verticalAlignment: Text.AlignVCenter
- font.weight: Font.Medium
- font.family: "Roboto"
- font.pointSize: 14
- }
- background: Rectangle {
- color: "#0cbc87"
- radius: 8
- }
- }
- }
- }
-
- Rectangle {
- id: premium
- Layout.fillWidth: true
- implicitHeight: premiumAdCard.height
- radius: 8
- color: "#1d3b53"
- Layout.margins: 16
-
- ColumnLayout {
- id: premiumAdCard
- anchors {
- left: parent.left
- right: parent.right
- }
- Layout.margins: 16
-
- Label {
- text: qsTr("Access 25K Online courses from 120 institutions, Start today!")
- wrapMode: Text.Wrap
- font.pointSize: 22
- font.family: "roboto"
- color: "#ffffff"
- Layout.fillWidth: true
- Layout.rightMargin: 16
- Layout.leftMargin: 16
- Layout.topMargin: 16
- }
-
- Label {
- text: qsTr("Here is the description of premium features which will allow users to get benefits and save a lot of money")
- font.pointSize: 16
- font.family: "roboto"
- color: "#ffffff"
- wrapMode: Text.Wrap
- Layout.fillWidth: true
- Layout.margins: 16
- }
-
- Button {
- text: qsTr("Purchase Premium")
- font.pointSize: 14
- Layout.margins: 16
- font.family: "roboto"
- implicitHeight: 36
- contentItem: Text {
- color: "#000000"
- text: "Purchase premium"
- horizontalAlignment: Text.AlignHCenter
- verticalAlignment: Text.AlignVCenter
- font.weight: Font.Medium
- font.family: "Roboto"
- font.pointSize: 14
- }
- background: Rectangle {
- color: "#f7c32e"
- radius: 8
- }
- }
- }
- }
- }
- }
- }
-}