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?= 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') 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