status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
status-desktop/ui/imports/shared/views/ProfileDialogView.qml

722 lines
28 KiB
QML
Raw Normal View History

feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
import QtQuick 2.14
import QtQuick.Controls 2.14
import QtQuick.Layouts 1.14
import QtGraphicalEffects 1.14
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1
import StatusQ.Components 0.1
import StatusQ.Popups 0.1
import StatusQ.Popups.Dialog 0.1
import utils 1.0
import shared.controls 1.0
import shared.panels 1.0
import shared.popups 1.0
import shared.controls.chat 1.0
import shared.controls.chat.menuItems 1.0
Pane {
id: root
property bool readOnly
property string publicKey: contactsStore.myPublicKey
property var profileStore
property var contactsStore
fix(profile-settings): Add usage dirty values for preview and load image profile on save Closes: #7920 #7917
2022-11-08 18:30:50 +00:00
property QtObject dirtyValues: null
property bool dirty: false
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
signal closeRequested()
padding: 0
topPadding: 40
background: StatusDialogBackground {
id: background
}
QtObject {
id: d
property var contactDetails: Utils.getContactDetailsAsJson(root.publicKey)
function reload() {
contactDetails = Utils.getContactDetailsAsJson(root.publicKey)
}
readonly property bool isCurrentUser: root.profileStore.pubkey === root.publicKey
readonly property string userDisplayName: contactDetails.displayName
readonly property string userNickName: contactDetails.localNickname
fix: ens names should not display `@` Fixes #8122
2022-11-08 11:37:25 +00:00
readonly property string prettyEnsName: contactDetails.name
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
readonly property bool isContact: contactDetails.isContact
readonly property bool isBlocked: contactDetails.isBlocked
readonly property bool isContactRequestSent: contactDetails.isAdded
readonly property bool isContactRequestReceived: contactDetails.hasAddedUs
readonly property int outgoingVerificationStatus: contactDetails.verificationStatus
readonly property int incomingVerificationStatus: contactDetails.incomingVerificationStatus
readonly property bool isVerificationRequestSent:
outgoingVerificationStatus !== Constants.verificationStatus.unverified &&
outgoingVerificationStatus !== Constants.verificationStatus.verified &&
outgoingVerificationStatus !== Constants.verificationStatus.trusted
readonly property bool isVerificationRequestReceived: d.isCurrentUser ? false : root.contactsStore.hasReceivedVerificationRequestFrom(root.publicKey)
readonly property bool isTrusted: outgoingVerificationStatus === Constants.verificationStatus.trusted ||
incomingVerificationStatus === Constants.verificationStatus.trusted
readonly property bool isVerified: outgoingVerificationStatus === Constants.verificationStatus.verified
readonly property string linkToProfile: {
let user = ""
if (d.isCurrentUser)
user = root.profileStore.ensName
else
user = contactDetails.name
if (!user)
fix(ProfileDialogView): Use compressed chat key in "Copy Link To Profile" Fixes #7988
2022-10-21 09:00:51 +00:00
user = Utils.getCompressedPk(root.publicKey)
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
return Constants.userLinkPrefix + user
}
readonly property var conns: Connections {
target: Global
function onNickNameChanged(publicKey, nickname) {
if (publicKey === root.publicKey) d.reload()
}
function onContactBlocked(publicKey) {
if (publicKey === root.publicKey) d.reload()
}
function onContactUnblocked(publicKey) {
if (publicKey === root.publicKey) d.reload()
}
}
fix: Copy to clipboard button in profile view should reset to "Copy" Fixes #8219
2022-11-16 09:54:45 +00:00
readonly property var timer: Timer {
id: timer
}
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
function reload() {
d.reload()
}
Component {
id: btnEditProfileComponent
StatusButton {
size: StatusButton.Size.Small
text: qsTr("Edit Profile")
enabled: !root.readOnly
onClicked: {
Global.changeAppSectionBySectionType(Constants.appSection.profile)
root.closeRequested()
}
}
}
Component {
id: btnSendMessageComponent
StatusButton {
size: StatusButton.Size.Small
text: qsTr("Send Message")
onClicked: {
root.contactsStore.joinPrivateChat(root.publicKey)
root.closeRequested()
}
}
}
Component {
id: btnAcceptContactRequestComponent
ColumnLayout {
spacing: Style.current.halfPadding
StatusBaseText {
color: Theme.palette.baseColor1
font.pixelSize: 13
text: qsTr("Respond to contact request")
}
AcceptRejectOptionsButtonsPanel {
menuButton.visible: false
onAcceptClicked: {
root.contactsStore.acceptContactRequest(root.publicKey)
d.reload()
}
onDeclineClicked: {
root.contactsStore.dismissContactRequest(root.publicKey)
d.reload()
}
}
}
}
Component {
id: btnSendContactRequestComponent
StatusButton {
size: StatusButton.Size.Small
text: qsTr("Send Contact Request")
onClicked: {
fix(Global): Popup components moved from Global.qml to dedicated non-singleton component Closes: #7992
2022-10-21 13:37:39 +00:00
Global.openContactRequestPopup(root.publicKey,
popup => popup.accepted.connect(d.reload))
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
}
}
Component {
id: btnBlockUserComponent
StatusButton {
size: StatusButton.Size.Small
type: StatusBaseButton.Type.Danger
text: qsTr("Block User")
onClicked: Global.blockContactRequested(root.publicKey, d.userDisplayName)
}
}
Component {
id: btnUnblockUserComponent
StatusButton {
size: StatusButton.Size.Small
text: qsTr("Unblock User")
onClicked: Global.unblockContactRequested(root.publicKey, d.userDisplayName)
}
}
Component {
id: txtPendingContactRequestComponent
StatusBaseText {
font.pixelSize: 13
font.weight: Font.Medium
color: Theme.palette.baseColor1
verticalAlignment: Text.AlignVCenter
text: qsTr("Contact Request Pending...")
}
}
Component {
id: txtRejectedContactRequestComponent
StatusBaseText {
font.pixelSize: 13
font.weight: Font.Medium
color: Theme.palette.baseColor1
verticalAlignment: Text.AlignVCenter
text: qsTr("Contact Request Rejected")
}
}
Component {
id: btnRespondToIdRequestComponent
StatusButton {
size: StatusButton.Size.Small
text: qsTr("Respond to ID Request")
onClicked: {
fix(Global): Popup components moved from Global.qml to dedicated non-singleton component Closes: #7992
2022-10-21 13:37:39 +00:00
Global.openIncomingIDRequestPopup(root.publicKey,
popup => popup.closed.connect(d.reload))
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
}
}
ConfirmationDialog {
id: removeContactConfirmationDialog
header.title: qsTr("Remove contact '%1'").arg(d.userDisplayName)
confirmationText: qsTr("This will remove the user as a contact. Please confirm.")
onConfirmButtonClicked: {
root.contactsStore.removeContact(root.publicKey)
close()
d.reload()
}
}
ConfirmationDialog {
id: removeVerificationConfirmationDialog
header.title: qsTr("Remove contact verification")
confirmationText: qsTr("This will remove the contact's verified status. Please confirm.")
onConfirmButtonClicked: {
root.contactsStore.removeTrustStatus(root.publicKey)
close()
d.reload()
}
}
ColumnLayout {
id: column
spacing: 20
anchors {
fill: parent
leftMargin: Style.current.bigPadding
rightMargin: Style.current.bigPadding
}
RowLayout {
Layout.fillWidth: true
spacing: Style.current.halfPadding
UserImage {
Layout.alignment: Qt.AlignTop
objectName: "ProfileDialog_userImage"
fix(profile-settings): Add usage dirty values for preview and load image profile on save Closes: #7920 #7917
2022-11-08 18:30:50 +00:00
name: root.dirty ? root.dirtyValues.displayName
: d.userDisplayName
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
pubkey: root.publicKey
fix(profile-settings): Add usage dirty values for preview and load image profile on save Closes: #7920 #7917
2022-11-08 18:30:50 +00:00
image: root.dirty ? root.dirtyValues.profileLargeImage
: d.contactDetails.largeImage
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
interactive: false
imageWidth: 80
imageHeight: imageWidth
chore: reduce the number of (verification) RPC calls - when calling `Utils.getColorHashAsJson()` we don't actually need to issue ID verification requests at all and there might be situations when we know beforehand that we don't need the ENS verification either - change these helper functions' syntax and do early returns in that case - in MessageContextMenuView, the "contact details" were duplicated, so remove one - remove dead code, fix some warnings
2022-12-01 10:24:25 +00:00
ensVerified: d.contactDetails.ensVerified
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
ColumnLayout {
Layout.fillWidth: true
Layout.leftMargin: 4
Layout.alignment: Qt.AlignTop
spacing: 4
Item {
id: contactRow
Layout.fillWidth: true
Layout.preferredHeight: childrenRect.height
StatusBaseText {
id: contactName
anchors.left: parent.left
width: Math.min(implicitWidth, contactRow.width - verificationIcons.width - verificationIcons.anchors.leftMargin)
objectName: "ProfileDialog_displayName"
font.bold: true
font.pixelSize: 22
elide: Text.ElideRight
fix(profile-settings): Add usage dirty values for preview and load image profile on save Closes: #7920 #7917
2022-11-08 18:30:50 +00:00
text: root.dirty ? root.dirtyValues.displayName
: d.userDisplayName
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
StatusContactVerificationIcons {
id: verificationIcons
anchors.left: contactName.right
anchors.leftMargin: Style.current.halfPadding
anchors.verticalCenter: contactName.verticalCenter
objectName: "ProfileDialog_userVerificationIcons"
visible: !d.isCurrentUser
isContact: d.isContact
trustIndicator: d.contactDetails.trustStatus
tiny: false
}
}
StatusBaseText {
id: contactSecondaryName
font.pixelSize: 12
color: Theme.palette.baseColor1
text: {
let result = ""
if (d.userNickName) {
feat(storybook): add controls to profile page now one can play around with various UI aspects of the new Profile Dialog
2022-10-24 10:58:00 +00:00
if (d.contactDetails.ensVerified && d.contactDetails.name)
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
result = d.prettyEnsName
else
result = d.contactDetails.optionalName // original display name
}
feat(SocialLinkPreview): links are too short to display even short urls - rework the way social links are displayed/editted; we now only allow to enter a so called "handle" and then substitute that in the final URL template - move the "icon" model role to NIM backend This has several advantages: - we display only the "handle" and don't have to elide some long URL - we won't let users enter random URLs into their profile and spoof the viewing part into clicking it Additionally, make the social link "button" clickable -> navigate to the target URL, and make the tooltip behave as "usual" (on mouse hover).
2022-12-05 14:21:20 +00:00
return result ? "(%1)".arg(result) : ""
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
visible: text
}
EmojiHash {
objectName: "ProfileDialog_userEmojiHash"
publicKey: root.publicKey
}
}
Loader {
Layout.alignment: Qt.AlignTop
Layout.preferredHeight: menuButton.visible ? menuButton.height : -1
sourceComponent: {
// current user
if (d.isCurrentUser)
return btnEditProfileComponent
// contact request, outgoing, rejected
if (!d.isContact && d.isContactRequestSent && d.outgoingVerificationStatus === Constants.verificationStatus.declined)
return txtRejectedContactRequestComponent
// contact request, outgoing, pending
if (!d.isContact && d.isContactRequestSent)
return txtPendingContactRequestComponent
// contact request, incoming, pending
fix(ProfileDialogView): hide contact request buttons when removed
2022-10-25 17:52:35 +00:00
if (!d.isContact && d.isContactRequestReceived && !d.contactDetails.removed)
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
return btnAcceptContactRequestComponent
// contact request, incoming, rejected
if (d.isContactRequestSent && d.incomingVerificationStatus === Constants.verificationStatus.declined)
return btnBlockUserComponent
// verified contact request, incoming, pending
if (d.isContact && !d.isTrusted && d.isVerificationRequestReceived)
return btnRespondToIdRequestComponent
// block user
if (!d.isContact && !d.isBlocked &&
(d.contactDetails.trustStatus === Constants.trustStatus.untrustworthy || d.outgoingVerificationStatus === Constants.verificationStatus.declined))
return btnBlockUserComponent
// send contact request
if (!d.isContact && !d.isBlocked && !d.isContactRequestSent)
return btnSendContactRequestComponent
// blocked contact
if (d.isBlocked)
return btnUnblockUserComponent
// send message
if (d.isContact && !d.isBlocked)
return btnSendMessageComponent
console.warn("!!! UNHANDLED CONTACT ACTION BUTTON; PUBKEY", root.publicKey)
}
}
StatusFlatButton {
id: menuButton
Layout.alignment: Qt.AlignTop
Layout.preferredWidth: height
visible: !d.isCurrentUser
size: StatusBaseButton.Size.Small
horizontalPadding: 6
verticalPadding: 6
icon.name: "more"
icon.color: Theme.palette.directColor1
highlighted: moreMenu.opened
onClicked: moreMenu.popup(-moreMenu.width + width, height + 4)
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusMenu {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
id: moreMenu
width: 230
SendContactRequestMenuItem {
enabled: !d.isContact && !d.isBlocked && !d.isContactRequestSent && !d.contactDetails.removed &&
d.contactDetails.trustStatus === Constants.trustStatus.untrustworthy // we have an action button otherwise
onTriggered: {
moreMenu.close()
fix(Global): Popup components moved from Global.qml to dedicated non-singleton component Closes: #7992
2022-10-21 13:37:39 +00:00
Global.openContactRequestPopup(root.publicKey,
popup => popup.closed.connect(d.reload))
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Verify Identity")
icon.name: "checkmark-circle"
enabled: d.isContact && !d.isBlocked &&
d.outgoingVerificationStatus === Constants.verificationStatus.unverified &&
!d.isVerificationRequestReceived
onTriggered: {
moreMenu.close()
fix(Global): Popup components moved from Global.qml to dedicated non-singleton component Closes: #7992
2022-10-21 13:37:39 +00:00
Global.openSendIDRequestPopup(root.publicKey,
popup => popup.accepted.connect(d.reload))
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("ID Request Pending...")
icon.name: "checkmark-circle"
enabled: d.isContact && !d.isBlocked && !d.isTrusted && d.isVerificationRequestSent
onTriggered: {
moreMenu.close()
fix(Global): Popup components moved from Global.qml to dedicated non-singleton component Closes: #7992
2022-10-21 13:37:39 +00:00
Global.openOutgoingIDRequestPopup(root.publicKey,
popup => popup.closed.connect(d.reload))
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Rename")
icon.name: "edit_pencil"
onTriggered: {
moreMenu.close()
Global.openNicknamePopupRequested(root.publicKey, d.userNickName,
"%1 (%2)".arg(d.userDisplayName).arg(Utils.getElidedCompressedPk(root.publicKey)))
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Reverse Contact Rejection")
icon.name: "refresh"
enabled: d.contactDetails.removed
onTriggered: {
moreMenu.close()
root.contactsStore.removeContactRequestRejection(root.publicKey)
d.reload()
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Copy Link to Profile")
icon.name: "copy"
onTriggered: {
moreMenu.close()
root.profileStore.copyToClipboard(d.linkToProfile)
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Unblock User")
icon.name: "remove-circle"
enabled: d.isBlocked
onTriggered: {
moreMenu.close()
Global.unblockContactRequested(root.publicKey, d.userDisplayName)
}
}
StatusMenuSeparator {}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Mark as Untrustworthy")
icon.name: "warning"
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
type: StatusAction.Type.Danger
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
enabled: d.contactDetails.trustStatus === Constants.trustStatus.unknown
onTriggered: {
moreMenu.close()
if (d.isContact && !d.isTrusted && d.isVerificationRequestReceived)
root.contactsStore.verifiedUntrustworthy(root.publicKey)
else
root.contactsStore.markUntrustworthy(root.publicKey)
d.reload()
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Remove Untrustworthy Mark")
icon.name: "warning"
enabled: d.contactDetails.trustStatus === Constants.trustStatus.untrustworthy
onTriggered: {
moreMenu.close()
root.contactsStore.removeTrustStatus(root.publicKey)
d.reload()
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Remove Identity Verification")
icon.name: "warning"
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
type: StatusAction.Type.Danger
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
enabled: d.isContact && d.isTrusted
onTriggered: {
moreMenu.close()
removeVerificationConfirmationDialog.open()
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Remove Contact")
icon.name: "remove-contact"
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
type: StatusAction.Type.Danger
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
enabled: d.isContact && !d.isBlocked
onTriggered: {
moreMenu.close()
removeContactConfirmationDialog.open()
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Cancel Contact Request")
icon.name: "cancel"
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
type: StatusAction.Type.Danger
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
enabled: !d.isContact && d.isContactRequestSent && !d.contactDetails.removed
onTriggered: {
moreMenu.close()
root.contactsStore.removeContact(root.publicKey)
d.reload()
}
}
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
StatusAction {
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
text: qsTr("Block User")
icon.name: "cancel"
fix(StatusPopupMenu): Refactoring
2022-12-01 16:58:37 +00:00
type: StatusAction.Type.Danger
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
enabled: !d.isBlocked
onTriggered: {
moreMenu.close()
Global.blockContactRequested(root.publicKey, d.userDisplayName)
}
}
}
}
}
StatusDialogDivider {
Layout.fillWidth: true
Layout.leftMargin: -column.anchors.leftMargin
Layout.rightMargin: -column.anchors.rightMargin
Layout.topMargin: -column.spacing
Layout.bottomMargin: -column.spacing
opacity: scrollView.atYBeginning ? 0 : 1
Behavior on opacity { OpacityAnimator {} }
}
StatusScrollView {
id: scrollView
Layout.fillWidth: true
Layout.fillHeight: true
Layout.leftMargin: -column.anchors.leftMargin
Layout.rightMargin: -column.anchors.rightMargin
Layout.topMargin: -column.spacing
padding: 0
ColumnLayout {
width: scrollView.width
spacing: 20
ProfileBioSocialsPanel {
Layout.fillWidth: true
Layout.leftMargin: column.anchors.leftMargin + Style.current.halfPadding
Layout.rightMargin: column.anchors.rightMargin + Style.current.halfPadding
fix(profile-settings): Add usage dirty values for preview and load image profile on save Closes: #7920 #7917
2022-11-08 18:30:50 +00:00
bio: root.dirty ? root.dirtyValues.bio
: d.contactDetails.bio
userSocialLinksJson: root.dirty ? root.profileStore.temporarySocialLinksJson
: d.contactDetails.socialLinks
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
GridLayout {
Layout.fillWidth: true
Layout.leftMargin: column.anchors.leftMargin
Layout.rightMargin: column.anchors.rightMargin
flow: GridLayout.TopToBottom
rowSpacing: Style.current.halfPadding
columnSpacing: Style.current.bigPadding
visible: d.isCurrentUser
enabled: visible
columns: 2
rows: 4
StatusBaseText {
Layout.fillWidth: true
text: qsTr("Link to Profile")
font.pixelSize: 13
}
StatusBaseInput {
Layout.fillWidth: true
Layout.preferredHeight: 56
leftPadding: 14
rightPadding: Style.current.halfPadding
topPadding: 0
bottomPadding: 0
placeholder.rightPadding: Style.current.halfPadding
placeholderText: d.linkToProfile
placeholderTextColor: Theme.palette.directColor1
edit.readOnly: true
rightComponent: StatusButton {
fix: Copy to clipboard button in profile view should reset to "Copy" Fixes #8219
2022-11-16 09:54:45 +00:00
id: copyLinkBtn
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
anchors.verticalCenter: parent.verticalCenter
borderColor: Theme.palette.primaryColor1
size: StatusBaseButton.Size.Tiny
text: qsTr("Copy")
onClicked: {
text = qsTr("Copied")
root.profileStore.copyToClipboard(d.linkToProfile)
fix: Copy to clipboard button in profile view should reset to "Copy" Fixes #8219
2022-11-16 09:54:45 +00:00
d.timer.setTimeout(function() {
copyLinkBtn.text = qsTr("Copy")
}, 2000);
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
}
}
StatusBaseText {
Layout.fillWidth: true
Layout.topMargin: Style.current.smallPadding
text: qsTr("Emoji Hash")
font.pixelSize: 13
}
StatusBaseInput {
Layout.fillWidth: true
Layout.preferredHeight: 56
leftPadding: 14
rightPadding: Style.current.halfPadding
topPadding: 0
bottomPadding: 0
edit.readOnly: true
leftComponent: EmojiHash {
publicKey: root.publicKey
oneRow: !root.readOnly
}
rightComponent: StatusButton {
fix: Copy to clipboard button in profile view should reset to "Copy" Fixes #8219
2022-11-16 09:54:45 +00:00
id: copyHashBtn
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
anchors.verticalCenter: parent.verticalCenter
borderColor: Theme.palette.primaryColor1
size: StatusBaseButton.Size.Tiny
text: qsTr("Copy")
onClicked: {
root.profileStore.copyToClipboard(Utils.getEmojiHashAsJson(root.publicKey).join("").toString())
text = qsTr("Copied")
fix: Copy to clipboard button in profile view should reset to "Copy" Fixes #8219
2022-11-16 09:54:45 +00:00
d.timer.setTimeout(function() {
copyHashBtn.text = qsTr("Copy")
}, 2000);
feat: New Profile Modal Fixes: #7360
2022-09-27 21:26:26 +00:00
}
}
}
Rectangle {
Layout.rowSpan: 4
Layout.fillHeight: true
Layout.preferredWidth: height
Layout.alignment: Qt.AlignCenter
color: "transparent"
border.width: 1
border.color: Theme.palette.baseColor2
radius: Style.current.halfPadding
Image {
anchors.centerIn: parent
asynchronous: true
fillMode: Image.PreserveAspectFit
width: 170
height: width
mipmap: true
smooth: false
source: root.profileStore.getQrCodeSource(root.profileStore.pubkey)
}
}
}
StatusTabBar {
Layout.fillWidth: true
Layout.leftMargin: column.anchors.leftMargin
Layout.rightMargin: column.anchors.rightMargin
bottomPadding: -4
StatusTabButton {
leftPadding: 0
width: implicitWidth
text: qsTr("Tokens")
}
StatusTabButton {
width: implicitWidth
text: qsTr("NFTs")
}
StatusTabButton {
width: implicitWidth
text: qsTr("Communities")
}
StatusTabButton {
width: implicitWidth
text: qsTr("Accounts")
}
}
StatusDialogBackground {
Layout.fillWidth: true
Layout.topMargin: -column.spacing
Layout.preferredHeight: 300
color: Theme.palette.baseColor4
Rectangle {
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
height: parent.radius
color: parent.color
}
StatusBaseText {
anchors.centerIn: parent
color: Theme.palette.baseColor1
text: qsTr("More content to appear here soon...")
}
}
}
}
}
layer.enabled: !root.readOnly // profile preview has its own layer.effect
layer.effect: OpacityMask {
maskSource: Rectangle {
anchors.centerIn: parent
width: column.width
height: column.height
radius: background.radius
}
}
}