65 lines
2.0 KiB
QML
65 lines
2.0 KiB
QML
|
import QtQuick 2.13
|
||
|
import QtQuick.Controls 2.13
|
||
|
import QtQml 2.14
|
||
|
import "../../imports"
|
||
|
import "../../shared"
|
||
|
|
||
|
Button {
|
||
|
property string type: "primary"
|
||
|
property string size: "large"
|
||
|
property string state: "default"
|
||
|
|
||
|
id: control
|
||
|
font.pixelSize: size === "small" ? 13 : 15
|
||
|
font.weight: Font.Medium
|
||
|
implicitHeight: size === "small" ? 38 : 44
|
||
|
implicitWidth: buttonLabel.implicitWidth + 2 * Style.current.padding
|
||
|
enabled: state === "default"
|
||
|
|
||
|
contentItem: Item {
|
||
|
anchors.fill: parent
|
||
|
Text {
|
||
|
id: buttonLabel
|
||
|
text: control.text
|
||
|
font: control.font
|
||
|
horizontalAlignment: Text.AlignHCenter
|
||
|
verticalAlignment: Text.AlignVCenter
|
||
|
anchors.fill: parent
|
||
|
color: !enabled ? Style.current.buttonDisabledForegroundColor : Style.current.buttonForegroundColor
|
||
|
visible: !loadingIndicator.visible
|
||
|
}
|
||
|
|
||
|
LoadingImage {
|
||
|
id: loadingIndicator
|
||
|
visible: control.state === "pending"
|
||
|
height: loadingIndicator.visible ?
|
||
|
control.size === "large" ?
|
||
|
23 : 17
|
||
|
: 0
|
||
|
width: loadingIndicator.height
|
||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
anchors.verticalCenter: parent.verticalCenter
|
||
|
}
|
||
|
}
|
||
|
|
||
|
background: Rectangle {
|
||
|
radius: Style.current.radius
|
||
|
anchors.fill: parent
|
||
|
color: {
|
||
|
if (type === "secondary") {
|
||
|
return hovered ? Style.current.buttonBackgroundColor : "transparent"
|
||
|
}
|
||
|
return !enabled ? Style.current.buttonDisabledBackgroundColor :
|
||
|
hovered ? Qt.darker(Style.current.buttonBackgroundColor, 1.1) :
|
||
|
Style.current.buttonBackgroundColor
|
||
|
}
|
||
|
}
|
||
|
|
||
|
MouseArea {
|
||
|
cursorShape: Qt.PointingHandCursor
|
||
|
anchors.fill: parent
|
||
|
onPressed: mouse.accepted = false
|
||
|
}
|
||
|
}
|
||
|
|