monero-gui/components/StandardDropdown.qml

223 lines
8.9 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.
2019-04-11 01:17:29 +00:00
import QtQuick 2.9
import QtQuick.Controls 2.2
2019-04-11 01:17:29 +00:00
import QtGraphicalEffects 1.0
import "../components" as MoneroComponents
2019-04-11 01:17:29 +00:00
import "../components/effects/" as MoneroEffects
2014-07-10 22:18:36 +00:00
Item {
id: dropdown
property int itemTopMargin: 0
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
2019-04-11 01:17:29 +00:00
property string pressedColor: MoneroComponents.Style.appWindowBorderColor
property string releasedColor: MoneroComponents.Style.titleBarButtonHoverColor
property string textColor: MoneroComponents.Style.defaultFontColor
property alias currentIndex: columnid.currentIndex
readonly property alias expanded: popup.visible
property int dropdownHeight: 42
2019-04-25 19:09:23 +00:00
property int fontHeaderSize: 16
property int fontItemSize: 14
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
Item {
id: head
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.topMargin: parent.itemTopMargin
height: dropdown.dropdownHeight
2014-07-10 22:18:36 +00:00
Rectangle {
2019-04-11 01:17:29 +00:00
color: "transparent"
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
}
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2014-07-10 22:18:36 +00:00
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
2019-04-25 19:09:23 +00:00
anchors.leftMargin: 12
anchors.right: dropIndicator.left
anchors.rightMargin: 12
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
2019-04-11 01:17:29 +00:00
color: dropdown.textColor
text: columnid.currentIndex < repeater.model.count ? qsTr(repeater.model.get(columnid.currentIndex).column1) + translationManager.emptyString : ""
2014-07-10 22:18:36 +00:00
}
Item {
id: dropIndicator
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.right: parent.right
anchors.rightMargin: 12
width: dropdownIcon.width
2014-07-10 22:18:36 +00:00
Image {
2019-04-11 01:17:29 +00:00
id: dropdownIcon
2014-07-10 22:18:36 +00:00
anchors.centerIn: parent
2019-04-11 01:17:29 +00:00
source: "qrc:///images/whiteDropIndicator.png"
visible: false
}
ColorOverlay {
source: dropdownIcon
anchors.fill: dropdownIcon
color: MoneroComponents.Style.defaultFontColor
2019-04-25 19:09:23 +00:00
rotation: dropdown.expanded ? 180 : 0
2019-04-11 01:17:29 +00:00
opacity: 1
2014-07-10 22:18:36 +00:00
}
}
MouseArea {
id: dropArea
anchors.fill: parent
onClicked: dropdown.expanded ? popup.close() : popup.open()
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
2014-07-10 22:18:36 +00:00
}
}
Popup {
id: popup
padding: 0
2019-12-17 14:15:00 +00:00
closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
2014-07-10 22:18:36 +00:00
Rectangle {
id: droplist
x: dropdown.x
width: dropdown.width
y: head.y + head.height
clip: true
height: dropdown.expanded ? columnid.height : 0
2014-07-10 22:18:36 +00:00
color: dropdown.pressedColor
Behavior on height {
NumberAnimation { duration: 100; easing.type: Easing.InQuad }
}
2014-07-10 22:18:36 +00:00
Column {
id: columnid
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
property int currentIndex: 0
2014-07-10 22:18:36 +00:00
Repeater {
id: repeater
2014-07-10 22:18:36 +00:00
// Workaround for translations in listElements. All translated strings needs to be listed in this file.
property string stringAutomatic: qsTr("Automatic") + translationManager.emptyString
property string stringSlow: qsTr("Slow (x0.2 fee)") + translationManager.emptyString
property string stringNormal: qsTr("Normal (x1 fee)") + translationManager.emptyString
property string stringFast: qsTr("Fast (x5 fee)") + translationManager.emptyString
property string stringFastest: qsTr("Fastest (x200 fee)") + translationManager.emptyString
delegate: Rectangle {
anchors.left: parent.left
2014-07-10 22:18:36 +00:00
anchors.right: parent.right
height: (dropdown.dropdownHeight * 0.75)
//radius: index === repeater.count - 1 ? 4 : 0
color: itemArea.containsMouse || index === columnid.currentIndex || itemArea.containsMouse ? dropdown.releasedColor : dropdown.pressedColor
MoneroComponents.TextPlain {
id: col1Text
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
anchors.right: col2Text.left
anchors.leftMargin: 12
anchors.rightMargin: 0
font.family: MoneroComponents.Style.fontRegular.name
font.bold: true
font.pixelSize: fontItemSize
color: itemArea.containsMouse || index === columnid.currentIndex || itemArea.containsMouse ? "#FA6800" : "#FFFFFF"
text: qsTr(column1) + translationManager.emptyString
}
MoneroComponents.TextPlain {
id: col2Text
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
anchors.rightMargin: 45
font.family: MoneroComponents.Style.fontRegular.name
font.pixelSize: 14
color: "#FFFFFF"
text: ""
}
Rectangle {
anchors.left: parent.left
anchors.top: parent.top
width: 3; height: 3
color: parent.color
}
Rectangle {
anchors.right: parent.right
anchors.top: parent.top
width: 3; height: 3
color: parent.color
}
2014-07-10 22:18:36 +00:00
MouseArea {
id: itemArea
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onClicked: {
popup.close()
columnid.currentIndex = index
changed();
}
2014-07-10 22:18:36 +00:00
}
}
}
}
}
}
}