mirror of
https://github.com/status-im/status-desktop.git
synced 2025-03-04 00:11:12 +00:00
5cf9e4f838
- popup displayed only ever once - triggered when section is switched to anything else than wallet (default for new users) or settings (profile visible first anyway) - add the popup to SB Fixes #17027
134 lines
4.3 KiB
QML
134 lines
4.3 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtQml.Models 2.15
|
|
|
|
import StatusQ 0.1
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Popups.Dialog 0.1
|
|
|
|
import utils 1.0
|
|
import shared.controls.chat 1.0
|
|
|
|
StatusDialog {
|
|
id: root
|
|
|
|
required property string pubKey
|
|
required property int colorId
|
|
required property var colorHash
|
|
|
|
width: 480
|
|
padding: Theme.smallPadding*2
|
|
topPadding: Theme.xlPadding
|
|
|
|
title: qsTr("Introduce yourself")
|
|
|
|
contentItem: ColumnLayout {
|
|
spacing: Theme.xlPadding
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignHCenter
|
|
spacing: 12
|
|
|
|
Rectangle {
|
|
Layout.preferredWidth: layout1.implicitWidth + layout1.anchors.margins * 2
|
|
Layout.preferredHeight: layout1.implicitHeight + layout1.anchors.topMargin + layout1.anchors.bottomMargin
|
|
color: "transparent"
|
|
border.width: 1
|
|
border.color: Theme.palette.baseColor2
|
|
radius: 16
|
|
|
|
ColumnLayout {
|
|
id: layout1
|
|
anchors.fill: parent
|
|
anchors.margins: 20
|
|
anchors.bottomMargin: Theme.padding
|
|
|
|
UserImage {
|
|
Layout.preferredWidth: 72
|
|
Layout.preferredHeight: 72
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
name: root.pubKey
|
|
colorId: root.colorId
|
|
imageWidth: 68
|
|
imageHeight: 68
|
|
colorHash: root.colorHash
|
|
interactive: false
|
|
}
|
|
StatusBaseText {
|
|
Layout.fillWidth: true
|
|
horizontalAlignment: Text.AlignHCenter
|
|
font.pixelSize: Theme.additionalTextSize
|
|
text: Utils.getElidedPk(root.pubKey)
|
|
}
|
|
}
|
|
}
|
|
|
|
StatusIcon {
|
|
icon: "arrow-right"
|
|
color: Theme.palette.baseColor1
|
|
}
|
|
|
|
Rectangle {
|
|
Layout.preferredWidth: layout2.implicitWidth + layout2.anchors.margins * 2
|
|
Layout.preferredHeight: layout2.implicitHeight + layout2.anchors.topMargin + layout2.anchors.bottomMargin
|
|
color: "transparent"
|
|
border.width: 1
|
|
border.color: Theme.palette.baseColor2
|
|
radius: 16
|
|
|
|
ColumnLayout {
|
|
id: layout2
|
|
anchors.fill: parent
|
|
anchors.margins: 20
|
|
anchors.bottomMargin: Theme.padding
|
|
|
|
UserImage {
|
|
Layout.preferredWidth: 72
|
|
Layout.preferredHeight: 72
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
name: root.pubKey
|
|
image: Theme.png("onboarding/avatar")
|
|
colorId: root.colorId
|
|
imageWidth: 68
|
|
imageHeight: 68
|
|
colorHash: root.colorHash
|
|
interactive: false
|
|
}
|
|
StatusBaseText {
|
|
Layout.fillWidth: true
|
|
horizontalAlignment: Text.AlignHCenter
|
|
font.pixelSize: Theme.additionalTextSize
|
|
text: qsTr("Your Name")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
StatusBaseText {
|
|
Layout.fillWidth: true
|
|
wrapMode: Text.Wrap
|
|
text: qsTr("Add an optional display name and profile picture so others can easily recognise you.")
|
|
}
|
|
}
|
|
|
|
footer: StatusDialogFooter {
|
|
spacing: Theme.padding
|
|
rightButtons: ObjectModel {
|
|
StatusFlatButton {
|
|
text: qsTr("Skip")
|
|
onClicked: root.close()
|
|
}
|
|
StatusButton {
|
|
icon.name: "settings"
|
|
text: qsTr("Edit Profile in Settings")
|
|
onClicked: root.accept()
|
|
}
|
|
}
|
|
}
|
|
}
|