summaryrefslogtreecommitdiff
path: root/Course/Detail/Classic/Content
diff options
context:
space:
mode:
authorꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-03-19 12:24:29 +0800
committerꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-03-19 12:24:29 +0800
commitfd554c1abccd2d039c3e0526870e6e1e7f58241b (patch)
tree4d9439abd5d094c3faf80f6e28ef69221c17ff14 /Course/Detail/Classic/Content
parentb4abcf8fb997a234df60eb941db19972f4b16340 (diff)
Separate main content from detail classic
to its own file
Diffstat (limited to 'Course/Detail/Classic/Content')
-rw-r--r--Course/Detail/Classic/Content/Main.ui.qml123
1 files changed, 123 insertions, 0 deletions
diff --git a/Course/Detail/Classic/Content/Main.ui.qml b/Course/Detail/Classic/Content/Main.ui.qml
new file mode 100644
index 0000000..1442224
--- /dev/null
+++ b/Course/Detail/Classic/Content/Main.ui.qml
@@ -0,0 +1,123 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.15
+import "../../../.."
+import "Main/TabContents" as MainTabContents
+
+ColumnLayout {
+ property alias tabs: tabs
+ property alias courseDescription: courseDescription
+
+ Item {
+ Layout.fillWidth: true
+ Layout.leftMargin: 15
+ Layout.rightMargin: 15
+ implicitHeight: rectangle.height
+
+ DropShadow {
+ source: rectangle
+ color: "#4d000000"
+ verticalOffset: 4
+ radius: 12
+ samples: 12
+ anchors.fill: rectangle
+ }
+
+ Rectangle {
+ id: rectangle
+ radius: 5.2
+ anchors {
+ left: parent.left
+ right: parent.right
+ }
+ implicitHeight: tabs.height + tabsContent.height + 83.2
+
+ ColumnLayout {
+ anchors {
+ left: parent.left
+ leftMargin: 25.6
+ right: parent.right
+ rightMargin: 25.6
+ }
+
+ GridView {
+ id: tabs
+ interactive: false
+ Layout.fillWidth: true
+ Layout.topMargin: 16
+ Layout.bottomMargin: 16
+ cellWidth: 105.016
+ cellHeight: 46
+ implicitHeight: Math.ceil(count
+ / Math.floor(count
+ / (cellWidth * count
+ / width))) * cellHeight
+ model: ["Overview", "Curriculum",
+ "Instructor", "Reviews", "FAQs",
+ "Comment"]
+ delegate: TabItem {
+ contentItem: Text {
+ text: modelData
+ color: "#066ac9"
+ font {
+ family: doesntEmbed ? "Roboto" : regular.name
+ pointSize: 15
+ }
+ }
+ background: Rectangle {
+ color: index == currentIndex ? "#1a0fffff" : "transparent"
+ radius: 5.2
+ }
+ }
+ }
+
+ StackLayout {
+ id: tabsContent
+ currentIndex: tabs.currentIndex
+ Layout.topMargin: 33.6
+ Layout.leftMargin: 25.6
+ Layout.rightMargin: 25.6
+ Layout.bottomMargin: 25.6
+
+ ColumnLayout {
+
+ Label {
+ text: qsTr("Course Description")
+ color: "#24292d"
+ wrapMode: Text.Wrap
+ Layout.fillWidth: true
+ Layout.bottomMargin: 16
+ font {
+ family: heebo.name
+ pointSize: 20.1
+ }
+ }
+
+ Label {
+ id: courseDescription
+ text: qsTr("Welcome to the Digital Marketing Ultimate Course Bundle - 12 Courses in 1 (Over 36 hours of content)")
+ color: "#747579"
+ wrapMode: Text.Wrap
+ Layout.fillWidth: true
+ font {
+ family: doesntEmbed ? "Roboto" : regular.name
+ pointSize: 15
+ }
+ }
+ }
+
+ Item {}
+
+ MainTabContents.Instructor {}
+
+ Item {}
+
+ Item {}
+
+ Item {}
+ }
+ }
+ }
+ }
+}