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

---
 CourseItem.ui.qml | 96 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 96 insertions(+)
 create mode 100644 CourseItem.ui.qml

(limited to 'CourseItem.ui.qml')

diff --git a/CourseItem.ui.qml b/CourseItem.ui.qml
new file mode 100644
index 0000000..502803e
--- /dev/null
+++ b/CourseItem.ui.qml
@@ -0,0 +1,96 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.15
+
+ColumnLayout {
+	readonly property bool doesntEmbed: Qt.platform.os === "android"
+				|| Qt.platform.os === "linux"
+				|| Qt.platform.os === "osx"
+				|| Qt.platform.os === "unix"
+				|| Qt.platform.os === "windows"
+
+	FontLoader {
+		id: heebo
+		source: "Heebo/Heebo-Bold.ttf"
+	}
+
+	FontLoader {
+		id: regular
+		source: doesntEmbed ? "" : "Roboto/Roboto-Regular.ttf"
+	}
+
+	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: image
+				fillMode: Image.PreserveAspectFit
+				layer.enabled: true
+				layer.effect: OpacityMask {
+					maskSource: Rectangle {
+						width: courseItemImage.width
+						height: courseItemImage.height
+						radius: 5.2
+					}
+				}
+			}
+		}
+
+	       ColumnLayout {
+			Layout.topMargin: 16
+
+			Label {
+				Layout.fillWidth: true
+				text: title
+				font {
+					family: heebo.name
+					pointSize: 15
+				}
+			}
+
+			Item {
+				Layout.fillWidth: true
+				Layout.topMargin: 16
+				Label {
+					anchors {
+						top: parent.top
+						left: parent.left
+						bottom: parent.bottom
+					}
+					text: price
+					color: "#0cbc87"
+					font {
+						family: doesntEmbed ? "Roboto" : regular.name
+						pointSize: 15
+					}
+				}
+		       }
+	       }
+       }
+}
-- 
cgit v1.2.3