summaryrefslogtreecommitdiff
path: root/ClassicDetailFlickable.ui.qml
diff options
context:
space:
mode:
authorꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-02-13 20:41:27 +0800
committerꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-02-13 20:41:27 +0800
commit29b5bafe16ba82773da97c77951309d585bc9a6b (patch)
tree57978d3e0196d57a8f31f515d6d93be5bfb21916 /ClassicDetailFlickable.ui.qml
parent896960e9a507c671f685b0536a10d7dc554c9451 (diff)
Shorten names
Use something like import "qeduport" as Eduport
Diffstat (limited to 'ClassicDetailFlickable.ui.qml')
-rw-r--r--ClassicDetailFlickable.ui.qml193
1 files changed, 0 insertions, 193 deletions
diff --git a/ClassicDetailFlickable.ui.qml b/ClassicDetailFlickable.ui.qml
deleted file mode 100644
index 5ec7c5d..0000000
--- a/ClassicDetailFlickable.ui.qml
+++ /dev/null
@@ -1,193 +0,0 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 1.15
-import QtGraphicalEffects 1.15
-
-Flickable {
- id: flickable
- property alias header: header
- 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
- contentHeight: body.height
-
- ColumnLayout {
- id: body
- anchors {
- top: parent.top
- left: parent.left
- right: parent.right
- }
-
- HeaderToolBar {
- id: header
- Layout.fillWidth: true
- }
-
- Item {
- Layout.fillWidth: true
- implicitHeight: width * 1.2
-
- DropShadow {
- source: rectangle
- color: Qt.rgba(.113, .227, .325, .15)
- anchors.fill: rectangle
- }
-
- Rectangle {
- id: rectangle
- 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"
- sourceSize {
- width: parent.width - 16
- height: parent.width * 3 / 4
- }
- width: sourceSize.width
- height: sourceSize.height
- 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 {
- implicitWidth: price.width + originalPrice.width + discountLabel.width
- Label {
- id: price
- text: "$150"
- font.pixelSize: 32
- font.family: "roboto"
- }
-
- Label {
- id: originalPrice
- text: "$350"
- color: "#4d000000"
- font.pixelSize: 14
- font.strikeout: true
- font.family: "roboto"
- }
-
- Rectangle {
- id: discountLabel
- implicitWidth: discount.width
- implicitHeight: discount.height
- radius: 4
- color: "#fd7e14"
- Label {
- id: discount
- text: qsTr("60% off")
- font.pixelSize: 12
- font.family: "roboto"
- horizontalAlignment: Text.AlignHCenter
- verticalAlignment: Text.AlignVCenter
- bottomPadding: 2
- topPadding: 2
- rightPadding: 8
- leftPadding: 8
- }
- }
- }
-
- RowLayout {
- id: time
-
- Label {
- text: qsTr("5 days left at this price")
- font.pixelSize: 14
- font.family: "roboto"
- color: "#d6293e"
- }
- }
- }
- }
-
- RowLayout {
- Layout.bottomMargin: 16
- Layout.fillWidth: true
- spacing: 16
- Button {
- id: trial
- text: qsTr("Free trial")
- Layout.fillWidth: true
- contentItem: Text {
- horizontalAlignment: Text.AlignHCenter
- text: trial.text
- font.pixelSize: 14
- font.family: "roboto"
- color: trial.down ? "#ffffff"
- : "#066ac9"
- }
- background: Rectangle {
- color: trial.down ? "#066ac9"
- : "#ffffff"
- border.color: "#066ac9"
- radius: 8
- }
- }
-
- Button {
- id: buy
- text: qsTr("Buy course")
- Layout.fillWidth: true
- contentItem: Text {
- horizontalAlignment: Text.AlignHCenter
- text: buy.text
- font.pixelSize: 14
- font.family: "roboto"
- color: "#ffffff"
- }
- background: Rectangle {
- color: buy.down ? "#0aa073"
- : "#0cbc87"
- border.color: buy.down
- ? "#0a966c" : "#0cbc87"
- radius: 8
- }
- }
- }
- }
- }
- }
- }
-}