monero-gui/components/StandardDialog.qml

252 lines
8 KiB
QML
Raw Normal View History

2018-01-07 05:20:45 +00:00
// Copyright (c) 2014-2018, The Monero Project
2016-11-06 18:24:37 +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
2018-03-19 23:58:49 +00:00
import QtQuick.Controls 2.0
2016-11-06 18:24:37 +00:00
import QtQuick.Dialogs 1.2
import QtQuick.Layouts 1.1
import QtQuick.Controls.Styles 1.4
import QtQuick.Window 2.0
import "../components" as MoneroComponents
2019-04-11 01:17:29 +00:00
import "effects/" as MoneroEffects
2016-11-06 18:24:37 +00:00
2017-08-08 08:44:53 +00:00
Rectangle {
2016-11-06 18:24:37 +00:00
id: root
color: "transparent"
2017-08-08 08:44:53 +00:00
visible: false
2016-11-06 18:24:37 +00:00
property alias title: dialogTitle.text
2016-11-06 22:35:16 +00:00
property alias text: dialogContent.text
property alias content: root.text
2016-11-06 18:24:37 +00:00
property alias cancelVisible: cancelButton.visible
property alias okVisible: okButton.visible
2016-11-07 13:56:05 +00:00
property alias textArea: dialogContent
2017-03-01 21:03:50 +00:00
property alias okText: okButton.text
property alias cancelText: cancelButton.text
property alias closeVisible: closeButton.visible
2017-03-01 21:03:50 +00:00
2016-11-06 22:35:16 +00:00
property var icon
2016-11-06 18:24:37 +00:00
// same signals as Dialog has
signal accepted()
signal rejected()
2017-08-08 08:44:53 +00:00
signal closeCallback();
2016-11-06 18:24:37 +00:00
2019-04-11 01:17:29 +00:00
// background
MoneroEffects.GradientBackground {
anchors.fill: parent
fallBackColor: MoneroComponents.Style.middlePanelBackgroundColor
initialStartColor: MoneroComponents.Style.middlePanelBackgroundGradientStart
initialStopColor: MoneroComponents.Style.middlePanelBackgroundGradientStop
blackColorStart: MoneroComponents.Style._b_middlePanelBackgroundGradientStart
blackColorStop: MoneroComponents.Style._b_middlePanelBackgroundGradientStop
whiteColorStart: MoneroComponents.Style._w_middlePanelBackgroundGradientStart
whiteColorStop: MoneroComponents.Style._w_middlePanelBackgroundGradientStop
start: Qt.point(0, 0)
end: Qt.point(height, width)
}
2017-05-03 09:08:59 +00:00
// Make window draggable
MouseArea {
anchors.fill: parent
property point lastMousePos: Qt.point(0, 0)
onPressed: { lastMousePos = Qt.point(mouseX, mouseY); }
onMouseXChanged: root.x += (mouseX - lastMousePos.x)
onMouseYChanged: root.y += (mouseY - lastMousePos.y)
}
2016-11-06 18:24:37 +00:00
function open() {
2017-08-08 08:44:53 +00:00
// Center
if(!isMobile) {
2017-08-20 20:23:22 +00:00
root.x = parent.width/2 - root.width/2
2018-03-19 23:58:49 +00:00
root.y = 100
2017-08-08 08:44:53 +00:00
}
2016-11-06 18:24:37 +00:00
show()
2017-08-08 08:44:53 +00:00
root.z = 11
root.visible = true;
}
function close() {
root.visible = false;
closeCallback();
2016-11-06 18:24:37 +00:00
}
// TODO: implement without hardcoding sizes
2019-04-25 19:09:23 +00:00
width: isMobile ? screenWidth : 520
height: isMobile ? screenHeight : 380
2016-11-06 18:24:37 +00:00
ColumnLayout {
id: mainLayout
2019-04-25 19:09:23 +00:00
spacing: 10
anchors.fill: parent
2019-04-25 19:09:23 +00:00
anchors.margins: (isMobile? 17 : 20)
2016-11-06 18:24:37 +00:00
RowLayout {
id: column
2019-04-25 19:09:23 +00:00
Layout.topMargin: 14
Layout.fillWidth: true
2016-11-06 18:24:37 +00:00
MoneroComponents.Label {
2016-11-06 18:24:37 +00:00
id: dialogTitle
2019-04-25 19:09:23 +00:00
fontSize: 18
2018-03-24 19:48:19 +00:00
fontFamily: "Arial"
color: MoneroComponents.Style.defaultFontColor
2016-11-06 18:24:37 +00:00
}
}
Item {
Layout.fillHeight: true
Layout.fillWidth: true
2019-04-25 19:09:23 +00:00
Layout.preferredHeight: 240
Flickable {
id: flickable
anchors.fill: parent
ScrollBar.vertical: ScrollBar { }
TextArea.flickable: TextArea {
id: dialogContent
Layout.fillWidth: true
Layout.fillHeight: true
renderType: Text.QtRendering
font.family: MoneroComponents.Style.fontLight.name
textFormat: TextEdit.AutoText
readOnly: true
2019-04-25 19:09:23 +00:00
font.pixelSize: 14
selectByMouse: false
wrapMode: TextEdit.Wrap
color: MoneroComponents.Style.defaultFontColor
MouseArea {
anchors.fill: parent
onClicked: {
appWindow.showStatusMessage(qsTr("Double tap to copy"),3)
}
onDoubleClicked: {
parent.selectAll()
parent.copy()
parent.deselect()
console.log("copied to clipboard");
appWindow.showStatusMessage(qsTr("Content copied to clipboard"),3)
}
2017-11-02 06:51:15 +00:00
}
}
2016-11-06 18:24:37 +00:00
}
}
// Ok/Cancel buttons
RowLayout {
id: buttons
2019-04-25 19:09:23 +00:00
spacing: 60
2016-11-06 18:24:37 +00:00
Layout.alignment: Qt.AlignHCenter
MoneroComponents.StandardButton {
id: cancelButton
2017-03-11 05:09:09 +00:00
text: qsTr("Cancel") + translationManager.emptyString
2016-11-06 18:24:37 +00:00
onClicked: {
root.close()
root.rejected()
2016-11-06 18:24:37 +00:00
}
}
MoneroComponents.StandardButton {
id: okButton
text: qsTr("OK") + translationManager.emptyString
KeyNavigation.tab: cancelButton
2016-11-06 18:24:37 +00:00
onClicked: {
root.close()
root.accepted()
2016-11-06 18:24:37 +00:00
}
}
}
}
// close icon
Rectangle {
id: closeButton
anchors.top: parent.top
anchors.right: parent.right
2019-04-25 19:09:23 +00:00
width: 48
height: 48
color: "transparent"
2019-04-11 01:17:29 +00:00
MoneroEffects.ImageMask {
anchors.centerIn: parent
2019-04-25 19:09:23 +00:00
width: 16
height: 16
2019-04-11 01:17:29 +00:00
image: MoneroComponents.Style.titleBarCloseSource
color: MoneroComponents.Style.defaultFontColor
opacity: 0.75
}
MouseArea {
anchors.fill: parent
onClicked: {
root.close()
root.rejected()
}
cursorShape: Qt.PointingHandCursor
onEntered: closeButton.color = "#262626";
onExited: closeButton.color = "transparent";
}
}
2018-03-19 23:58:49 +00:00
// window borders
Rectangle{
2019-04-25 19:09:23 +00:00
width: 1
color: MoneroComponents.Style.grey
2018-03-19 23:58:49 +00:00
anchors.left: parent.left
anchors.top: parent.top
anchors.bottom: parent.bottom
}
Rectangle{
2019-04-25 19:09:23 +00:00
width: 1
color: MoneroComponents.Style.grey
2018-03-19 23:58:49 +00:00
anchors.right: parent.right
anchors.top: parent.top
anchors.bottom: parent.bottom
}
Rectangle{
2019-04-25 19:09:23 +00:00
height: 1
color: MoneroComponents.Style.grey
2018-03-19 23:58:49 +00:00
anchors.left: parent.left
anchors.top: parent.top
anchors.right: parent.right
}
Rectangle{
2019-04-25 19:09:23 +00:00
height: 1
color: MoneroComponents.Style.grey
2018-03-19 23:58:49 +00:00
anchors.left: parent.left
anchors.bottom: parent.bottom
anchors.right: parent.right
}
2016-11-06 18:24:37 +00:00
}