Merge commit '0f2807e6a518c09f4926bc5cda65c1ce3321732d'

3 files changed, 230 insertions, 0 deletions

diff --git a/Course/Detail/Classic/Content/Main/TabContents/Curriculum/CourseLecture.ui.qml b/Course/Detail/Classic/Content/Main/TabContents/Curriculum/CourseLecture.ui.qml
new file mode 100644
index 0000000..8dfbff3
--- /dev/null
+++ b/Course/Detail/Classic/Content/Main/TabContents/Curriculum/CourseLecture.ui.qml
@@ -0,0 +1,63 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Rectangle {
+	width: coursecontent.width
+	height: coursecontent.height
+	color: "#fff"
+	RowLayout {
+		id: coursecontent
+		spacing: 8
+		Layout.margins: 8
+		Button {
+			id: play
+			icon.source: "Font-Awesome/svgs/solid/circle-play.svg"
+			icon.color: "#ffffff"
+			Layout.margins: 8
+			display: AbstractButton.IconOnly
+			Layout.preferredHeight: 32
+			Layout.preferredWidth: 32
+			Layout.minimumHeight: 32
+			Layout.minimumWidth: 32
+			background: Rectangle {
+				color: play.down ? "#ff2c2c": "#4dff2c2c"
+				radius: 100
+			}
+		}
+		Label {
+			id: coursetitle
+			Layout.margins: 8
+			color: "#000000"
+			text: "Course title"
+			font.pointSize: 16
+			font.family: "roboto"
+			verticalAlignment: Text.AlignVCenter
+		}
+		Label {
+			Layout.margins: 8
+			id: premiumbadge
+			color: "#ffffff"
+			text: "Premium"
+			font.pointSize: 12
+			font.family: "roboto"
+			verticalAlignment: Text.AlignVCenter
+			rightPadding: 8
+			leftPadding: 8
+			padding: 4
+			background: Rectangle {
+				color: "#fd7e14"
+				radius: 8
+			}
+		}
+		Label {
+			Layout.margins: 8
+			id: courselength
+			color: "#4d000000"
+			text: "11m 12s"
+			font.pointSize: 16
+			font.family: "roboto"
+			Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+		}
+	}
+}
diff --git a/Course/Detail/Classic/Content/Main/TabContents/Reviews/LeaveReview.ui.qml b/Course/Detail/Classic/Content/Main/TabContents/Reviews/LeaveReview.ui.qml
new file mode 100644
index 0000000..22a102a
--- /dev/null
+++ b/Course/Detail/Classic/Content/Main/TabContents/Reviews/LeaveReview.ui.qml
@@ -0,0 +1,98 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Column {
+	spacing: 16
+	Layout.fillWidth: true
+	Label {
+		color: "#000000"
+		text: "Leave a review"
+		font.pointSize: 21
+		font.family: "roboto"
+		font.styleName: "Medium"
+		Layout.fillWidth: true
+	}
+	RowLayout {
+		Layout.fillWidth: true
+		TextField {
+			placeholderTextColor: "#7f000000"
+			placeholderText: "Full name"
+			background: Rectangle {
+				radius: 8
+				color: "#f5f7f9"
+			}
+			Layout.fillWidth: true
+		}
+		TextField {
+			placeholderTextColor: "#7f000000"
+			placeholderText: "Email"
+			background: Rectangle {
+				radius: 8
+				color: "#f5f7f9"
+			}
+			Layout.fillWidth: true
+		}
+	}
+	ComboBox {
+		id: reviewChoices
+		Layout.fillWidth: true
+		font.pointSize: 14
+		font.family: "roboto"
+		model: ListModel {
+			ListElement {
+				label: "Please choose one"
+			}
+			ListElement {
+				label: "5/5"
+			}
+			ListElement {
+				label: "4/5"
+			}
+			ListElement {
+				label: "3/5"
+			}
+			ListElement {
+				label: "2/5"
+			}
+			ListElement {
+				label: "1/5"
+			}
+		}
+		background: Rectangle{
+			radius: 8
+			color: "#f5f7f9"
+		}
+	}
+    TextArea {
+        id: textArea
+        placeholderText: qsTr("Text Area")
+        Layout.preferredHeight: 82
+        Layout.minimumHeight: 82
+        background: Rectangle{
+            radius: 8
+            color: "#f5f7f9"
+        }
+    }
+    Button {
+    	id: button
+    	text: qsTr("Post a review")
+    	font.pixelSize: 14
+    	implicitHeight: 36
+    	Layout.fillWidth: true
+    	contentItem: Text {
+    		color: "#ffffff"
+    		text: "Login"
+    		horizontalAlignment: Text.AlignHCenter
+    		verticalAlignment: Text.AlignVCenter
+    		font.weight: Font.Medium
+    		font.family: "Roboto"
+    		font.pointSize: 14
+    	}
+
+    	background: Rectangle {
+    		color: button.down ? "#055aab" : "#066ac9"
+    		radius: 8
+    	}
+    }
+}
diff --git a/Course/Detail/Classic/Content/Main/TabContents/Reviews/ReviewItem.ui.qml b/Course/Detail/Classic/Content/Main/TabContents/Reviews/ReviewItem.ui.qml
new file mode 100644
index 0000000..4f7f4a3
--- /dev/null
+++ b/Course/Detail/Classic/Content/Main/TabContents/Reviews/ReviewItem.ui.qml
@@ -0,0 +1,69 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.12
+
+Item {
+	width: reviewItem.width
+	height: reviewItem.height
+	RowLayout {
+		id:reviewItem
+		spacing: 16
+		RowLayout {
+			id: reviewAvatar
+			Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+			Rectangle {
+				id: avatarMask
+				radius: 100
+				Layout.preferredHeight: 82
+				Layout.preferredWidth: 82
+				Layout.minimumHeight: 82
+				Layout.minimumWidth: 82
+				Image{
+					id: avatarImage
+					source: "https://eduport.webestica.com/assets/images/avatar/09.jpg"
+					sourceSize: Qt.size(parent.width, parent.height)
+					visible: false
+				}
+			}
+			OpacityMask {
+				anchors.fill: avatarMask
+				source: avatarImage
+				maskSource: avatarMask
+			}
+		}
+		ColumnLayout {
+			id: reviewDetails
+			Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+			Layout.maximumWidth: 680
+			spacing: 8
+			
+			Label {
+				id: reviewerName
+				color: "#000000"
+				text: "Reviewer Name"
+				font.pointSize: 21
+				font.family: "roboto"
+				Layout.fillWidth: true
+			}
+			Label {
+				id: reviewTimestamp
+				color: "#4d000000"
+				text: "2 days ago"
+				font.pointSize: 14
+				font.family: "roboto"
+				Layout.fillWidth: true
+			}
+			Label {
+				id: reviewText
+				color: "#4d000000"
+				text: "Perceived end knowledge certainly day sweetness why cordially. Ask a quick six seven offer see among. Handsome met debating sir dwelling age material. As style lived he worse dried. Offered related so visitors we private removed. Moderate do subjects to distance."
+				wrapMode: Text.WordWrap
+				font.pointSize: 16
+				font.family: "roboto"
+				Layout.fillWidth: true
+			}
+		}
+
+	}
+}
\ No newline at end of file