diff options
author | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-04-02 16:46:35 +0800 |
---|---|---|
committer | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-04-02 16:46:35 +0800 |
commit | b18f44a86757a8feedc977a762a6822cafa0cb19 (patch) | |
tree | bd1a2d1d6c8913d88c701857462e951f08a70f77 /Student | |
parent | fc100ff4832d4e8e8765201176eb0d5c4fedea97 (diff) |
Move to be used files to each dir
Diffstat (limited to 'Student')
-rw-r--r-- | Student/Dashboard/CourseListItem.ui.qml | 67 |
1 files changed, 67 insertions, 0 deletions
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 + } + } +} |