status-desktop/ui/shared/ToastMessage.qml

139 lines
3.6 KiB
QML
Raw Normal View History

import QtQuick 2.13
import QtGraphicalEffects 1.13
import QtQuick.Controls 2.13
import "../imports"
import "."
Popup {
property url source: "../app/img/check-circle.svg"
property color iconColor: Style.current.primary
property bool iconRotates: false
property string title: "Transaction pending..."
//% "View on Etherscan"
readonly property string defaultLinkText: qsTrId("view-on-etherscan")
2020-09-11 15:18:10 +00:00
property string link: "https://etherscan.io/"
2020-09-21 19:19:05 +00:00
property string linkText: defaultLinkText
id: root
closePolicy: Popup.NoAutoClose
height: 68
padding: 0
margins: 0
2020-10-26 17:10:14 +00:00
width: Math.max(Math.max(titleText.width, linkText.width) + toastImage.width + 12 * 4, 343)
x: parent.width - width - Style.current.bigPadding
y: parent.height - height - Style.current.bigPadding
onOpened: {
timer.setTimeout(function() {
root.close()
}, 4000);
}
onClosed: {
// Reset props
iconColor = Style.current.primary
iconRotates = false
2020-10-27 08:18:03 +00:00
root.linkText = defaultLinkText
}
Timer {
id: timer
}
background: Rectangle {
2020-09-11 15:18:10 +00:00
id: container
radius: Style.current.radius
color: Style.current.background
layer.enabled: true
layer.effect: DropShadow{
width: container.width
height: container.height
x: container.x
y: container.y + 10
visible: container.visible
source: container
horizontalOffset: 0
verticalOffset: 2
radius: 10
samples: 15
color: "#22000000"
}
}
RoundedIcon {
id: toastImage
width: 32
height: 32
iconHeight: 20
iconWidth: 20
color: Utils.setColorAlpha(root.iconColor, 0.1)
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
source: root.source
anchors.leftMargin: 12
iconColor: root.iconColor
rotates: root.iconRotates
}
StyledText {
id: titleText
text: root.title
anchors.left: toastImage.right
anchors.top: parent.top
font.pixelSize: 13
font.weight: Font.Medium
anchors.topMargin: Style.current.padding
anchors.leftMargin: 12
}
StyledText {
id: linkText
2020-09-11 15:18:10 +00:00
text: qsTr(`<a href="%1" style="color:${Style.current.textColorTertiary};text-decoration:none;">%2</a>`)
.arg(root.link)
.arg(root.linkText)
color: Style.current.textColorTertiary
2020-09-11 15:18:10 +00:00
textFormat: Text.RichText
anchors.left: toastImage.right
anchors.top: titleText.bottom
font.pixelSize: 13
font.weight: Font.Medium
anchors.leftMargin: 12
2020-09-11 15:18:10 +00:00
onLinkActivated: {
Qt.openUrlExternally(root.link)
root.close()
}
}
SVGImage {
id: closeImage
anchors.right: parent.right
anchors.top: parent.top
source: "../app/img/plusSign.svg"
anchors.topMargin: Style.current.padding
anchors.rightMargin: Style.current.padding
width: 9
height: 9
rotation: 45
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
onClicked: {
root.close()
}
}
}
ColorOverlay {
anchors.fill: closeImage
source: closeImage
rotation: 45
color: Style.current.textColor
}
}
/*##^##
Designer {
D{i:0;formeditorColor:"#4c4e50";formeditorZoom:1.5;height:68;width:343}
}
##^##*/