From e2ca2eaa7937a78ff0ed596bae7c8354a2cabf4e Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Fri, 3 Mar 2023 21:05:39 +0700 Subject: redo InstructorCarditem, instructorcontent and add coursedetailclassicvideo --- CourseDetailClassicVideo.ui.qml | 49 ++++++++++++++++++++++ InstructiorCardItem.ui.qml | 86 --------------------------------------- InstructorCardItem.ui.qml | 90 +++++++++++++++++++++++++++++++++++++++++ InstructorContent.ui.qml | 9 ++++- 4 files changed, 146 insertions(+), 88 deletions(-) create mode 100644 CourseDetailClassicVideo.ui.qml delete mode 100644 InstructiorCardItem.ui.qml create mode 100644 InstructorCardItem.ui.qml diff --git a/CourseDetailClassicVideo.ui.qml b/CourseDetailClassicVideo.ui.qml new file mode 100644 index 0000000..87bcb28 --- /dev/null +++ b/CourseDetailClassicVideo.ui.qml @@ -0,0 +1,49 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import QtQuick.Layouts 1.15 +import QtGraphicalEffects 1.15 + +Item { + width: courseDetailVideo.width + height: courseDetailVideo.height + ColumnLayout { + id: courseDetailVideo + spacing: 0 + Rectangle { + color: "#4d000000" + radius: 8 + Layout.minimumHeight: 250 + Layout.minimumWidth: 350 + Layout.fillHeight: true + Layout.fillWidth: true + } + RowLayout { + spacing: 8 + Label { + id: price + color: "#000000" + text: "$150" + font.weight: Font.Medium + verticalAlignment: Text.AlignVCenter + font.pointSize: 32 + font.family: "Roboto" + } + Label { + id: originalPrice + color: "#80000000" + text: "$150" + font.strikeout: true + font.weight: Font.Medium + verticalAlignment: Text.AlignVCenter + font.pointSize: 16 + font.family: "Roboto" + Layout.fillHeight: true + } + Badge{ + id:badge + Layout.fillWidth: true + Layout.fillHeight: true + } + } + } +} \ No newline at end of file diff --git a/InstructiorCardItem.ui.qml b/InstructiorCardItem.ui.qml deleted file mode 100644 index 1f59ba3..0000000 --- a/InstructiorCardItem.ui.qml +++ /dev/null @@ -1,86 +0,0 @@ -import QtQuick 2.15 -import QtQuick.Controls 2.15 -import QtQuick.Layouts 1.15 -import QtGraphicalEffects 1.12 - -RowLayout { - id: instructorCard - spacing: 0 - height: instructorCardAvatar.height - width: instructorCardAvatar.width + instructorCardBody.width - - RowLayout{ - id: instructorCardAvatar - Rectangle{ - Layout.margins: 8 - id: instructorThumbnail - radius: 8 - Layout.preferredHeight: 200 - Layout.preferredWidth: 200 - Layout.minimumHeight: 200 - Layout.minimumWidth: 200 - } - Image{ - id: instructorThumb - source: "https://eduport.webestica.com/assets/images/instructor/02.jpg" - sourceSize: Qt.size(instructorThumbnail.width, instructorThumbnail.height) - visible: false - } - OpacityMask{ - anchors.fill: instructorThumbnail - source: instructorThumb - maskSource: instructorThumbnail - } - } - ColumnLayout { - id: instructorCardBody - Layout.preferredWidth: 360 - Layout.minimumWidth: 360 - Layout.alignment: Qt.AlignLeft | Qt.AlignTop - spacing: 0 - Label{ - id: courseTitle - color: "#000000" - text: "Instructor name" - font.pointSize: 21 - font.family: "roboto" - font.styleName: "Medium" - Layout.fillWidth: true - Layout.rightMargin: 8 - Layout.leftMargin: 8 - Layout.topMargin: 8 - } - Label{ - id: instructorTitle - color: "#4d000000" - text: "Instructor title" - font.pointSize: 12 - font.family: "roboto" - font.styleName: "Regular" - Layout.fillWidth: true - Layout.margins:8 - } - Label{ - id: insturctorCardContent - color: "#4d000000" - text: "Passage its ten led hearted removal cordial. Preference any astonished unreserved Mrs." - wrapMode: Text.WordWrap - font.pointSize: 12 - font.family: "roboto" - font.styleName: "Regular" - Layout.fillWidth: true - Layout.margins:8 - } - - Label{ - id: instructorCategory - color: "#fd7e14" - text: "Instructor title" - font.pointSize: 16 - font.family: "roboto" - font.styleName: "Medium" - Layout.fillWidth: true - Layout.margins:8 - } - } -} \ No newline at end of file diff --git a/InstructorCardItem.ui.qml b/InstructorCardItem.ui.qml new file mode 100644 index 0000000..58d7a63 --- /dev/null +++ b/InstructorCardItem.ui.qml @@ -0,0 +1,90 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import QtQuick.Layouts 1.15 + +GridLayout { + id: instructorContent + width: instructorContent.width + height: instructorContent.height + rowSpacing: 16 + columnSpacing: 16 + flow: GridLayout.TopToBottom + + RowLayout { + id: instructorStatistics + Image { + id: instructorImage + Layout.preferredWidth: 300 + Layout.preferredHeight: 300 + source: "https://eduport.webestica.com/assets/images/instructor/01.jpg" + fillMode: Image.PreserveAspectFit + Layout.margins: 8 + } + ColumnLayout { + id: instructorBody + spacing: 8 + Layout.margins: 8 + + Label { + id: instructorFullname + color: "#000000" + text: qsTr("Instructor Fullname") + font.styleName: "Bold" + font.pointSize: 32 + font.family: "roboto" + + } + Label { + id: instructorTitle + color: "#66000000" + text: qsTr("Instructor of Marketing") + font.styleName: "Regular" + font.pointSize: 16 + font.family: "roboto" + } + RowLayout{ + spacing: 16 + ListInlineItem { + id: listInlineItem1 + } + + ListInlineItem { + id: listInlineItem2 + } + + ListInlineItem { + id: listInlineItem3 + } + + ListInlineItem { + id: listInlineItem4 + } + + } + } + } + ColumnLayout { + id: insturctorInfo + width: instructorStatistics.width + spacing: 0 + Label { + color: "#000000" + text: qsTr("About Instructor") + leftPadding: 8 + font.styleName: "Medium" + font.pointSize: 21 + font.family: "roboto" + } + Label { + color: "#66000000" + width: 720 + text: qsTr("Fulfilled direction use continual set him propriety continued. Saw met applauded favorite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashboard see frankness objection abilities. As hastened oh produced prospect formerly up am. Placing forming nay looking old married few has. Margaret disposed of add screened rendered six say his striking confined. As it so contrasted oh estimating instrument. Size like body someone had. Are conduct viewing boy minutes warrant the expense? Tolerably behavior may admit daughters offending her ask own. Praise effect wishes change way and any wanted.") + wrapMode: Text.WordWrap + leftPadding: 8 + font.styleName: "Regular" + font.pointSize: 14 + font.family: "roboto" + Layout.fillWidth: true + } + } +} \ No newline at end of file diff --git a/InstructorContent.ui.qml b/InstructorContent.ui.qml index 4e00177..335e171 100644 --- a/InstructorContent.ui.qml +++ b/InstructorContent.ui.qml @@ -65,9 +65,12 @@ GridLayout { } ColumnLayout { id: insturctorInfo + width: instructorStatistics.width + spacing: 0 Label { color: "#000000" text: qsTr("About Instructor") + leftPadding: 8 font.styleName: "Medium" font.pointSize: 21 font.family: "roboto" @@ -76,10 +79,12 @@ GridLayout { color: "#66000000" width: 720 text: qsTr("Fulfilled direction use continual set him propriety continued. Saw met applauded favorite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashboard see frankness objection abilities. As hastened oh produced prospect formerly up am. Placing forming nay looking old married few has. Margaret disposed of add screened rendered six say his striking confined. As it so contrasted oh estimating instrument. Size like body someone had. Are conduct viewing boy minutes warrant the expense? Tolerably behavior may admit daughters offending her ask own. Praise effect wishes change way and any wanted.") - wrapMode: Text.WordWrap + wrapMode: Text.WordWrap + leftPadding: 8 font.styleName: "Regular" font.pointSize: 14 font.family: "roboto" + Layout.fillWidth: true } } -} \ No newline at end of file +} -- cgit v1.2.3