From 26ace1f5d48e93196fcd0c1bdb1d618ffc1d85e0 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Tue, 28 Feb 2023 14:02:17 +0700
Subject: add CourseListItem.ui.qml

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

diff --git a/CourseListItem.ui.qml b/CourseListItem.ui.qml
new file mode 100644
index 0000000..d21990f
--- /dev/null
+++ b/CourseListItem.ui.qml
@@ -0,0 +1,67 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.12
+
+Item {
+	width:courseData.width
+	height: courseData.height
+	RowLayout {
+		id: courseData
+		spacing: 16
+		Rectangle {
+			id: courseThumbnail
+			radius: 8
+			Layout.preferredHeight: 72
+			Layout.preferredWidth: 100
+			Layout.minimumHeight: 72
+			Layout.minimumWidth: 100
+			Image {
+				id: courseThumb
+				source: "https://eduport.webestica.com/assets/images/courses/4by3/08.jpg"
+				sourceSize: Qt.size(parent.width, parent.height)
+				visible: false
+			}
+		}
+		OpacityMask{
+			anchors.fill: courseThumbnail
+			source: courseThumb
+			maskSource: courseThumbnail
+		}
+		ColumnLayout{
+			id: courseProgressInfo
+			spacing: 0
+			Label{
+				id: courseTitle
+				color: "#000000"
+				text: "Course name"
+				font.pointSize: 16
+				font.family: "roboto"
+				font.styleName: "Medium"
+				Layout.fillWidth: true
+			}
+			Label{
+				id: courseProgressPercentage
+				color: "#000000"
+				text: "80%"
+				font.pointSize: 16
+				font.family: "roboto"
+				font.styleName: "Medium"
+				horizontalAlignment: Text.AlignRight
+				Layout.fillWidth: true
+			}
+			ProgressBar {
+				id: courseProgressBar
+				value: 0.8
+			}
+		}
+		Button {
+			id: courseListActionButton
+			icon.source: "Material/svg/filled/play_circle_outline.svg"
+			text: "Continue"
+			font.weight: Font.Medium
+			font.family: "Roboto"
+			font.pointSize: 14
+		}
+	}
+}
-- 
cgit v1.2.3