From 3d09c490431230050fb931da01adaebcb5bccb20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?=
 =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?=
 <erik@darapsa.co.id>
Date: Tue, 2 May 2023 16:16:58 +0700
Subject: Card draft

---
 Card.ui.qml | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 Card.ui.qml

(limited to 'Card.ui.qml')

diff --git a/Card.ui.qml b/Card.ui.qml
new file mode 100644
index 0000000..e232f5a
--- /dev/null
+++ b/Card.ui.qml
@@ -0,0 +1,58 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.15
+import Bootstrap 5.3
+
+Rectangle {
+	property string imageSource:
+	"https://offsetcode.com/themes/messenger/2.2.0/assets/img/avatars/6.jpg"
+	property string nameText: "Bill Marrow"
+	property string statusText: qsTr("last seen 3 days ago")
+
+	radius: 9.6
+	color: ApplicationWindow.window.Bootstrap.cardBg
+	implicitHeight: 88.5
+
+	Image {
+		id: image
+		anchors {
+			left: parent.left
+			leftMargin: 8
+			verticalCenter: parent.verticalCenter
+		}
+		source: imageSource
+		sourceSize {
+			width: 44
+			height: 44
+		}
+		layer.enabled: true
+		layer.effect: OpacityMask {
+			maskSource: Rectangle {
+				width: 44
+				height: 44
+				radius: 22
+			}
+		}
+	}
+
+	ColumnLayout {
+		spacing: 0
+		anchors {
+			left: image.right
+			leftMargin: 8
+			verticalCenter: parent.verticalCenter
+		}
+
+		Label {
+			text: nameText
+			wrapMode: Label.Wrap
+			Bootstrap.heading: 5
+		}
+
+		Label {
+			text: statusText
+			wrapMode: Label.Wrap
+		}
+	}
+}
-- 
cgit v1.2.3