146 lines
4.0 KiB
QML
146 lines
4.0 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtGraphicalEffects 1.13
|
|
import QtQml 2.14
|
|
import "../../imports"
|
|
import "../../shared"
|
|
|
|
RoundButton {
|
|
property string state: "default"
|
|
property string size: "large"
|
|
id: control
|
|
|
|
font.pixelSize: 15
|
|
font.weight: Font.Medium
|
|
|
|
implicitWidth: {
|
|
switch(size) {
|
|
case "large":
|
|
return 44
|
|
case "medium":
|
|
return 40
|
|
case "small":
|
|
return 32
|
|
default:
|
|
return 44
|
|
}
|
|
}
|
|
implicitHeight: implicitWidth
|
|
|
|
enabled: state === "default"
|
|
|
|
icon.height: {
|
|
switch(size) {
|
|
case "large":
|
|
return 20
|
|
case "medium":
|
|
return 14
|
|
case "small":
|
|
return 12
|
|
default:
|
|
return 20
|
|
}
|
|
}
|
|
icon.width: {
|
|
switch(size) {
|
|
case "large":
|
|
return 20
|
|
case "medium":
|
|
return 14
|
|
case "small":
|
|
return 12
|
|
default:
|
|
return 20
|
|
}
|
|
}
|
|
icon.color: size === "medium" || size === "small" ?
|
|
!enabled ?
|
|
Style.current.roundedButtonSecondaryDisabledForegroundColor :
|
|
Style.current.roundedButtonSecondaryForegroundColor
|
|
:
|
|
!enabled ?
|
|
Style.current.roundedButtonDisabledForegroundColor :
|
|
Style.current.roundedButtonForegroundColor
|
|
|
|
onIconChanged: {
|
|
icon.source = icon.name ? "../../app/img/" + icon.name + ".svg" : ""
|
|
}
|
|
|
|
background: Rectangle {
|
|
anchors.fill: parent
|
|
color: {
|
|
if (size === "medium" || size == "small") {
|
|
return !enabled ? Style.current.roundedButtonSecondaryDisabledBackgroundColor :
|
|
hovered ? Style.current.roundedButtonSecondaryHoveredBackgroundColor :
|
|
Style.current.roundedButtonSecondaryBackgroundColor
|
|
}
|
|
return !enabled ?
|
|
Style.current.roundedButtonDisabledBackgroundColor :
|
|
Style.current.roundedButtonBackgroundColor
|
|
}
|
|
radius: parent.width / 2
|
|
}
|
|
|
|
contentItem: Item {
|
|
anchors.fill: parent
|
|
|
|
SVGImage {
|
|
id: iconImg
|
|
visible: false
|
|
source: control.icon.source
|
|
height: control.icon.height
|
|
width: control.icon.width
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
fillMode: Image.PreserveAspectFit
|
|
}
|
|
|
|
Component {
|
|
id: loadingComponent
|
|
LoadingImage {
|
|
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
id: loadingIndicator
|
|
active: control.state === "pending"
|
|
sourceComponent: loadingComponent
|
|
height: size === "small" ? 14 : 18
|
|
width: loadingIndicator.height
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
|
|
ColorOverlay {
|
|
anchors.fill: iconImg
|
|
visible: control.state === "default"
|
|
source: iconImg
|
|
color: control.size === "medium" || control.size === "small" ?
|
|
Style.current.roundedButtonSecondaryDisabledForegroundColor :
|
|
Style.current.roundedButtonDisabledForegroundColor
|
|
antialiasing: true
|
|
}
|
|
|
|
ColorOverlay {
|
|
id: loadingOverlay
|
|
visible: control.state === "pending"
|
|
anchors.fill: loadingIndicator
|
|
source: loadingIndicator
|
|
color: control.size === "medium" || control.size === "small" ?
|
|
Style.current.roundedButtonSecondaryDisabledForegroundColor :
|
|
Style.current.roundedButtonDisabledForegroundColor
|
|
antialiasing: true
|
|
|
|
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
cursorShape: Qt.PointingHandCursor
|
|
anchors.fill: parent
|
|
onPressed: mouse.accepted = false
|
|
}
|
|
}
|