2020-07-21 21:03:22 +00:00
|
|
|
import QtQuick 2.13
|
|
|
|
|
import "../../../../../imports"
|
|
|
|
|
import "../../../../../shared"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Rectangle {
|
|
|
|
|
property bool hovered: false
|
|
|
|
|
property bool active: false
|
|
|
|
|
property url source: "../../../../img/add_watch_only.svg"
|
|
|
|
|
property string text: "My Profile"
|
|
|
|
|
property var onClicked: function () {}
|
|
|
|
|
|
|
|
|
|
id: menuButton
|
|
|
|
|
color: hovered || active ? Style.current.secondaryBackground : Style.current.transparent
|
|
|
|
|
border.width: 0
|
|
|
|
|
height: 48
|
|
|
|
|
width: parent.width
|
|
|
|
|
radius: Style.current.radius
|
|
|
|
|
|
2020-08-28 19:09:00 +00:00
|
|
|
Image {
|
2020-07-21 21:03:22 +00:00
|
|
|
id: iconImage
|
|
|
|
|
source: menuButton.source
|
2020-08-28 19:09:00 +00:00
|
|
|
height: 24
|
|
|
|
|
width: 24
|
|
|
|
|
sourceSize.width: width
|
|
|
|
|
sourceSize.height: height
|
2020-07-21 21:03:22 +00:00
|
|
|
anchors.left: parent.left
|
|
|
|
|
anchors.leftMargin: Style.current.padding
|
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
|
fillMode: Image.PreserveAspectFit
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
StyledText {
|
|
|
|
|
text: menuButton.text
|
|
|
|
|
anchors.left: iconImage.right
|
|
|
|
|
anchors.leftMargin: Style.current.padding
|
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
MouseArea {
|
|
|
|
|
cursorShape: Qt.PointingHandCursor
|
|
|
|
|
anchors.fill: parent
|
|
|
|
|
hoverEnabled: true
|
|
|
|
|
onEntered: {
|
|
|
|
|
menuButton.hovered = true
|
|
|
|
|
}
|
|
|
|
|
onExited: {
|
|
|
|
|
menuButton.hovered = false
|
|
|
|
|
}
|
|
|
|
|
onClicked: function () {
|
|
|
|
|
menuButton.onClicked()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*##^##
|
|
|
|
|
Designer {
|
|
|
|
|
D{i:0;formeditorColor:"#ffffff";height:48;width:300}
|
|
|
|
|
}
|
|
|
|
|
##^##*/
|
