summaryrefslogtreecommitdiff
path: root/Header.ui.qml
blob: 4ac854c71125b8443bb536a71befbbf56b9e2915 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtGraphicalEffects 1.15
import Eduport 1.4

ToolBar {
	property alias logo: logo
	property alias profile: profile
	property string imageSource: "https://eduport.webestica.com/assets/images/avatar/01.jpg"
	property alias menu: menu
	property alias editProfile: editProfile
	property alias accountSettings: accountSettings
	property alias help: help
	property alias log: log

	background: Rectangle {
		implicitHeight: 70
	}

	Item {
		anchors.fill: parent

		ToolButton {
			id: logo
			anchors {
				left: parent.left
				verticalCenter: parent.verticalCenter
			}
			icon {
				source: "https://eduport.webestica.com/assets/images/logo.svg"
				width: 115
			}
			background: Rectangle {
				color: "transparent"
			}
		}

		ToolButton {
			id: profile
			anchors {
				right: parent.right
				verticalCenter: parent.verticalCenter
			}
			contentItem: Image {
				source: imageSource
				sourceSize {
					width: 40
					height: 40
				}
				layer {
					enabled: true
					effect: OpacityMask {
						maskSource: Rectangle {
							width: 40
							height: 40
							radius: 40
						}
					}
				}
			}
			background: Rectangle {
				color: "transparent"
			}

			Menu {
				id: menu
				y: parent.height
				Action {
					id: editProfile
					text: qsTr("Edit Profile")
				}
				Action {
					id: accountSettings
					text: qsTr("Account Settings")
				}
				Action {
					id: help
					text: qsTr("Help")
				}
				Action {
					id: log
					text: qsTr("Sign Out")
				}
				delegate: MenuItem {
					font: Eduport.bsBtnFont
				}
			}
		}
	}
}