blob: a1071e73832facade2854ff193eda37236653b08 (
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
130
|
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtGraphicalEffects 1.15
import Bootstrap 5.3
import "../../../.."
import "../../../../Label" as Lbl
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: TabItem {
contentItem: Text {
text: modelData
color: "#066ac9"
font {
family: Bootstrap.bodyFont.family
weight: Bootstrap.bodyFont.weight
pointSize: Bootstrap.bodyFont.pointSize
}
}
background: Rectangle {
color: index == currentIndex ? "#1a0fffff" : "transparent"
radius: 5.2
}
}
}
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")
color: "#24292d"
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 {}
}
}
}
}
}
|
