monero-gui/components/StandardDropdown.qml

238 lines
9.2 KiB
QML
Raw Normal View History

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.
2014-07-10 22:18:36 +00:00
import QtQuick 2.0
import "../components" as MoneroComponents
2014-07-10 22:18:36 +00:00
Item {
id: dropdown
2014-07-16 16:04:34 +00:00
property alias dataModel: repeater.model
2014-07-10 22:18:36 +00:00
property string shadowPressedColor
property string shadowReleasedColor
property string pressedColor
property string releasedColor
property string textColor: "#FFFFFF"
property alias currentIndex: column.currentIndex
property bool expanded: false
property int dropdownHeight: 42
property int fontHeaderSize: 16 * scaleRatio
property int fontItemSize: 14 * scaleRatio
2018-04-29 22:52:48 +00:00
property string colorBorder: MoneroComponents.Style.inputBorderColorInActive
property string colorHeaderBackground: "transparent"
property bool headerBorder: true
property bool headerFontBold: false
height: dropdownHeight
signal changed();
2014-07-10 22:18:36 +00:00
onExpandedChanged: if(expanded) appWindow.currentItem = dropdown
function hide() { dropdown.expanded = false }
function containsPoint(px, py) {
if(px < 0)
return false
if(px > width)
return false
if(py < 0)
return false
if(py > height + droplist.height)
return false
return true
}
// Workaroud for suspected memory leak in 5.8 causing malloc crash on app exit
function update() {
firstColText.text = column.currentIndex < repeater.model.rowCount() ? qsTr(repeater.model.get(column.currentIndex).column1) + translationManager.emptyString : ""
}
2014-07-10 22:18:36 +00:00
Item {
id: head
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
height: dropdown.dropdownHeight
2014-07-10 22:18:36 +00:00
Rectangle {
color: dropdown.colorHeaderBackground
border.width: dropdown.headerBorder ? 1 : 0
2018-04-29 22:52:48 +00:00
border.color: dropdown.colorBorder
radius: 4
anchors.fill: parent
2014-07-10 22:18:36 +00:00
}
Text {
id: firstColText
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
2017-08-07 13:47:56 +00:00
anchors.leftMargin: 12 * scaleRatio
2014-07-10 22:18:36 +00:00
elide: Text.ElideRight
font.family: MoneroComponents.Style.fontRegular.name
font.bold: dropdown.headerFontBold
font.pixelSize: dropdown.fontHeaderSize
2014-07-10 22:18:36 +00:00
color: "#FFFFFF"
}
Item {
id: dropIndicator
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.right: parent.right
2017-08-07 13:47:56 +00:00
width: 32 * scaleRatio
2014-07-10 22:18:36 +00:00
Image {
anchors.centerIn: parent
source: "../images/whiteDropIndicator.png"
2017-08-07 13:47:56 +00:00
rotation: dropdown.expanded ? 180 * scaleRatio : 0
2014-07-10 22:18:36 +00:00
}
}
MouseArea {
id: dropArea
anchors.fill: parent
onClicked: dropdown.expanded = !dropdown.expanded
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
2014-07-10 22:18:36 +00:00
}
}
Rectangle {
id: droplist
anchors.left: parent.left
anchors.right: parent.right
anchors.top: head.bottom
clip: true
height: dropdown.expanded ? column.height : 0
color: dropdown.pressedColor
//radius: 4
2014-07-10 22:18:36 +00:00
Rectangle {
anchors.left: parent.left
anchors.top: parent.top
2017-08-07 13:47:56 +00:00
width: 3 * scaleRatio; height: 3 * scaleRatio
2014-07-10 22:18:36 +00:00
color: dropdown.pressedColor
}
Rectangle {
anchors.right: parent.right
anchors.top: parent.top
2017-08-07 13:47:56 +00:00
width: 3 * scaleRatio; height: 3 * scaleRatio
2014-07-10 22:18:36 +00:00
color: dropdown.pressedColor
}
Behavior on height {
NumberAnimation { duration: 100; easing.type: Easing.InQuad }
}
Column {
id: column
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
property int currentIndex: 0
Repeater {
id: repeater
2017-03-09 15:46:03 +00:00
// Workaround for translations in listElements. All translated strings needs to be listed in this file.
property string stringLow: qsTr("Low (x1 fee)") + translationManager.emptyString
property string stringMedium: qsTr("Medium (x20 fee)") + translationManager.emptyString
property string stringHigh: qsTr("High (x166 fee)") + translationManager.emptyString
property string stringSlow: qsTr("Slow (x0.25 fee)") + translationManager.emptyString
property string stringDefault: qsTr("Default (x1 fee)") + translationManager.emptyString
property string stringFast: qsTr("Fast (x5 fee)") + translationManager.emptyString
property string stringFastest: qsTr("Fastest (x41.5 fee)") + translationManager.emptyString
property string stringAll: qsTr("All") + translationManager.emptyString
property string stringSent: qsTr("Sent") + translationManager.emptyString
property string stringReceived: qsTr("Received") + translationManager.emptyString
2017-03-09 15:46:03 +00:00
2014-07-10 22:18:36 +00:00
delegate: Rectangle {
anchors.left: parent.left
anchors.right: parent.right
height: (dropdown.dropdownHeight * 0.75) * scaleRatio
//radius: index === repeater.count - 1 ? 4 : 0
2014-07-10 22:18:36 +00:00
color: itemArea.containsMouse || index === column.currentIndex || itemArea.containsMouse ? dropdown.releasedColor : dropdown.pressedColor
Text {
id: col1Text
2014-07-10 22:18:36 +00:00
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
anchors.right: col2Text.left
2017-08-07 13:47:56 +00:00
anchors.leftMargin: 12 * scaleRatio
anchors.rightMargin: 0
font.family: MoneroComponents.Style.fontRegular.name
2014-07-10 22:18:36 +00:00
font.bold: true
font.pixelSize: fontItemSize
color: itemArea.containsMouse || index === column.currentIndex || itemArea.containsMouse ? "#FA6800" : "#FFFFFF"
2017-03-09 15:46:03 +00:00
text: qsTr(column1) + translationManager.emptyString
2014-07-10 22:18:36 +00:00
}
Text {
id: col2Text
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
2017-08-07 13:47:56 +00:00
anchors.rightMargin: 45 * scaleRatio
font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14 * scaleRatio
2014-07-10 22:18:36 +00:00
color: "#FFFFFF"
text: ""
2014-07-10 22:18:36 +00:00
}
Rectangle {
anchors.left: parent.left
anchors.top: parent.top
2017-08-07 13:47:56 +00:00
width: 3 * scaleRatio; height: 3 * scaleRatio
2014-07-10 22:18:36 +00:00
color: parent.color
}
Rectangle {
anchors.right: parent.right
anchors.top: parent.top
2017-08-07 13:47:56 +00:00
width: 3 * scaleRatio; height: 3 * scaleRatio
2014-07-10 22:18:36 +00:00
color: parent.color
}
MouseArea {
id: itemArea
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
2014-07-10 22:18:36 +00:00
onClicked: {
dropdown.expanded = false
column.currentIndex = index
changed();
dropdown.update()
2014-07-10 22:18:36 +00:00
}
}
}
}
}
}
}