Revert "Textfield UI for Personal details section"

This reverts commit 0864a88f63ca554d1eee0a1c236bd94e7124e90a.

1 files changed, 43 insertions, 152 deletions

diff --git a/CheckoutFlickable.ui.qml b/CheckoutFlickable.ui.qml
index aa0d486..902a6a4 100644
--- a/CheckoutFlickable.ui.qml
+++ b/CheckoutFlickable.ui.qml
@@ -12,6 +12,7 @@ Flickable {
 	property alias checkoutState: province
 	property alias checkoutPostal: postal
 	property alias checkoutAddress: address
+	property alias checkoutBanks: banks
 	property alias checkoutPlaceOrder: placeOrder
 	property alias checkoutPremium: premium
 	contentHeight: body.height
@@ -76,31 +77,15 @@ Flickable {
 
 							Label {
 								text: qsTr("Your name *")
-								font.pixelSize: 12
-								font.family: "roboto"
+								font.pixelSize: 15
 								Layout.fillWidth: true
 							}
 
-							Rectangle {
-								implicitHeight: 56
-								color: "#f5f7f9"
-								radius: 8
-								border.width: 0
+							TextField {
+								id: name
+								placeholderText: qsTr("Name")
+								font.pixelSize: 15
 								Layout.fillWidth: true
-								RowLayout {
-									anchors.fill: parent
-									TextField {
-										id: name
-										placeholderText: qsTr("Name")
-										font.pixelSize: 16
-										font.family: "roboto"
-										Layout.fillWidth: true
-										Layout.fillHeight: true
-										background: Rectangle {
-											color: "transparent"
-										}
-									}
-								}
 							}
 						}
 
@@ -111,31 +96,15 @@ Flickable {
 
 							Label {
 								text: qsTr("Email address *")
-								font.pixelSize: 12
-								font.family: "roboto"
+								font.pixelSize: 15
 								Layout.fillWidth: true
 							}
 
-							Rectangle {
-								implicitHeight: 56
-								color: "#f5f7f9"
-								radius: 8
-								border.width: 0
+							TextField {
+								id: email
+								placeholderText: qsTr("Email")
+								font.pixelSize: 15
 								Layout.fillWidth: true
-								RowLayout {
-									anchors.fill: parent
-									TextField {
-										id: email
-										placeholderText: qsTr("Email")
-										font.pixelSize: 16
-										font.family: "roboto"
-										Layout.fillWidth: true
-										Layout.fillHeight: true
-										background: Rectangle {
-											color: "transparent"
-										}
-									}
-								}
 							}
 						}
 
@@ -146,31 +115,15 @@ Flickable {
 
 							Label {
 								text: qsTr("Mobile number *")
-								font.pixelSize: 12
-								font.family: "roboto"
+								font.pixelSize: 15
 								Layout.fillWidth: true
 							}
 
-							Rectangle {
-								implicitHeight: 56
-								color: "#f5f7f9"
-								radius: 8
-								border.width: 0
+							TextField {
+								id: mobile
+								placeholderText: qsTr("Mobile number")
+								font.pixelSize: 15
 								Layout.fillWidth: true
-								RowLayout {
-									anchors.fill: parent
-									TextField {
-										id: mobile
-										placeholderText: qsTr("Mobile number")
-										font.pixelSize: 16
-										font.family: "roboto"
-										Layout.fillWidth: true
-										Layout.fillHeight: true
-										background: Rectangle {
-											color: "transparent"
-										}
-									}
-								}
 							}
 						}
 
@@ -181,30 +134,15 @@ Flickable {
 
 							Label {
 								text: qsTr("Select country *")
-								font.pixelSize: 12
-								font.family: "roboto"
+								font.pixelSize: 15
 								Layout.fillWidth: true
 							}
-							Rectangle {
-								implicitHeight: 56
-								color: "#f5f7f9"
-								radius: 8
-								border.width: 0
+
+							TextField {
+								id: country
+								placeholderText: qsTr("Select country")
+								font.pixelSize: 15
 								Layout.fillWidth: true
-								RowLayout {
-									anchors.fill: parent
-									TextField {
-										id: country
-										placeholderText: qsTr("Select country")
-										font.pixelSize: 16
-										font.family: "roboto"
-										Layout.fillWidth: true
-										Layout.fillHeight: true
-										background: Rectangle {
-											color: "transparent"
-										}
-									}
-								}
 							}
 						}
 
@@ -215,31 +153,15 @@ Flickable {
 
 							Label {
 								text: qsTr("Select state *")
-								font.pixelSize: 12
-								font.family: "roboto"
+								font.pixelSize: 15
 								Layout.fillWidth: true
 							}
 
-							Rectangle {
-								implicitHeight: 56
-								color: "#f5f7f9"
-								radius: 8
-								border.width: 0
+							TextField {
+								id: province
+								placeholderText: qsTr("Select state")
+								font.pixelSize: 15
 								Layout.fillWidth: true
-								RowLayout {
-									anchors.fill: parent
-									TextField {
-										id: province
-										placeholderText: qsTr("Select state")
-										font.pixelSize: 16
-										font.family: "roboto"
-										Layout.fillWidth: true
-										Layout.fillHeight: true
-										background: Rectangle {
-											color: "transparent"
-										}
-									}
-								}
 							}
 						}
 
@@ -250,31 +172,15 @@ Flickable {
 
 							Label {
 								text: qsTr("Postal code *")
-								font.pixelSize: 12
-								font.family: "roboto"
+								font.pixelSize: 15
 								Layout.fillWidth: true
 							}
 
-							Rectangle {
-								implicitHeight: 56
-								color: "#f5f7f9"
-								radius: 8
-								border.width: 0
+							TextField {
+								id: postal
+								placeholderText: qsTr("PIN code")
+								font.pixelSize: 15
 								Layout.fillWidth: true
-								RowLayout {
-									anchors.fill: parent
-									TextField {
-										id: postal
-										placeholderText: qsTr("PIN code")
-										font.pixelSize: 16
-										font.family: "roboto"
-										Layout.fillWidth: true
-										Layout.fillHeight: true
-										background: Rectangle {
-											color: "transparent"
-										}
-									}
-								}
 							}
 						}
 
@@ -285,31 +191,15 @@ Flickable {
 
 							Label {
 								text: qsTr("Address *")
-								font.pixelSize: 12
-								font.family: "roboto"
+								font.pixelSize: 15
 								Layout.fillWidth: true
 							}
 
-							Rectangle {
-								implicitHeight: 56
-								color: "#f5f7f9"
-								radius: 8
-								border.width: 0
+							TextField {
+								id: address
+								placeholderText: qsTr("Address")
+								font.pixelSize: 15
 								Layout.fillWidth: true
-								RowLayout {
-									anchors.fill: parent
-									TextField {
-										id: address
-										placeholderText: qsTr("Address")
-										font.pixelSize: 16
-										font.family: "roboto"
-										Layout.fillWidth: true
-										Layout.fillHeight: true
-										background: Rectangle {
-											color: "transparent"
-										}
-									}
-								}
 							}
 						}
 					}
@@ -367,24 +257,25 @@ Flickable {
 										}
 
 										ComboBox {
+											id: banks
 											font.pixelSize: 15
 											model: ListModel {
 												ListElement {
-													text: "Please choose one"
+													label: "Please choose one"
 												}
 												ListElement {
-													text: "Bank of America"
+													label: "Bank of America"
 												}
 												ListElement {
-													text: "Bank of India"
+													label: "Bank of India"
 												}
 												ListElement {
-													text: "Bank of London"
+													label: "Bank of London"
 												}
 											}
 											delegate: ItemDelegate {
 												contentItem: Text {
-													text: modelData
+													text: label
 													font.pixelSize: 14
 												}
 											}