status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: add profile section to the context menu

This commit is contained in:
Jonathan Rainville 2020-08-03 13:17:03 -04:00 committed by Pascal Precht
parent 9374be5857
commit 3cb88d0cfa
No known key found for this signature in database
GPG Key ID: 0EE28D8D6FD85D7D
6 changed files with 120 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
ui/app/AppLayouts/Chat/ChatColumn.qml
View File

@ -128,42 +128,8 @@ StackLayout {
id: reactionModel
}
PopupMenu {
MessageContextMenu {
id: messageContextMenu
width: emojiRow.width
Row {
id: emojiRow
spacing: Style.current.smallPadding
leftPadding: Style.current.smallPadding
rightPadding: Style.current.smallPadding
bottomPadding: Style.current.padding
Repeater {
model: reactionModel
delegate: EmojiReaction {
source: "../../img/" + filename
emojiId: model.emojiId
}
}
}
Separator {
anchors.topMargin: 0
anchors.top: emojiRow.bottom
}
Action {
id: viewProfileAction
//% "View profile"
text: qsTrId("view-profile")
onTriggered: profilePopup.open()
}
Action {
//% "Reply to"
text: qsTrId("reply-to")
onTriggered: showReplyArea()
}
}
ListModel {

7
ui/app/AppLayouts/Chat/ChatColumn/Message.qml
View File

@ -55,9 +55,12 @@ Item {
}
}
function clickMessage() {
SelectedMessage.set(messageId, fromAuthor);
function clickMessage(isProfileClick) {
if (!isProfileClick) {
SelectedMessage.set(messageId, fromAuthor);
}
profileClick(userName, fromAuthor, identicon);
messageContextMenu.isProfile = !!isProfileClick
messageContextMenu.popup()
// Position the center of the menu where the mouse is
messageContextMenu.x = messageContextMenu.x - messageContextMenu.width / 2

3
ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/UserImage.qml
View File

@ -23,9 +23,10 @@ Rectangle {
MouseArea {
cursorShape: Qt.PointingHandCursor
acceptedButtons: Qt.LeftButton | Qt.RightButton
anchors.fill: parent
onClicked: {
clickMessage()
clickMessage(true)
}
}
}

3
ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/UsernameLabel.qml
View File

@ -15,9 +15,10 @@ StyledTextEdit {
selectByMouse: true
MouseArea {
cursorShape: Qt.PointingHandCursor
acceptedButtons: Qt.LeftButton | Qt.RightButton
anchors.fill: parent
onClicked: {
clickMessage()
clickMessage(true)
}
}
}

109
ui/app/AppLayouts/Chat/components/MessageContextMenu.qml Normal file
View File

@ -0,0 +1,109 @@
import QtQuick 2.12
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3
import QtQml.Models 2.3
import "../../../../imports"
import "../../../../shared"
import "./"
PopupMenu {
property bool isProfile: false
id: messageContextMenu
width: messageContextMenu.isProfile ? profileHeader.width : emojiContainer.width
Item {
id: emojiContainer
visible: !messageContextMenu.isProfile
width: emojiRow.width
height: visible ? emojiRow.height : 0
Row {
id: emojiRow
spacing: Style.current.smallPadding
leftPadding: Style.current.smallPadding
rightPadding: Style.current.smallPadding
bottomPadding: Style.current.padding
Repeater {
model: reactionModel
delegate: EmojiReaction {
source: "../../../img/" + filename
emojiId: model.emojiId
}
}
}
}
Rectangle {
property bool hovered: false
id: profileHeader
visible: messageContextMenu.isProfile
width: 200
height: visible ? profileImage.height + username.height + Style.current.padding : 0
color: hovered ? Style.current.secondaryBackground : Style.current.transparent
Identicon {
id: profileImage
source: profilePopup.identicon
anchors.top: parent.top
anchors.topMargin: 4
anchors.horizontalCenter: parent.horizontalCenter
}
StyledText {
id: username
text: profilePopup.userName
horizontalAlignment: Text.AlignHCenter
wrapMode: Text.WordWrap
anchors.top: profileImage.bottom
anchors.topMargin: 4
anchors.left: parent.left
anchors.leftMargin: Style.current.smallPadding
anchors.right: parent.right
anchors.rightMargin: Style.current.smallPadding
font.weight: Font.Medium
font.pixelSize: 15
}
MouseArea {
cursorShape: Qt.PointingHandCursor
anchors.fill: parent
hoverEnabled: true
onEntered: {
profileHeader.hovered = true
}
onExited: {
profileHeader.hovered = false
}
onClicked: {
profilePopup.open()
}
}
}
Separator {
anchors.bottom: viewProfileAction.top
}
Action {
id: viewProfileAction
//% "View profile"
text: qsTrId("view-profile")
onTriggered: profilePopup.open()
icon.source: "../../../img/profileActive.svg"
icon.width: 13
icon.height: 13
}
Action {
text: messageContextMenu.isProfile ?
qsTr("Send message") :
//% "Reply to"
qsTrId("reply-to")
onTriggered: messageContextMenu.isProfile ? chatsModel.joinChat(profilePopup.fromAuthor, Constants.chatTypeOneToOne) : showReplyArea()
icon.source: "../../../img/messageActive.svg"
icon.width: 13
icon.height: 13
}
}

1
ui/nim-status-client.pro
View File

@ -139,6 +139,7 @@ DISTFILES += \
app/AppLayouts/Chat/components/EmojiReaction.qml \
app/AppLayouts/Chat/components/EmojiSection.qml \
app/AppLayouts/Chat/components/InviteFriendsPopup.qml \
app/AppLayouts/Chat/components/MessageContextMenu.qml \
app/AppLayouts/Profile/LeftTab/Constants.js \
app/AppLayouts/Profile/LeftTab/components/MenuButton.qml \
app/AppLayouts/Chat/data/EmojiReactions.qml \