status-desktop/ui/app/AppLayouts/Chat/ChatColumn/TopBar.qml

216 lines
7.7 KiB
QML
Raw Normal View History

2020-06-17 19:18:31 +00:00
import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
2020-05-27 21:59:34 +00:00
import "../../../../shared"
import "../../../../shared/status"
2020-05-27 21:59:34 +00:00
import "../../../../imports"
import "../components"
2020-05-27 21:59:34 +00:00
Rectangle {
2020-08-14 12:08:09 +00:00
property int iconSize: 16
property bool reopenGroupDialog: false
2020-05-27 21:59:34 +00:00
id: chatTopBarContent
color: Style.current.background
2020-05-27 21:59:34 +00:00
height: 56
Layout.fillWidth: true
border.color: Style.current.border
2020-05-27 21:59:34 +00:00
border.width: 1
Loader {
property bool isGroupChatOrOneToOne: (chatsModel.activeChannel.chatType === Constants.chatTypePrivateGroupChat ||
chatsModel.activeChannel.chatType === Constants.chatTypeOneToOne)
anchors.left: parent.left
anchors.leftMargin: this.isGroupChatOrOneToOne ? Style.current.padding : Style.current.padding + 4
anchors.top: parent.top
anchors.topMargin: 4
sourceComponent: this.isGroupChatOrOneToOne ? chatInfoButton : chatInfo
2020-05-27 21:59:34 +00:00
}
Component {
id: chatInfoButton
StatusChatInfoButton {
chatName: chatsModel.activeChannel.name
chatType: chatsModel.activeChannel.chatType
identicon: chatsModel.activeChannel.identicon
identiconSize: 36
onClicked: {
switch (chatsModel.activeChannel.chatType) {
case Constants.chatTypePrivateGroupChat:
groupInfoPopup.open()
break;
case Constants.chatTypeOneToOne:
chatTopBarContent.reopenGroupDialog = false
profilePopup.openPopup(chatsModel.activeChannel.name, chatsModel.activeChannel.id, chatsModel.activeChannel.identicon)
break;
}
}
}
2020-05-27 21:59:34 +00:00
}
Component {
id: chatInfo
StatusChatInfo {
identiconSize: 36
chatName: chatsModel.activeChannel.name
chatType: chatsModel.activeChannel.chatType
identicon: chatsModel.activeChannel.identicon
}
2020-05-27 21:59:34 +00:00
}
2020-07-09 17:56:31 +00:00
Rectangle {
id: moreActionsBtnContainer
width: 40
height: 40
radius: Style.current.radius
color: Style.current.transparent
2020-05-27 21:59:34 +00:00
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
2020-07-09 17:56:31 +00:00
anchors.rightMargin: Style.current.smallPadding
StyledText {
id: moreActionsBtn
text: "..."
font.letterSpacing: 0.5
font.bold: true
lineHeight: 1.4
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
font.pixelSize: 25
}
2020-05-27 21:59:34 +00:00
MouseArea {
property bool menuOpened: false
2020-05-27 21:59:34 +00:00
id: mouseArea
anchors.fill: parent
2020-07-09 17:56:31 +00:00
hoverEnabled: true
onEntered: {
parent.color = Style.current.border
2020-07-09 17:56:31 +00:00
}
onExited: {
parent.color = Style.current.transparent
}
2020-05-27 21:59:34 +00:00
onClicked: {
2020-06-10 19:41:03 +00:00
var menu = chatContextMenu;
2020-07-09 17:56:31 +00:00
if(chatsModel.activeChannel.chatType === Constants.chatTypePrivateGroupChat){
2020-06-10 19:41:03 +00:00
menu = groupContextMenu
}
if (!menuOpened) {
menu.arrowX = menu.width - 40
2020-07-09 17:56:31 +00:00
menu.popup(moreActionsBtn.x, moreActionsBtn.height)
menuOpened = true
} else {
menu.dismiss()
menuOpened = false
}
2020-05-27 21:59:34 +00:00
}
cursorShape: Qt.PointingHandCursor
acceptedButtons: Qt.LeftButton | Qt.RightButton
PopupMenu {
2020-06-10 19:41:03 +00:00
id: chatContextMenu
2020-07-09 17:56:31 +00:00
onClosed: {
mouseArea.menuOpened = false
}
Action {
icon.source: "../../../img/close.svg"
icon.width: chatTopBarContent.iconSize
icon.height: chatTopBarContent.iconSize
//% "Clear history"
text: qsTrId("clear-history")
onTriggered: chatsModel.clearChatHistory(chatsModel.activeChannel.id)
}
2020-06-17 19:18:31 +00:00
Action {
2020-07-09 18:26:50 +00:00
icon.source: "../../../img/delete.svg"
icon.width: chatTopBarContent.iconSize
icon.height: chatTopBarContent.iconSize
2020-07-09 18:26:50 +00:00
icon.color: Style.current.red
2020-07-16 15:20:29 +00:00
//% "Delete Chat"
text: qsTrId("delete-chat")
onTriggered: {
//% "Delete Chat"
deleteChatConfirmationDialog.title = qsTrId("delete-chat")
//% "Delete Chat"
deleteChatConfirmationDialog.confirmButtonLabel = qsTrId("delete-chat")
2020-08-26 15:52:26 +00:00
//% "Are you sure you want to delete this chat?"
deleteChatConfirmationDialog.confirmationText = qsTrId("delete-chat-confirmation")
deleteChatConfirmationDialog.open()
}
2020-05-27 21:59:34 +00:00
}
}
2020-06-10 19:41:03 +00:00
PopupMenu {
id: groupContextMenu
2020-07-09 17:56:31 +00:00
onClosed: {
mouseArea.menuOpened = false
}
2020-06-17 19:18:31 +00:00
Action {
2020-06-11 17:50:36 +00:00
icon.source: "../../../img/group_chat.svg"
icon.width: chatTopBarContent.iconSize
icon.height: chatTopBarContent.iconSize
//% "Group Information"
text: qsTrId("group-information")
2020-06-11 17:50:36 +00:00
onTriggered: groupInfoPopup.open()
}
Action {
icon.source: "../../../img/close.svg"
icon.width: chatTopBarContent.iconSize
icon.height: chatTopBarContent.iconSize
//% "Clear history"
text: qsTrId("clear-history")
onTriggered: chatsModel.clearChatHistory(chatsModel.activeChannel.id)
}
2020-06-17 19:18:31 +00:00
Action {
2020-06-10 19:41:03 +00:00
icon.source: "../../../img/leave_chat.svg"
icon.width: chatTopBarContent.iconSize
icon.height: chatTopBarContent.iconSize
//% "Leave Group"
text: qsTrId("leave-group")
onTriggered: {
//% "Leave group"
deleteChatConfirmationDialog.title = qsTrId("leave-group")
//% "Leave group"
deleteChatConfirmationDialog.confirmButtonLabel = qsTrId("leave-group")
2020-08-26 15:52:26 +00:00
//% "Are you sure you want to leave this chat?"
deleteChatConfirmationDialog.confirmationText = qsTrId("are-you-sure-you-want-to-leave-this-chat-")
deleteChatConfirmationDialog.open()
}
2020-06-10 19:41:03 +00:00
}
}
2020-06-11 17:50:36 +00:00
GroupInfoPopup {
id: groupInfoPopup
profileClick: {
profilePopup.openPopup.bind(profilePopup)
chatTopBarContent.reopenGroupDialog = true
}
2020-07-09 17:56:31 +00:00
onClosed: {
mouseArea.menuOpened = false
}
2020-06-11 17:50:36 +00:00
}
ProfilePopup {
id: profilePopup
onClosed: {
if (!groupInfoPopup.opened && chatTopBarContent.reopenGroupDialog) {
groupInfoPopup.open()
chatTopBarContent.reopenGroupDialog = false
}
}
}
2020-05-27 21:59:34 +00:00
}
}
ConfirmationDialog {
id: deleteChatConfirmationDialog
onConfirmButtonClicked: {
chatsModel.leaveActiveChat()
deleteChatConfirmationDialog.close()
}
}
}