2018-01-07 05:20:45 +00:00
|
|
|
// Copyright (c) 2014-2018, The Monero Project
|
2015-04-01 08:56:05 +00:00
|
|
|
//
|
|
|
|
// All rights reserved.
|
|
|
|
//
|
|
|
|
// Redistribution and use in source and binary forms, with or without modification, are
|
|
|
|
// permitted provided that the following conditions are met:
|
|
|
|
//
|
|
|
|
// 1. Redistributions of source code must retain the above copyright notice, this list of
|
|
|
|
// conditions and the following disclaimer.
|
|
|
|
//
|
|
|
|
// 2. Redistributions in binary form must reproduce the above copyright notice, this list
|
|
|
|
// of conditions and the following disclaimer in the documentation and/or other
|
|
|
|
// materials provided with the distribution.
|
|
|
|
//
|
|
|
|
// 3. Neither the name of the copyright holder nor the names of its contributors may be
|
|
|
|
// used to endorse or promote products derived from this software without specific
|
|
|
|
// prior written permission.
|
|
|
|
//
|
|
|
|
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
|
|
|
// EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
|
|
|
// MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL
|
|
|
|
// THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
|
|
|
// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
|
|
|
|
// PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
|
|
|
|
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
|
|
|
|
// STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
|
|
|
|
// THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
|
|
|
2019-04-11 01:17:29 +00:00
|
|
|
import QtQuick 2.9
|
|
|
|
import QtGraphicalEffects 1.0
|
2018-03-31 01:25:20 +00:00
|
|
|
|
|
|
|
import "../components" as MoneroComponents
|
2019-04-11 01:17:29 +00:00
|
|
|
import "effects/" as MoneroEffects
|
2014-07-07 17:08:30 +00:00
|
|
|
|
|
|
|
Rectangle {
|
|
|
|
id: button
|
|
|
|
property alias text: label.text
|
|
|
|
property bool checked: false
|
|
|
|
property alias symbol: symbolText.text
|
2016-12-18 00:18:18 +00:00
|
|
|
property int numSelectedChildren: 0
|
|
|
|
property var under: null
|
2014-07-07 17:08:30 +00:00
|
|
|
signal clicked()
|
|
|
|
|
2017-08-08 08:37:52 +00:00
|
|
|
function doClick() {
|
|
|
|
// Android workaround
|
|
|
|
releaseFocus();
|
|
|
|
clicked();
|
|
|
|
}
|
|
|
|
|
2016-12-18 00:18:18 +00:00
|
|
|
function getOffset() {
|
|
|
|
var offset = 0
|
|
|
|
var item = button
|
|
|
|
while (item.under) {
|
2019-04-25 19:09:23 +00:00
|
|
|
offset += 20
|
2016-12-18 00:18:18 +00:00
|
|
|
item = item.under
|
|
|
|
}
|
|
|
|
return offset
|
|
|
|
}
|
|
|
|
|
2017-11-21 23:14:38 +00:00
|
|
|
color: "transparent"
|
2016-12-18 00:18:18 +00:00
|
|
|
property bool present: !under || under.checked || checked || under.numSelectedChildren > 0
|
2019-04-25 19:09:23 +00:00
|
|
|
height: present ? ((appWindow.height >= 800) ? 44 : 38 ) : 0
|
2016-12-18 00:18:18 +00:00
|
|
|
|
2019-04-11 01:17:29 +00:00
|
|
|
LinearGradient {
|
2020-02-01 22:01:10 +00:00
|
|
|
visible: isOpenGL && button.checked
|
2017-11-21 14:23:31 +00:00
|
|
|
height: parent.height
|
2017-11-21 02:11:52 +00:00
|
|
|
width: 260
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
anchors.right: parent.right
|
2017-11-21 13:51:48 +00:00
|
|
|
anchors.rightMargin: -20
|
2017-11-21 02:11:52 +00:00
|
|
|
anchors.leftMargin: parent.getOffset()
|
2019-04-11 01:17:29 +00:00
|
|
|
start: Qt.point(width, 0)
|
|
|
|
end: Qt.point(0, 0)
|
|
|
|
gradient: Gradient {
|
|
|
|
GradientStop { position: 0.0; color: MoneroComponents.Style.menuButtonGradientStart }
|
|
|
|
GradientStop { position: 1.0; color: MoneroComponents.Style.menuButtonGradientStop }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// fallback hover effect when opengl is not available
|
|
|
|
Rectangle {
|
|
|
|
visible: !isOpenGL && button.checked
|
|
|
|
anchors.fill: parent
|
|
|
|
color: MoneroComponents.Style.menuButtonFallbackBackgroundColor
|
2017-11-21 02:11:52 +00:00
|
|
|
}
|
|
|
|
|
2017-11-16 17:40:09 +00:00
|
|
|
// button decorations that are subject to leftMargin offsets
|
|
|
|
Rectangle {
|
2014-07-07 17:08:30 +00:00
|
|
|
anchors.left: parent.left
|
2019-12-15 21:38:19 +00:00
|
|
|
anchors.leftMargin: 20
|
2017-11-16 17:40:09 +00:00
|
|
|
height: parent.height
|
2019-12-15 21:38:19 +00:00
|
|
|
width: 2
|
|
|
|
color: button.checked ? MoneroComponents.Style.buttonBackgroundColor : "transparent"
|
2017-11-16 17:40:09 +00:00
|
|
|
|
|
|
|
// button text
|
2019-04-11 01:17:29 +00:00
|
|
|
MoneroComponents.TextPlain {
|
2017-11-16 17:40:09 +00:00
|
|
|
id: label
|
2019-04-11 01:17:29 +00:00
|
|
|
color: MoneroComponents.Style.menuButtonTextColor
|
|
|
|
themeTransitionBlackColor: MoneroComponents.Style._b_menuButtonTextColor
|
|
|
|
themeTransitionWhiteColor: MoneroComponents.Style._w_menuButtonTextColor
|
2017-11-16 17:40:09 +00:00
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
anchors.left: parent.right
|
2019-12-15 21:38:19 +00:00
|
|
|
anchors.leftMargin: button.getOffset() + 8
|
2014-07-07 17:08:30 +00:00
|
|
|
font.bold: true
|
2019-04-25 19:09:23 +00:00
|
|
|
font.pixelSize: 14
|
2014-07-07 17:08:30 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-11-16 17:40:09 +00:00
|
|
|
// menu button right arrow
|
2019-04-11 01:17:29 +00:00
|
|
|
MoneroEffects.ImageMask {
|
2014-07-07 17:08:30 +00:00
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
2019-04-11 01:17:29 +00:00
|
|
|
anchors.leftMargin: parent.getOffset()
|
2014-07-07 17:08:30 +00:00
|
|
|
anchors.right: parent.right
|
2019-04-25 19:09:23 +00:00
|
|
|
anchors.rightMargin: 20
|
2019-04-11 01:17:29 +00:00
|
|
|
height: 14
|
|
|
|
width: 8
|
|
|
|
image: MoneroComponents.Style.menuButtonImageRightSource
|
|
|
|
color: button.checked ? MoneroComponents.Style.menuButtonImageRightColorActive : MoneroComponents.Style.menuButtonImageRightColor
|
|
|
|
opacity: button.checked ? 0.8 : 0.25
|
2014-07-07 17:08:30 +00:00
|
|
|
}
|
|
|
|
|
2019-04-11 01:17:29 +00:00
|
|
|
MoneroComponents.TextPlain {
|
2017-11-16 17:40:09 +00:00
|
|
|
id: symbolText
|
2018-04-05 06:30:51 +00:00
|
|
|
anchors.right: parent.right
|
2019-04-25 19:09:23 +00:00
|
|
|
anchors.rightMargin: 44
|
2018-04-05 06:30:51 +00:00
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
2019-04-25 19:09:23 +00:00
|
|
|
font.pixelSize: 12
|
2017-11-16 17:40:09 +00:00
|
|
|
font.bold: true
|
2019-12-15 21:38:19 +00:00
|
|
|
color: MoneroComponents.Style.menuButtonTextColor
|
2017-11-16 17:40:09 +00:00
|
|
|
visible: appWindow.ctrlPressed
|
2019-04-11 01:17:29 +00:00
|
|
|
themeTransition: false
|
2014-07-07 17:08:30 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
MouseArea {
|
|
|
|
id: buttonArea
|
|
|
|
anchors.fill: parent
|
|
|
|
hoverEnabled: true
|
2017-12-10 23:31:52 +00:00
|
|
|
cursorShape: Qt.PointingHandCursor
|
2014-07-07 17:08:30 +00:00
|
|
|
onClicked: {
|
|
|
|
if(parent.checked)
|
|
|
|
return
|
2017-08-08 08:37:52 +00:00
|
|
|
button.doClick()
|
2014-07-07 17:08:30 +00:00
|
|
|
parent.checked = true
|
|
|
|
}
|
|
|
|
}
|
2017-11-16 17:40:09 +00:00
|
|
|
|
|
|
|
transform: Scale {
|
|
|
|
yScale: button.present ? 1 : 0
|
|
|
|
|
|
|
|
Behavior on yScale {
|
|
|
|
NumberAnimation { duration: 200; easing.type: Easing.OutCubic }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
Behavior on height {
|
|
|
|
SequentialAnimation {
|
|
|
|
NumberAnimation { duration: 200; easing.type: Easing.OutCubic }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
Behavior on checked {
|
|
|
|
// we get the value of checked before the change
|
|
|
|
ScriptAction { script: if (under) under.numSelectedChildren += checked > 0 ? -1 : 1 }
|
|
|
|
}
|
2014-07-07 17:08:30 +00:00
|
|
|
}
|