status-desktop/ui/app/AppLayouts/Profile/Sections/MyProfileContainer.qml

125 lines
3.7 KiB
QML
Raw Normal View History

import QtQuick 2.13
import QtQuick.Layouts 1.13
import QtGraphicalEffects 1.13
import "../../../../imports"
import "../../../../shared"
Item {
property string username: "Jotaro Kujo"
property string identicon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAhklEQVR4nOzWwQ1AQBgFYUQvelKHMtShJ9VwFyvrsExe5jvKXiYv+WPoQhhCYwiNITSG0MSEjLUPt3097r7P09L/8f4qZhFDaAyhqboIT76+TiUxixhCYwhN9b/WW6Xr1ErMIobQGEJjCI0hNIbQGEJjCI0haiRmEUNoDKExhMYQmjMAAP//B2kXcP2uDV8AAAAASUVORK5CYII="
property string pubkey: "0x04d8c07dd137bd1b73a6f51df148b4f77ddaa11209d36e43d8344c0a7d6db1cad6085f27cfb75dd3ae21d86ceffebe4cf8a35b9ce8d26baa19dc264efe6d8f221b"
property string address: "0x13Ed66d9Ffcd4dC1fB86B9414b8c60677E5Ae1cE"
id: profileHeaderContent
height: parent.height
Layout.fillWidth: true
Item {
id: profileImgNameContainer
anchors.top: parent.top
anchors.topMargin: 64
anchors.right: parent.right
anchors.rightMargin: contentMargin
anchors.left: parent.left
anchors.leftMargin: contentMargin
height: this.childrenRect.height
Rectangle {
id: profileImg
width: identiconImage.width
height: identiconImage.height
border.width: 1
border.color: Style.current.border
radius: 50
color: Style.current.background
Image {
id: identiconImage
width: 44
height: 44
fillMode: Image.PreserveAspectFit
source: identicon
mipmap: true
smooth: false
antialiasing: true
}
}
StyledText {
id: profileName
text: username
anchors.left: profileImg.right
anchors.leftMargin: 8
anchors.top: profileImg.top
font.weight: Font.Medium
font.pixelSize: 15
}
StyledText {
id: pubkeyText
text: address
anchors.bottom: profileImg.bottom
anchors.left: profileName.left
font.family: Style.current.fontHexRegular.name
elide: Text.ElideMiddle
width: 140
font.pixelSize: 15
color: Style.current.darkGrey
}
SVGImage {
id: qrCodeImage
source: "../../../img/qr-code-icon.svg"
width: 18
height: 18
anchors.right: parent.right
MouseArea {
cursorShape: Qt.PointingHandCursor
onClicked: {
console.log('QR code ples')
}
}
}
ColorOverlay {
anchors.fill: qrCodeImage
source: qrCodeImage
color: Style.current.textColor
}
Separator {
id: lineSeparator
anchors.top: profileImg.bottom
anchors.topMargin: 36
}
}
Column {
anchors.right: profileImgNameContainer.right
anchors.left: profileImgNameContainer.left
spacing: Style.current.bigPadding
anchors.top: profileImgNameContainer.bottom
anchors.topMargin: Style.current.smallPadding
TextWithLabel {
label: qsTr("Chat key")
text: pubkey.substring(0, 13) + "..." + pubkey.substring(pubkey.length - 13)
textToCopy: pubkey
}
TextWithLabel {
label: qsTr("Share Profile URL")
text: `https://join.status.im/u/${pubkey.substring(0, 5)}...${pubkey.substring(pubkey.length - 5)}`
textToCopy: `https://join.status.im/u/${pubkey}`
}
}
}
/*##^##
Designer {
D{i:0;formeditorColor:"#ffffff"}
}
##^##*/