summaryrefslogtreecommitdiff
path: root/Course/Detail/Classic
diff options
context:
space:
mode:
authorꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-03-29 20:05:03 +0800
committerꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-03-29 20:05:03 +0800
commiteb8b4ebc62aa55daad637903df52318dc53ab727 (patch)
tree9076970854c7136419a71510dd1d539c38683cd0 /Course/Detail/Classic
parente8b2e31dc36c86d53c47f5e3c04d3f229a4e8a2b (diff)
Each in right sidebar has its own file
Diffstat (limited to 'Course/Detail/Classic')
-rw-r--r--Course/Detail/Classic/Content/Sidebar.ui.qml203
-rw-r--r--Course/Detail/Classic/Content/Sidebar/Video.ui.qml163
2 files changed, 163 insertions, 203 deletions
diff --git a/Course/Detail/Classic/Content/Sidebar.ui.qml b/Course/Detail/Classic/Content/Sidebar.ui.qml
deleted file mode 100644
index 19e7c6d..0000000
--- a/Course/Detail/Classic/Content/Sidebar.ui.qml
+++ /dev/null
@@ -1,203 +0,0 @@
-import QtQuick 2.15
-import QtQuick.Controls 2.15
-import QtQuick.Layouts 1.15
-import QtGraphicalEffects 1.15
-import QtMultimedia 5.15
-import Eduport 1.4
-import "../../../../DropShadow" as DrpShdw
-import "../../../../Label" as Lbl
-import "../../../../Button" as Btn
-
-ColumnLayout {
- property alias image: image
- property alias mediaPlayer: mediaPlayer
- property alias initialPrice: initialPrice
- property string priceText: "$150"
- property alias discount: discount
- property alias time: time
- property alias trial: trial
- property alias buy: buy
-
- Item {
- Layout.fillWidth: true
- implicitHeight: width * 1.2
-
- DrpShdw.Box {
- source: rectangle
- anchors.fill: rectangle
- }
-
- Rectangle {
- id: rectangle
- radius: 8
- color: Eduport.bsCardBg
- 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
- }
- }
- }
-
- MediaPlayer {
- id: mediaPlayer
- }
-
- VideoOutput {
- anchors.fill: image
- source: mediaPlayer
- }
-
- Button {
- anchors.centerIn: image
- display: AbstractButton.IconOnly
- flat: true
- width: 44
- height: 44
- icon {
- width: 44
- height: 44
- color: "#ffffff"
- source: "../../../../Font-Awesome/svgs/solid/circle-play.svg"
- }
- onClicked: mediaPlayer.play()
- }
-
- 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 {
-
- Lbl.H3 {
- text: priceText
- }
-
- Lbl.Body {
- id: initialPrice
- text: "$350"
- color
- : "#4d000000"
- font.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: Eduport.bodyFont.family
- weight: Eduport.bodyFont.weight
- pointSize: Eduport.bsBadgeFontSize
- }
- horizontalAlignment: Text.AlignHCenter
- verticalAlignment: Text.AlignVCenter
- topPadding: 4.46
- leftPadding: 8.29
- rightPadding: 8.29
- bottomPadding: 4.46
- }
- }
- }
-
- RowLayout {
- id: time
-
- Lbl.Body {
- text: qsTr("5 days left at this price")
- color: "#d6293e"
- }
- }
- }
- }
-
- RowLayout {
- Layout.topMargin: 16
- Layout.fillWidth: true
- spacing: 16
-
- Button {
- id: trial
- horizontalPadding: 16
- verticalPadding: 8
- text: qsTr("Free trial")
- font: Eduport.bsBtnFont
- contentItem: Text {
- horizontalAlignment
- : Text
- .AlignHCenter
- text: trial.text
- font: trial.font
- color: trial.down
- ? "#ffffff"
- : "#066ac9"
- }
- background: Rectangle {
- radius: 5.2
- color: trial.down
- ? "#066ac9"
- : "#ffffff"
- border {
- color: "#066ac9"
- width: 1
- }
- }
- }
-
- Btn.Success {
- id: buy
- text: qsTr("Buy course")
- }
- }
- }
- }
- }
-}
diff --git a/Course/Detail/Classic/Content/Sidebar/Video.ui.qml b/Course/Detail/Classic/Content/Sidebar/Video.ui.qml
new file mode 100644
index 0000000..b0b4974
--- /dev/null
+++ b/Course/Detail/Classic/Content/Sidebar/Video.ui.qml
@@ -0,0 +1,163 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.15
+import QtMultimedia 5.15
+import Eduport 1.4
+import "../../../../../Label" as Lbl
+import "../../../../../Button" as Btn
+
+ColumnLayout {
+ property alias image: image
+ property alias play: play
+ property alias mediaPlayer: mediaPlayer
+ property alias initialPrice: initialPrice
+ property string priceText: "$150"
+ property alias discount: discount
+ property alias time: time
+ property alias trial: trial
+ property alias buy: buy
+
+ Image {
+ id: image
+ Layout.fillWidth: true
+ Layout.maximumHeight: width * 400 / 533
+ source: "https://eduport.webestica.com/assets/images/courses/4by3/01.jpg"
+ fillMode: Image.PreserveAspectFit
+ layer.enabled: true
+ layer.effect: OpacityMask {
+ maskSource: Rectangle {
+ width: image.width
+ height: image.height
+ radius: 8
+ }
+ }
+
+ MediaPlayer {
+ id: mediaPlayer
+ }
+
+ VideoOutput {
+ anchors.fill: parent
+ source: mediaPlayer
+ }
+
+ Button {
+ id: play
+ anchors.centerIn: parent
+ display: AbstractButton.IconOnly
+ flat: true
+ icon {
+ width: 44
+ height: 44
+ color: "#ffffff"
+ source: "../../../../../Font-Awesome/svgs/solid/circle-play.svg"
+ }
+ }
+ }
+
+ ColumnLayout {
+
+ RowLayout {
+ Layout.topMargin: 16
+ Layout.bottomMargin: 16
+
+ ColumnLayout {
+ spacing: 8
+
+ RowLayout {
+
+ Lbl.H3 {
+ text: priceText
+ }
+
+ Lbl.Body {
+ id: initialPrice
+ text: "$350"
+ color
+ : "#4d000000"
+ font.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: Eduport.bodyFont.family
+ weight: Eduport.bodyFont.weight
+ pointSize: Eduport.bsBadgeFontSize
+ }
+ horizontalAlignment: Text.AlignHCenter
+ verticalAlignment: Text.AlignVCenter
+ topPadding: 4.46
+ leftPadding: 8.29
+ rightPadding: 8.29
+ bottomPadding: 4.46
+ }
+ }
+ }
+
+ RowLayout {
+ id: time
+
+ Lbl.Body {
+ text: qsTr("5 days left at this price")
+ color: "#d6293e"
+ }
+ }
+ }
+ }
+
+ RowLayout {
+ Layout.topMargin: 16
+ Layout.fillWidth: true
+ spacing: 16
+
+ Button {
+ id: trial
+ horizontalPadding: 16
+ verticalPadding: 8
+ text: qsTr("Free trial")
+ font: Eduport.bsBtnFont
+ contentItem: Text {
+ horizontalAlignment
+ : Text
+ .AlignHCenter
+ text: trial.text
+ font: trial.font
+ color: trial.down
+ ? "#ffffff"
+ : "#066ac9"
+ }
+ background: Rectangle {
+ radius: 5.2
+ color: trial.down
+ ? "#066ac9"
+ : "#ffffff"
+ border {
+ color: "#066ac9"
+ width: 1
+ }
+ }
+ }
+
+ Btn.Success {
+ id: buy
+ text: qsTr("Buy course")
+ }
+ }
+ }
+}