From b18f44a86757a8feedc977a762a6822cafa0cb19 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: Sun, 2 Apr 2023 16:46:35 +0800
Subject: Move to be used files to each dir

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

(limited to 'Student/Dashboard/CourseListItem.ui.qml')

diff --git a/Student/Dashboard/CourseListItem.ui.qml b/Student/Dashboard/CourseListItem.ui.qml
new file mode 100644
index 0000000..d21990f
--- /dev/null
+++ b/Student/Dashboard/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