redo InstructorCarditem, instructorcontent and add coursedetailclassicvideo

4 files changed, 146 insertions, 88 deletions

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
+}