You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
3.6 KiB
113 lines
3.6 KiB
// Copyright (c) 2021 Proton Technologies AG |
|
// |
|
// This file is part of ProtonMail Bridge. |
|
// |
|
// ProtonMail Bridge 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 3 of the License, or |
|
// (at your option) any later version. |
|
// |
|
// ProtonMail Bridge 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 ProtonMail Bridge. If not, see <https://www.gnu.org/licenses/>. |
|
|
|
import QtQuick 2.13 |
|
import QtQuick.Layouts 1.12 |
|
import QtQuick.Controls 2.13 |
|
import QtQuick.Controls.impl 2.13 |
|
|
|
Item { |
|
id: root |
|
property var colorScheme |
|
property bool checked |
|
property bool hovered |
|
property bool loading |
|
|
|
signal clicked |
|
|
|
property bool _disabled: !enabled |
|
|
|
implicitHeight: children[0].implicitHeight |
|
implicitWidth: children[0].implicitWidth |
|
|
|
Rectangle { |
|
id: indicator |
|
implicitWidth: 40 |
|
implicitHeight: 24 |
|
|
|
radius: 20 |
|
color: { |
|
if (root.loading) return "transparent" |
|
if (root._disabled) return root.colorScheme.background_strong |
|
return root.colorScheme.background_norm |
|
} |
|
border { |
|
width: 1 |
|
color: (root._disabled || root.loading) ? "transparent" : colorScheme.field_norm |
|
} |
|
|
|
Rectangle { |
|
anchors.verticalCenter: indicator.verticalCenter |
|
anchors.left: indicator.left |
|
anchors.leftMargin: root.checked ? 16 : 0 |
|
width: 24 |
|
height: 24 |
|
radius: 12 |
|
color: { |
|
if (root.loading) return "transparent" |
|
if (root._disabled) return root.colorScheme.field_disabled |
|
|
|
if (root.checked) { |
|
if (root.hovered) return root.colorScheme.interaction_norm_hover |
|
return root.colorScheme.interaction_norm |
|
} else { |
|
if (root.hovered) return root.colorScheme.field_hover |
|
return root.colorScheme.field_norm |
|
} |
|
} |
|
|
|
ColorImage { |
|
anchors.centerIn: parent |
|
source: "../icons/ic-check.svg" |
|
color: root.colorScheme.background_norm |
|
height: root.colorScheme.body_font_size |
|
sourceSize.height: root.colorScheme.body_font_size |
|
visible: root.checked |
|
} |
|
} |
|
|
|
ColorImage { |
|
id: loader |
|
anchors.centerIn: parent |
|
source: "../icons/Loader_16.svg" |
|
color: root.colorScheme.text_norm |
|
height: root.colorScheme.body_font_size |
|
sourceSize.height: root.colorScheme.body_font_size |
|
visible: root.loading |
|
|
|
RotationAnimation { |
|
target: loader |
|
loops: Animation.Infinite |
|
duration: 1000 |
|
from: 0 |
|
to: 360 |
|
direction: RotationAnimation.Clockwise |
|
running: root.loading |
|
} |
|
} |
|
|
|
MouseArea { |
|
anchors.fill: indicator |
|
hoverEnabled: true |
|
onEntered: {root.hovered = true } |
|
onExited: {root.hovered = false } |
|
onClicked: { if (root.enabled) root.clicked();} |
|
onPressed: {root.hovered = true } |
|
onReleased: { root.hovered = containsMouse } |
|
} |
|
} |
|
}
|
|
|