add RightSidebar.ui.qml (WIP)

1 files changed, 90 insertions, 0 deletions

diff --git a/Shop/ProductDetail/RightSidebar.ui.qml b/Shop/ProductDetail/RightSidebar.ui.qml
new file mode 100644
index 0000000..6613a25
--- /dev/null
+++ b/Shop/ProductDetail/RightSidebar.ui.qml
@@ -0,0 +1,90 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.15
+import Eduport 1.4
+import "../../Button"
+import "../../DropShadow"
+import "../../Label"
+
+Item {
+    Column {
+        id: mainContent
+        anchors.fill: parent
+        spacing: 16
+        H1 {
+            id: title
+            text: "HTML and CSS: Design and Build Websites (Paperback)"
+            anchors.left: parent.left
+            anchors.right: parent.right
+            wrapMode: Text.Wrap
+            anchors.leftMargin: 0
+            anchors.rightMargin: 0
+            Layout.fillWidth: true
+            Layout.maximumWidth: parent.width
+        }
+        RowLayout {
+            id: rating
+            anchors.left: parent.left
+            anchors.right: parent.right
+            Layout.fillHeight: true
+            Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+            spacing: 0
+            anchors.rightMargin: 0
+            anchors.leftMargin: 0
+            H2 {
+                id: ratingScore
+                text: "4.5"
+                Layout.fillWidth: false
+            }
+            ColumnLayout {
+                Layout.leftMargin: 16
+                Layout.fillWidth: true
+                Image {
+                    source: "../../Font-Awesome/svgs/solid/star.svg"
+                    sourceSize.height: 14
+                    sourceSize.width: 14
+                    fillMode: Image.PreserveAspectFit
+                }
+
+                Body {
+                    text: "Reviews from our buyers"
+                    Layout.fillWidth: true
+                }
+            }
+        }
+        RowLayout {
+            Label {
+                text: "checkable radio will be here"
+            }
+        }
+        H4 {
+            text: "Description"
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.rightMargin: 0
+            anchors.leftMargin: 0
+        }
+        Body {
+            text: "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. <br><br>We focus a great deal on the understanding of behavioral psychology and influence triggers which are crucial for becoming a well-rounded Digital Marketer. We understand that theory is important to build a solid foundation, we understand that theory alone isn't going to get the job done so that's why this course is packed with practical hands-on examples that you can follow step by step."
+            anchors.left: parent.left
+            anchors.right: parent.right
+            wrapMode: Text.Wrap
+            anchors.rightMargin: 0
+            anchors.leftMargin: 0
+        }
+        RowLayout {
+            Label {
+                text: "Additional info with list group will be here"
+            }
+        }
+        Body {
+            text: "Crucial for becoming a well-rounded Digital Marketer. We understand that theory is important to build a solid foundation, we understand that theory alone isn't going to get the job done so that's why this course is packed with practical hands-on examples that you can follow step by step."
+            anchors.left: parent.left
+            anchors.right: parent.right
+            wrapMode: Text.Wrap
+            anchors.rightMargin: 0
+            anchors.leftMargin: 0
+        }
+    }
+}