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 Image { 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 } }