aboutsummaryrefslogtreecommitdiffstats
path: root/desktop/Snackbar.qml
blob: 467ac73e7079ebc14523606ecb001aaeaad8a018 (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
66
67
68
69
70
71
// 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

// Snack's message at the foot of the settings window: wrapped in full, a
// stripe in its colour, a cross to dismiss. Place it once per window.
Rectangle {
    id: bar

    readonly property bool shown: Snack.text !== ""

    implicitHeight: Math.max(msg.implicitHeight, 20) + 20
    radius: 10
    color: Theme.surface
    border.width: 1
    border.color: Qt.alpha(Snack.color, 0.6)
    opacity: shown ? 1 : 0
    visible: opacity > 0
    Behavior on opacity { NumberAnimation { duration: 160 } }

    Timer {
        id: fade
        interval: 6000
        onTriggered: Snack.clear()
    }
    Connections {
        target: Snack
        function onSerialChanged() { if (Snack.sticky) fade.stop(); else fade.restart(); }
    }

    Rectangle {
        anchors { left: parent.left; top: parent.top; bottom: parent.bottom; margins: 6 }
        width: 4
        radius: 2
        color: Snack.color
    }

    Text {
        id: msg
        anchors { left: parent.left; leftMargin: 20; right: close.left; rightMargin: 12; verticalCenter: parent.verticalCenter }
        wrapMode: Text.Wrap
        textFormat: Text.PlainText
        text: Snack.text
        font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 3 }
        color: Theme.text
    }

    Text {
        id: close
        anchors { right: parent.right; rightMargin: 12; verticalCenter: parent.verticalCenter }
        text: ""  // nf-fa-xmark
        font { family: Theme.iconFamily; pixelSize: Theme.fontSize - 2 }
        color: hit.containsMouse ? Theme.text : Theme.subtext
        MouseArea {
            id: hit
            anchors { fill: parent; margins: -6 }
            hoverEnabled: true
            cursorShape: Qt.PointingHandCursor
            onClicked: Snack.clear()
        }
    }
}