summaryrefslogtreecommitdiff
path: root/CourseDetailClassic.ui.qml
diff options
context:
space:
mode:
Diffstat (limited to 'CourseDetailClassic.ui.qml')
-rw-r--r--CourseDetailClassic.ui.qml421
1 files changed, 0 insertions, 421 deletions
diff --git a/CourseDetailClassic.ui.qml b/CourseDetailClassic.ui.qml
deleted file mode 100644
index 88892c1..0000000
--- a/CourseDetailClassic.ui.qml
+++ /dev/null
@@ -1,421 +0,0 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 1.15
-import QtGraphicalEffects 1.15
-
-Flickable {
- property alias introBadge: introBadge
- property alias introTitleHeader: introTitleHeader
- property alias introTitleParagraph: introTitleParagraph
- property alias tabs: tabs
- property alias courseDescription: courseDescription
- property alias detailImage: image
- property alias detailPrice: price
- property alias detailOriginalPrice: originalPrice
- property alias detailDiscount: discount
- property alias detailTime: time
- property alias detailTrial: trial
- property alias detailBuy: buy
- property bool doesntEmbed: Qt.platform.os === "android"
- || Qt.platform.os === "linux"
- || Qt.platform.os === "osx"
- || Qt.platform.os === "unix"
- || Qt.platform.os === "windows"
- contentHeight: body.height
-
- ColumnLayout {
- id: body
- anchors {
- top: parent.top
- left: parent.left
- right: parent.right
- }
-
- FontLoader {
- id: heebo
- source: "Heebo/Heebo-Bold.ttf"
- }
-
- FontLoader {
- id: bold
- source: doesntEmbed ? "" : "Roboto/Roboto-Bold.ttf"
- }
-
- FontLoader {
- id: medium
- source: doesntEmbed ? "" : "Roboto/Roboto-Medium.ttf"
- }
-
- FontLoader {
- id: regular
- source: doesntEmbed ? "" : "Roboto/Roboto-Regular.ttf"
- }
-
- Rectangle {
- color: "#f5f7f9"
- Layout.fillWidth: true
- implicitHeight: pageIntro.height + 96
-
- ColumnLayout {
- id: pageIntro
- anchors {
- left: parent.left
- leftMargin: 15
- right: parent.right
- rightMargin: 15
- verticalCenter: parent.verticalCenter
- }
-
- Rectangle {
- Layout.bottomMargin: 16
- implicitWidth: introBadge.width
- implicitHeight: introBadge.height
- radius: 5.2
- color: Qt.rgba( .0235, .416, .788, 1.0)
- Label {
- id: introBadge
- text: qsTr("Digital Marketing")
- color: "white"
- font {
- family: doesntEmbed ? "Roboto" : bold.name
- weight: Font.Bold
- pointSize: 15
- }
- horizontalAlignment: Text.AlignHCenter
- verticalAlignment: Text.AlignVCenter
- topPadding: 8
- leftPadding: 25.6
- rightPadding: 25.6
- bottomPadding: 8
- }
- }
-
- Label {
- id: introTitleHeader
- text: qsTr("The Complete Digital Marketing Course - 12 Courses in 1")
- color: "#24292d"
- wrapMode: Text.Wrap
- Layout.fillWidth: true
- font {
- family: heebo.name
- pointSize: 30
- }
- }
-
- Label {
- id: introTitleParagraph
- text: qsTr("Satisfied conveying a dependent contented he gentleman agreeable do be. Warrant private blushes removed an in equally totally if. Delivered dejection necessary objection do Mr prevailed. Mr feeling does chiefly cordial in do.")
- color: "#747579"
- wrapMode: Text.Wrap
- Layout.fillWidth: true
- font {
- family: doesntEmbed ? "Roboto" : regular.name
- pointSize: 15
- }
- }
- }
- }
-
- GridLayout {
- Layout.topMargin: 64
- columns: width < 992 ? 1 : 2
- rows: width < 992 ? 2 : 1
-
- ColumnLayout {
- Layout.alignment: Qt.AlignTop
- Layout.maximumWidth: body.width < 992
- ? body.width : body.width / 2
-
- Item {
- Layout.fillWidth: true
- Layout.leftMargin: 15
- Layout.rightMargin: 15
- implicitHeight: mainContent.height
-
- DropShadow {
- source: mainContent
- color: "#4d000000"
- verticalOffset: 4
- radius: 12
- samples: 12
- anchors.fill: mainContent
- }
-
- Rectangle {
- id: mainContent
- 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 {}
-
- InstructorContent {}
-
- Item {}
-
- Item {}
-
- Item {}
- }
- }
- }
- }
- }
-
- ColumnLayout {
-
- Item {
- Layout.fillWidth: true
- implicitHeight: width * 1.2
-
- DropShadow {
- source: rightSidebar
- color: Qt.rgba(.113, .227, .325, .15)
- anchors.fill: rightSidebar
- }
-
- Rectangle {
- id: rightSidebar
- radius: 10
- anchors {
- top: parent.top
- topMargin: 25.6
- left: parent.left
- leftMargin: 12.8
- right: parent.right
- rightMargin: 12.8
- bottom: parent.bottom
- }
-
- Image {
- id: image
- source: "https://eduport.webestica.com/assets/images/courses/4by3/01.jpg"
- width: parent.width - 16
- height: parent.width * 3 / 4
- anchors {
- top: parent.top
- topMargin: 8
- horizontalCenter: parent.horizontalCenter
- }
- layer.enabled: true
- layer.effect: OpacityMask {
- maskSource: Rectangle {
- width: image.width
- height: image.height
- radius: 10
- }
- }
- }
-
- ColumnLayout {
- width: parent.width - 16
- anchors {
- top: image.bottom
- horizontalCenter: parent.horizontalCenter
- bottom: parent.bottom
- bottomMargin: 8
- }
-
- RowLayout {
- Layout.topMargin: 16
- Layout.bottomMargin: 16
-
- ColumnLayout {
- spacing: 8
-
- RowLayout {
-
- Label {
- id: price
- text: "$150"
- font {
- family: heebo.name
- pointSize: 23
- }
- }
-
- Label {
- id: originalPrice
- text: "$350"
- color: "#4d000000"
- font {
- family: doesntEmbed ? "Roboto" : regular.name
- pointSize: 15
- strikeout: true
- }
- }
-
- Rectangle {
- id: discountLabel
- implicitWidth: discount.width
- implicitHeight: discount.height
- radius: 6
- color: "#fd7e14"
-
- Label {
- id: discount
- text: qsTr("60% off")
- color: "white"
- font {
- family: doesntEmbed ? "Roboto" : regular.name
- pointSize: 13.6
- }
- horizontalAlignment: Text.AlignHCenter
- verticalAlignment: Text.AlignVCenter
- topPadding: 4.46
- leftPadding: 8.29
- rightPadding: 8.29
- bottomPadding: 4.46
- }
- }
- }
-
- RowLayout {
- id: time
-
- Label {
- text: qsTr("5 days left at this price")
- color: "#d6293e"
- font {
- family: doesntEmbed ? "Roboto" : regular.name
- pointSize: 15
- }
- }
- }
- }
- }
-
- RowLayout {
- Layout.topMargin: 16
- Layout.fillWidth: true
- spacing: 16
-
- Button {
- id: trial
- text: qsTr("Free trial")
- horizontalPadding: 16
- verticalPadding: 8
- contentItem: Text {
- horizontalAlignment: Text.AlignHCenter
- text: trial.text
- color: trial.down ? "#ffffff" : "#066ac9"
- font {
- family: doesntEmbed ? "Roboto" : medium.name
- weight: Font.Medium
- pointSize: 15
- }
- }
- background: Rectangle {
- color: trial.down ? "#066ac9" : "#ffffff"
- radius: 5.2
- border {
- color: "#066ac9"
- width: 1
- }
- }
- }
-
- Button {
- id: buy
- text: qsTr("Buy course")
- horizontalPadding: 16
- verticalPadding: 8
- contentItem: Text {
- horizontalAlignment: Text.AlignHCenter
- text: buy.text
- color: "#ffffff"
- font {
- family: doesntEmbed ? "Roboto" : medium.name
- weight: Font.Medium
- pointSize: 15
- }
- }
- background: Rectangle {
- color: buy.down ? "#0aa073" : "#0cbc87"
- radius: 5.2
- border {
- color: buy.down ? "#0a966c" : "#0cbc87"
- width: 1
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
-}
generated by cgit v1.2.3 (git 2.25.1) at 2026-01-19 08:46:42 +0000