summaryrefslogtreecommitdiff
path: root/Course/Detail/Classic/Content/Main.ui.qml
blob: db29cb221d6bd9a848ee13c1c503dbbefb5916aa (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtGraphicalEffects 1.15
import "../../../../Label" as Lbl
import "../../../../Button/NavLink" as NavLink
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 + tabContents.height + 83.2

			ColumnLayout {
				anchors {
					left: parent.left
					right: parent.right
				}

				GridView {
					id: tabs
					interactive: false
					Layout.topMargin: 16
					Layout.leftMargin: 25.6
					Layout.rightMargin: 25.6
					Layout.bottomMargin: 16
					cellWidth: 105.016
					cellHeight: 46
					implicitWidth: parent.width - 51.2
					implicitHeight: Math.ceil(count
							/ Math.floor(count
							/ (cellWidth * count
							/ width))) * cellHeight
					model: ["Overview", "Curriculum",
						"Instructor", "Reviews", "FAQs",
						"Comment"]
					delegate: NavLink.TabsLine {}
				}

				StackLayout {
					id: tabContents
					currentIndex: tabs.currentIndex
					Layout.topMargin: 25.6
					Layout.leftMargin: 25.6
					Layout.rightMargin: 25.6
					Layout.bottomMargin: 25.6
					Layout.preferredWidth: parent.width - 51.2
					Layout.preferredHeight: switch (
							currentIndex) {
						case 0:
							return overview.height;
						case 2:
							return instructor
								.height;
						default:
							return 0;
					}

					ColumnLayout {
						id: overview

						Lbl.H5 {
							text: qsTr("Course Description")
							Layout.fillWidth: true
							Layout.bottomMargin: 16
						}

						Lbl.Body {
							id: courseDescription
							text: qsTr("Welcome to the Digital Marketing Ultimate Course Bundle - 12 Courses in 1 (Over 36 hours of content)")
							color: "#747579"
							Layout.fillWidth: true
						}
					}

					Item {}

					MainTabContents.Instructor {
						id: instructor
					}

					Item {}

					Item {}

					Item {}
				}
			}
		}
	}
}