From fd554c1abccd2d039c3e0526870e6e1e7f58241b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?= =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?= Date: Sun, 19 Mar 2023 12:24:29 +0800 Subject: Separate main content from detail classic to its own file --- Course/Detail/Classic/Content/Main.ui.qml | 123 ++++++++++++++++++++++++++++++ 1 file changed, 123 insertions(+) create mode 100644 Course/Detail/Classic/Content/Main.ui.qml (limited to 'Course/Detail/Classic') 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 {} + } + } + } + } +} -- cgit v1.2.3