You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
109 lines
4.0 KiB
QML
109 lines
4.0 KiB
QML
/*
|
|
SPDX-FileCopyrightText: 2019 Michail Vourlakos <mvourlakos@gmail.com>
|
|
SPDX-License-Identifier: GPL-2.0-or-later
|
|
*/
|
|
|
|
import QtQuick 2.7
|
|
import QtQuick.Layouts 1.1
|
|
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
import org.kde.plasma.components 2.0 as PlasmaComponents
|
|
|
|
Item{
|
|
id: button
|
|
width: visibleButton.width
|
|
height: visibleButton.height
|
|
|
|
signal pressedChanged(bool pressed);
|
|
|
|
property bool checked: false
|
|
|
|
property bool iconPositionReversed: false
|
|
property string text: "Default Text"
|
|
property string tooltip: ""
|
|
|
|
readonly property bool containsMouse: tooltipBtn.hovered
|
|
readonly property int implicitHeight: visibleButton.height
|
|
|
|
readonly property color appliedTextColor: checked ? checkedTextColor : textColor
|
|
readonly property color appliedBackgroundColor: checked ? checkedBackgroundColor : backgroundColor
|
|
readonly property color appliedBorderColor: checked ? checkedBorderColor : borderColor
|
|
|
|
readonly property color textColor: containsMouse ? latteView.colorizer.buttonTextColor : settingsRoot.textColor
|
|
readonly property color backgroundColor: containsMouse ? hoveredBackground : normalBackground
|
|
readonly property color borderColor: containsMouse ? hoveredBorder : normalBorder// "transparent"
|
|
|
|
readonly property color checkedTextColor: latteView.colorizer.buttonTextColor
|
|
readonly property color checkedBackgroundColor: latteView.colorizer.buttonFocusColor
|
|
readonly property color checkedBorderColor: hoveredBorder //"transparent" //checkedTextColor
|
|
|
|
readonly property color normalBackground: Qt.rgba(latteView.colorizer.buttonHoverColor.r,
|
|
latteView.colorizer.buttonHoverColor.g,
|
|
latteView.colorizer.buttonHoverColor.b,
|
|
0.04)
|
|
|
|
readonly property color hoveredBackground: Qt.rgba(latteView.colorizer.buttonHoverColor.r,
|
|
latteView.colorizer.buttonHoverColor.g,
|
|
latteView.colorizer.buttonHoverColor.b,
|
|
0.7)
|
|
|
|
readonly property color normalBorder: Qt.rgba(settingsRoot.textColor.r,
|
|
settingsRoot.textColor.g,
|
|
settingsRoot.textColor.b,
|
|
0.7)
|
|
|
|
readonly property color hoveredBorder: "#222222"
|
|
|
|
property Component icon
|
|
|
|
Item{
|
|
id: visibleButtonRoot
|
|
width: visibleButton.width
|
|
height: visibleButton.height
|
|
|
|
Rectangle {
|
|
id: visibleButton
|
|
width: buttonRow.width + 4 * margin
|
|
height: buttonRow.height + 2 * margin
|
|
radius: 2
|
|
color: appliedBackgroundColor
|
|
border.width: 1
|
|
border.color: appliedBorderColor
|
|
|
|
readonly property int margin: units.smallSpacing
|
|
|
|
RowLayout{
|
|
id: buttonRow
|
|
anchors.centerIn: parent
|
|
spacing: units.smallSpacing
|
|
layoutDirection: iconPositionReversed ? Qt.RightToLeft : Qt.LeftToRight
|
|
|
|
Loader {
|
|
width: height
|
|
height: textLbl.implicitHeight
|
|
active: button.icon
|
|
sourceComponent: button.icon
|
|
visible: active
|
|
|
|
readonly property color iconColor: button.appliedTextColor
|
|
}
|
|
|
|
PlasmaComponents.Label{
|
|
id: textLbl
|
|
text: button.text
|
|
color: button.appliedTextColor
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
id: tooltipBtn
|
|
anchors.fill: visibleButtonRoot
|
|
opacity: 0
|
|
tooltip: button.tooltip
|
|
|
|
onPressedChanged: button.pressedChanged(pressed)
|
|
}
|
|
}
|