status-desktop/ui/app/AppLayouts/Wallet/popups/SignPhraseModal.qml

112 lines
3.0 KiB
QML

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import utils 1.0
import StatusQ.Controls 0.1
import shared.panels 1.0
import shared.popups 1.0
import "../stores"
// TODO: replace with StatusModal
ModalPopup {
id: signPhrasePopup
signal remindLaterClicked()
signal acceptClicked()
title: qsTr("Signing phrase")
height: 390
closePolicy: Popup.NoAutoClose
Column {
anchors.left: parent.left
anchors.right: parent.right
StyledText {
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("This is your signing phrase")
font.pixelSize: 17
font.weight: Font.Bold
horizontalAlignment: Text.AlignHCenter
height: Style.current.padding * 3
}
StyledText {
anchors.horizontalCenter: parent.horizontalCenter
text: qsTr("You should see these 3 words before signing each transaction")
font.pixelSize: 15
width: 330
wrapMode: Text.WordWrap
horizontalAlignment: Text.AlignHCenter
height: Style.current.padding * 4
}
Rectangle {
color: Style.current.inputBackground
height: 44
width: parent.width
StyledText {
id: signingPhrase
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 15
text: RootStore.signingPhrase
}
}
Item {
height: 30
width: parent.width
SVGImage {
width: 13.33
height: 13.33
sourceSize.height: height * 2
sourceSize.width: width * 2
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom
fillMode: Image.PreserveAspectFit
source: Style.svg("exclamation_outline")
}
}
StyledText {
text: qsTr("If you see a different combination, cancel the transaction and sign out")
verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter
width: parent.width
font.pixelSize: 13
height: 18
color: Style.current.danger
anchors.horizontalCenter: parent.horizontalCenter
}
}
footer: Item {
width: parent.width
height: btnRemindLater.height
StatusFlatButton {
anchors.right: btnRemindLater.left
anchors.rightMargin: Style.current.padding
text: qsTr("Ok, got it")
onClicked: {
acceptClicked()
close()
}
}
StatusButton {
id: btnRemindLater
anchors.right: parent.right
text: qsTr("Remind me later")
onClicked: {
remindLaterClicked()
close()
}
}
}
}