refactor(Communities): use `StatusModal` in `TransferOwnershipPopup`

Closes #2889
This commit is contained in:
Pascal Precht 2021-07-16 15:07:38 +02:00 committed by Iuri Matias
parent 4dab6f9239
commit d4e56ab6ef
1 changed files with 63 additions and 57 deletions

View File

@ -1,33 +1,44 @@
import QtQuick 2.12
import QtQuick.Controls 2.3
import QtGraphicalEffects 1.13
import QtQuick.Dialogs 1.3
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1
import StatusQ.Popups 0.1
import "../../../../imports"
import "../../../../shared"
import "../../../../shared/status"
ModalPopup {
StatusModal {
id: popup
property string privateKey
id: popup
height: 504
//% "Transfer ownership"
title: qsTrId("transfer-ownership")
header.title: qsTr("Transfer ownership")
onClosed: {
popup.destroy();
}
Item {
anchors.fill: parent
content: Item {
width: popup.width
height: Math.max(300, content.height + 32)
Column {
id: content
anchors.top: parent.top
anchors.topMargin: 16
anchors.horizontalCenter: parent.horizontalCenter
width: popup.width - 32
spacing: 16
Input {
property string elidedPkey: popup.privateKey.substring(0, 15) + "..." + popup.privateKey.substring(popup.privateKey.length - 16)
id: pKeyInput
//% "Community private key"
label: qsTrId("community-key")
width: parent.width
label: qsTr("Community private key")
text: elidedPkey
textField.onFocusChanged: {
if (textField.focus) {
@ -41,41 +52,36 @@ ModalPopup {
textToCopy: popup.privateKey
}
StyledText {
StatusBaseText {
id: infoText1
//% "You should keep it safe and only share it with people you trust to take ownership of your community"
text: qsTrId("you-should-keep-it-safe-and-only-share-it-with-people-you-trust-to-take-ownership-of-your-community")
anchors.top: pKeyInput.bottom
text: qsTr("You should keep it safe and only share it with people you trust to take ownership of your community")
wrapMode: Text.WordWrap
anchors.topMargin: Style.current.padding
width: parent.width
font.pixelSize: 13
color: Style.current.secondaryText
color: Theme.palette.baseColor1
}
StyledText {
StatusBaseText {
id: infoText2
//% "You can also use this key to import your community on another device"
text: qsTrId("you-can-also-use-this-key-to-import-your-community-on-another-device")
anchors.top: infoText1.bottom
text: qsTr("You can also use this key to import your community on another device")
wrapMode: Text.WordWrap
anchors.topMargin: Style.current.bigPadding
width: parent.width
font.pixelSize: 13
color: Style.current.secondaryText
color: Theme.palette.baseColor1
}
}
}
footer: StatusRoundButton {
id: btnBack
anchors.left: parent.left
leftButtons: [
StatusRoundButton {
icon.name: "arrow-right"
icon.width: 20
icon.height: 16
icon.width: 20
rotation: 180
onClicked: {
popup.close()
}
}
]
}