1 files changed, 68 insertions, 0 deletions
diff --git a/Header.qml b/Header.qml
new file mode 100644
index 0000000..761a16a
--- /dev/null
+++ b/Header.qml
@@ -0,0 +1,68 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+ToolBar {
+	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
+		name: "Roboto"
+		source: doesntEmbed ? "" : "Roboto/Roboto-Medium.ttf"
+	}
+
+	RowLayout {
+		anchors.fill: parent
+		layoutDirection: Qt.RightToLeft
+		ToolButton {
+			icon.source: "https://eduport.webestica.com/assets/images/avatar/01.jpg"
+			icon.color: "transparent"
+			onClicked: optionsMenu.open()
+			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
+					}
+				}
+			}
+		}
+	}
+}