start InstructorCardItem.ui.qml

1 files changed, 34 insertions, 0 deletions

diff --git a/InstructiorCardItem.ui.qml b/InstructiorCardItem.ui.qml
new file mode 100644
index 0000000..0add453
--- /dev/null
+++ b/InstructiorCardItem.ui.qml
@@ -0,0 +1,34 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.12
+
+Item {
+	
+	height: instructorCardAvatar.height
+	width: instructorCardAvatar.width
+
+	RowLayout{
+		id: instructorCardAvatar
+		Rectangle{
+			Layout.margins: 8
+			id: instructorThumbnail
+			radius: 8
+			Layout.preferredHeight: 200
+			Layout.preferredWidth: 200
+			Layout.minimumHeight: 200
+			Layout.minimumWidth: 200
+		}
+		Image{
+			id: instructorThumb
+			source: "https://eduport.webestica.com/assets/images/instructor/02.jpg"
+			sourceSize: Qt.size(instructorThumbnail.width, instructorThumbnail.height)
+			visible: false
+		}
+		OpacityMask{
+			anchors.fill: instructorThumbnail
+			source: instructorThumb
+			maskSource: instructorThumbnail
+		}
+	}
+}
\ No newline at end of file