From fbfffb21f24b9f8889e7fa55841aa81752698477 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: Thu, 16 Feb 2023 17:20:20 +0800
Subject: Header is UI only & is removed from flickables

Qeduport user should use a page and set its header to Header
---
 Header.ui.qml | 80 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 80 insertions(+)
 create mode 100644 Header.ui.qml

(limited to 'Header.ui.qml')

diff --git a/Header.ui.qml b/Header.ui.qml
new file mode 100644
index 0000000..776add4
--- /dev/null
+++ b/Header.ui.qml
@@ -0,0 +1,80 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+ToolBar {
+	property alias logo: logo
+	property alias toolButton: toolButton
+	property alias optionsMenu: optionsMenu
+	property alias optionProfile: profile
+	property alias optionSettings: settings
+	property alias optionHelp: help
+	property alias optionSign: sign
+	property bool doesntEmbed: Qt.platform.os === "android"
+				|| Qt.platform.os === "linux"
+				|| Qt.platform.os === "osx"
+				|| Qt.platform.os === "unix"
+				|| Qt.platform.os === "windows"
+
+	background: Rectangle {
+		implicitHeight: 64
+	}
+
+	FontLoader {
+		id: roboto
+		source: doesntEmbed ? "" : "Roboto/Roboto-Medium.ttf"
+	}
+
+	Item {
+		anchors.fill: parent
+
+		ToolButton {
+			id: logo
+			anchors.left: parent.left
+			icon.source: "https://eduport.webestica.com/assets/images/logo.svg"
+			icon.width: 115
+			background: Rectangle {
+				implicitHeight: 64
+			}
+		}
+
+		ToolButton {
+			id: toolButton
+			anchors.right: parent.right
+			icon.source: "https://eduport.webestica.com/assets/images/avatar/01.jpg"
+			icon.color: "transparent"
+			background: Rectangle {
+				implicitHeight: 64
+			}
+
+			Menu {
+				id: optionsMenu
+				y: parent.height
+				Action {
+					id: profile
+					text: qsTr("Edit Profile")
+				}
+				Action {
+					id: settings
+					text: qsTr("Account Settings")
+				}
+				Action {
+					id: help
+					text: qsTr("Help")
+				}
+				Action {
+					id: sign
+					text: qsTr("Sign Out")
+				}
+				delegate: MenuItem {
+					font {
+						family: doesntEmbed ? "Roboto"
+							: roboto.name
+						pixelSize: 15
+						weight: Font.Medium
+					}
+				}
+			}
+		}
+	}
+}
-- 
cgit v1.2.3