summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAnatasof Wirapraja <anatasof.wirapraja@gmail.com>2023-02-27 16:23:34 +0700
committerAnatasof Wirapraja <anatasof.wirapraja@gmail.com>2023-02-27 16:23:34 +0700
commit2344fb688503c59f53bfe9d6f070837d88a3da7a (patch)
tree324988b63ff507a01c085bedd6fffd9a385f6b76
parent3664a673f92c907308eac760881b8e85832cb02b (diff)
add ReviewItem.ui.qml
-rw-r--r--ReviewItem.ui.qml69
1 files changed, 69 insertions, 0 deletions
diff --git a/ReviewItem.ui.qml b/ReviewItem.ui.qml
new file mode 100644
index 0000000..4f7f4a3
--- /dev/null
+++ b/ReviewItem.ui.qml
@@ -0,0 +1,69 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.12
+
+Item {
+ width: reviewItem.width
+ height: reviewItem.height
+ RowLayout {
+ id:reviewItem
+ spacing: 16
+ RowLayout {
+ id: reviewAvatar
+ Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+ Rectangle {
+ id: avatarMask
+ radius: 100
+ Layout.preferredHeight: 82
+ Layout.preferredWidth: 82
+ Layout.minimumHeight: 82
+ Layout.minimumWidth: 82
+ Image{
+ id: avatarImage
+ source: "https://eduport.webestica.com/assets/images/avatar/09.jpg"
+ sourceSize: Qt.size(parent.width, parent.height)
+ visible: false
+ }
+ }
+ OpacityMask {
+ anchors.fill: avatarMask
+ source: avatarImage
+ maskSource: avatarMask
+ }
+ }
+ ColumnLayout {
+ id: reviewDetails
+ Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+ Layout.maximumWidth: 680
+ spacing: 8
+
+ Label {
+ id: reviewerName
+ color: "#000000"
+ text: "Reviewer Name"
+ font.pointSize: 21
+ font.family: "roboto"
+ Layout.fillWidth: true
+ }
+ Label {
+ id: reviewTimestamp
+ color: "#4d000000"
+ text: "2 days ago"
+ font.pointSize: 14
+ font.family: "roboto"
+ Layout.fillWidth: true
+ }
+ Label {
+ id: reviewText
+ color: "#4d000000"
+ text: "Perceived end knowledge certainly day sweetness why cordially. Ask a quick six seven offer see among. Handsome met debating sir dwelling age material. As style lived he worse dried. Offered related so visitors we private removed. Moderate do subjects to distance."
+ wrapMode: Text.WordWrap
+ font.pointSize: 16
+ font.family: "roboto"
+ Layout.fillWidth: true
+ }
+ }
+
+ }
+} \ No newline at end of file