summaryrefslogtreecommitdiff
path: root/Course/Detail/Classic/Content/Main.ui.qml
blob: 0b1c642fe66ab511c1694ab309e743f0c965cd51 (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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtGraphicalEffects 1.15
import Eduport 1.4
import "../../../../DropShadow" as DrpShdw
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: content.height

		Rectangle {
			id: content
			color: Eduport.bsBodyBg
			anchors {
				left: parent.left
				right: parent.right
			}
			implicitHeight: tabs.height + tabContents.height + 83.2

			DrpShdw.Box {
				source: rectangle
				anchors.fill: rectangle
			}

			Rectangle {
				id: rectangle
				anchors.fill: container
				color: Eduport.bsCardBg
				radius: 5.2
			}

			ColumnLayout {
				id: container
				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 {}
				}

				MenuSeparator {
					contentItem: Rectangle {
						implicitWidth: container.width
						implicitHeight: 1
						color: Eduport.bsBorderColor
					}
				}

				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
						}

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

					Item {}

					MainTabContents.Instructor {
						id: instructor
					}

					Item {}

					Item {}

					Item {}
				}
			}
		}
	}
}