From 55dfd05eab43247603e7f5b32b35f94ec8916fbf 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: Wed, 22 Mar 2023 15:03:34 +0800
Subject: Checkout is moved to Shop

---
 Shop/Course.ui.qml | 77 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 Shop/Course.ui.qml

(limited to 'Shop/Course.ui.qml')

diff --git a/Shop/Course.ui.qml b/Shop/Course.ui.qml
new file mode 100644
index 0000000..5409de9
--- /dev/null
+++ b/Shop/Course.ui.qml
@@ -0,0 +1,77 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.15
+import "../Label" as Lbl
+
+ColumnLayout {
+	property string imageSource: "https://eduport.webestica.com/assets/images/courses/4by3/08.jpg"
+	property string titleText: "Sketch from A to Z: for app designer"
+	property string priceText: "$150"
+
+	Rectangle {
+		Layout.fillWidth: true
+		Layout.topMargin: 16
+		Layout.bottomMargin: 16
+		height: 1
+		border {
+			width: .5
+			color: "#0a000000"
+		}
+	}
+
+	GridLayout {
+		Layout.topMargin: -16
+		rows: width < 576 ? 2 : 1
+		columns: width < 576 ? 1 : 2
+
+		Rectangle {
+			id: rectangle
+			Layout.topMargin: 16
+			Layout.fillWidth: true
+			implicitHeight: courseItemImage.height
+			radius: 5.2
+
+			Image {
+				id: courseItemImage
+				anchors {
+					left: parent.left
+					right: parent.right
+				}
+				source: imageSource
+				fillMode: Image.PreserveAspectFit
+				layer.enabled: true
+				layer.effect: OpacityMask {
+					maskSource: Rectangle {
+						width: courseItemImage.width
+						height: courseItemImage.height
+						radius: 5.2
+					}
+				}
+			}
+		}
+
+	       ColumnLayout {
+			Layout.topMargin: 16
+
+			Lbl.Hx {
+				Layout.fillWidth: true
+				text: titleText
+			}
+
+			Item {
+				Layout.fillWidth: true
+				Layout.topMargin: 16
+				Lbl.Body {
+					anchors {
+						top: parent.top
+						left: parent.left
+						bottom: parent.bottom
+					}
+					text: priceText
+					color: "#0cbc87"
+				}
+		       }
+	       }
+       }
+}
-- 
cgit v1.2.3