From 29b5bafe16ba82773da97c77951309d585bc9a6b 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: Mon, 13 Feb 2023 20:41:27 +0800
Subject: Shorten names

Use something like
import "qeduport" as Eduport
---
 HomeDefault.ui.qml | 92 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)
 create mode 100644 HomeDefault.ui.qml

(limited to 'HomeDefault.ui.qml')

diff --git a/HomeDefault.ui.qml b/HomeDefault.ui.qml
new file mode 100644
index 0000000..4521611
--- /dev/null
+++ b/HomeDefault.ui.qml
@@ -0,0 +1,92 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Flickable {
+	property alias header: header
+	property alias counter: counter
+	property alias popular: popular
+	contentHeight: body.height
+
+	ColumnLayout {
+		id: body
+		anchors {
+			top: parent.top
+			left: parent.left
+			right: parent.right
+		}
+
+		Header {
+			id: header
+			Layout.fillWidth: true
+		}
+
+		Item {
+			implicitHeight: counter.height + popular.height
+			Layout.fillWidth: true
+
+			GridView {
+				id: counter
+				interactive: false
+				cellWidth: width < 576 ? width
+				: width < 1200 ? width / 2
+				: width / 4
+				cellHeight: 125.6
+				height: width < 576 ? cellHeight * count
+				: width < 1200 ? cellHeight * count / 2
+				: cellHeight
+				anchors {
+					top: parent.top
+					left: parent.left
+					right: parent.right
+				}
+
+				model: ListModel {
+					ListElement {
+						icon: "Font-Awesome/svgs/solid/tv.svg"
+						count: "10K"
+						title: qsTr("Online Courses")
+						bgColor: "#26f7c32e"
+					}
+					ListElement {
+						icon: "Font-Awesome/svgs/solid/user-tie.svg"
+						count: "200+"
+						title: qsTr("Expert Tutors")
+						bgColor: "#1a1d3b53"
+					}
+					ListElement {
+						icon: "Font-Awesome/svgs/solid/user-graduate.svg"
+						count: "60K+"
+						title: qsTr("Online Students")
+						bgColor: "#1a6f42c1"
+					}
+					ListElement {
+						icon: "Bootstrap/icons/patch-check-fill.svg"
+						count: "6K+"
+						title: qsTr("Certified Courses")
+						bgColor: "#1a17a2b8"
+					}
+				}
+			}
+
+			GridView {
+				id: popular
+				interactive: false
+				cellWidth: width < 576 ? width
+				: width < 768 ? width / 2
+				: width < 992 ? width / 3
+				: width / 4
+				cellHeight: cellWidth * 1.3
+				height: width < 576 ? cellHeight * count
+				: width < 768 ? cellHeight * count / 2
+				: width < 992 ? cellHeight * count / 3
+				: cellHeight * count / 4
+				anchors {
+					top: counter.bottom
+					left: parent.left
+					right: parent.right
+				}
+			}
+		}
+	}
+}
-- 
cgit v1.2.3