From a0260d2dc62b5d9a523b97070a9507ee697e3624 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?=
 =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?=
 <erik@darapsa.co.id>
Date: Thu, 9 Mar 2023 16:26:44 +0800
Subject: Checkout course items

---
 Checkout.ui.qml | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

(limited to 'Checkout.ui.qml')

diff --git a/Checkout.ui.qml b/Checkout.ui.qml
index 05a32ba..4e99c3e 100644
--- a/Checkout.ui.qml
+++ b/Checkout.ui.qml
@@ -535,8 +535,41 @@ Flickable {
 							}
 						}
 
+						ListView {
+							id: courseItems
+							interactive: false
+							Layout.fillWidth: true
+							implicitHeight: count * (width * 400 / 533 + (width < 362 ? 37.5 : 18.75) + 86.5)
+							model: ListModel {
+								ListElement {
+									image: "https://eduport.webestica.com/assets/images/courses/4by3/08.jpg"
+									title: "Sketch from A to Z: for app designer"
+									price: "$150"
+								}
+								ListElement {
+									image: "https://eduport.webestica.com/assets/images/courses/4by3/18.jpg"
+									title: "The Complete Video Production Bootcamp"
+									price: "$350"
+								}
+							}
+							delegate: CourseItem {
+								width: courseItems.width
+							}
+						}
+
+						Rectangle {
+							Layout.fillWidth: true
+							Layout.topMargin: 16
+							Layout.bottomMargin: 16
+							height: 1
+							border {
+								width: .5
+								color: "#0a000000"
+							}
+						}
+
 						ColumnLayout {
-							Layout.margins: 16
+
 							Item {
 								Layout.fillWidth: true
 								implicitHeight: priceLabel.implicitHeight
-- 
cgit v1.2.3