aboutsummaryrefslogtreecommitdiffstats
path: root/desktop/Button.qml
blob: e1afb7aafba82829ca0aa655aac6c3925b02986c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
// Copyright (C) 2026 Danilo M. <danix@danix.xyz>
//
// This program is free software; you can redistribute it and/or modify
// it under the terms of the GNU General Public License version 2 as
// published by the Free Software Foundation.
//
// This program 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.

import QtQuick

Rectangle {
    id: btn
    property alias text: label.text
    property alias font: label.font
    property string icon: ""
    property bool danger: false
    property bool enabled: true
    // The mouse event, for a caller that reads modifiers; a handler that
    // takes no argument ignores it.
    signal clicked(var mouse)

    implicitWidth: content.implicitWidth + 22
    implicitHeight: content.implicitHeight + 12
    radius: 7
    opacity: enabled ? 1 : 0.4
    color: area.pressed && enabled
         ? (danger ? Theme.red : Theme.accent)
         : area.containsMouse && enabled
         ? Qt.alpha(danger ? Theme.red : Theme.accent, 0.25)
         : Qt.alpha(Theme.surface, 0.8)
    border.width: 1
    border.color: Qt.alpha(danger ? Theme.red : Theme.text, 0.2)

    Row {
        id: content
        anchors.centerIn: parent
        spacing: 6

        Text {
            id: iconText
            visible: btn.icon !== ""
            text: btn.icon
            color: label.color
            font { family: Theme.iconFamily; pixelSize: label.font.pixelSize }
        }

        Text {
            id: label
            font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 2 }
            color: (area.pressed && btn.enabled) ? Theme.base
                 : btn.danger ? Theme.red : Theme.text
        }
    }

    MouseArea {
        id: area
        anchors.fill: parent
        hoverEnabled: true
        cursorShape: btn.enabled ? Qt.PointingHandCursor : Qt.ArrowCursor
        onClicked: mouse => { if (btn.enabled) btn.clicked(mouse); }
    }
}