add CourseLecture.ui.qml

1 files changed, 63 insertions, 0 deletions

diff --git a/CourseLecture.ui.qml b/CourseLecture.ui.qml
new file mode 100644
index 0000000..1530385
--- /dev/null
+++ b/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: "../person-circle.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
+		}
+	}
+}