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.
103 lines
3.1 KiB
QML
103 lines
3.1 KiB
QML
/*
|
|
* Copyright 2019 Michail Vourlakos <mvourlakos@gmail.com>
|
|
*
|
|
* This file is part of Latte-Dock
|
|
*
|
|
* Latte-Dock is free software; you can redistribute it and/or
|
|
* modify it under the terms of the GNU General Public License as
|
|
* published by the Free Software Foundation; either version 2 of
|
|
* the License, or (at your option) any later version.
|
|
*
|
|
* Latte-Dock is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import QtQuick 2.7
|
|
import QtQuick.Layouts 1.1
|
|
|
|
import org.kde.plasma.plasmoid 2.0
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
import org.kde.plasma.components 2.0 as PlasmaComponents
|
|
|
|
import org.kde.latte 0.2 as Latte
|
|
|
|
|
|
Item{
|
|
id: button
|
|
width: visibleButton.width
|
|
height: visibleButton.height
|
|
|
|
signal pressed();
|
|
|
|
property bool checked: false
|
|
property bool hoveredExternal: false
|
|
property bool reverseIcon: false
|
|
property string text: "Default Text"
|
|
property string tooltip: ""
|
|
|
|
readonly property bool containsMouse: buttonMouseArea.containsMouse || hoveredExternal
|
|
readonly property int implicitHeight: visibleButton.height
|
|
|
|
readonly property color appliedTextColor: checked ? checkedTextColor : textColor
|
|
readonly property color appliedBackgroundColor: checked ? checkedBackgroundColor : backgroundColor
|
|
|
|
property color textColor: "white"
|
|
property color backgroundColor: "black"
|
|
property color checkedTextColor: "black"
|
|
property color checkedBackgroundColor: "white"
|
|
|
|
Rectangle {
|
|
id: visibleButton
|
|
width: buttonRow.width + 4 * margin
|
|
height: buttonRow.height + 2 * margin
|
|
radius: 2
|
|
color: appliedBackgroundColor
|
|
// border.width: 1
|
|
// border.color: checked ? appliedBackgroundColor : appliedTextColor
|
|
|
|
readonly property int margin: units.smallSpacing
|
|
|
|
RowLayout{
|
|
id: buttonRow
|
|
anchors.centerIn: parent
|
|
spacing: units.smallSpacing
|
|
layoutDirection: reverseIcon ? Qt.RightToLeft : Qt.LeftToRight
|
|
|
|
RearrangeIcon{
|
|
width: height
|
|
height: textLbl.implicitHeight
|
|
iconColor: button.appliedTextColor
|
|
}
|
|
|
|
PlasmaComponents.Label{
|
|
id: textLbl
|
|
text: button.text
|
|
color: button.appliedTextColor
|
|
}
|
|
}
|
|
|
|
/* Rectangle {
|
|
anchors.topMargin: 1
|
|
anchors.top: buttonRow.bottom
|
|
anchors.horizontalCenter: buttonRow.horizontalCenter
|
|
width: visibleButton.width
|
|
height: 1
|
|
color: button.appliedTextColor
|
|
visible: buttonMouseArea.containsMouse
|
|
}*/
|
|
}
|
|
|
|
MouseArea{
|
|
id: buttonMouseArea
|
|
anchors.fill: visibleButton
|
|
hoverEnabled: true
|
|
|
|
onClicked: button.pressed();
|
|
}
|
|
}
|