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

216 lines
7.7 KiB
QML

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import "../../../../shared"
import "../../../../shared/status"
import "../../../../imports"
import "../components"
Rectangle {
property int iconSize: 16
property bool reopenGroupDialog: false
id: chatTopBarContent
color: Style.current.background
height: 56
Layout.fillWidth: true
border.color: Style.current.border
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
}
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;
}
}
}
}
Component {
id: chatInfo
StatusChatInfo {
identiconSize: 36
chatName: chatsModel.activeChannel.name
chatType: chatsModel.activeChannel.chatType
identicon: chatsModel.activeChannel.identicon
}
}
Rectangle {
id: moreActionsBtnContainer
width: 40
height: 40
radius: Style.current.radius
color: Style.current.transparent
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
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
}
MouseArea {
property bool menuOpened: false
id: mouseArea
anchors.fill: parent
hoverEnabled: true
onEntered: {
parent.color = Style.current.border
}
onExited: {
parent.color = Style.current.transparent
}
onClicked: {
var menu = chatContextMenu;
if(chatsModel.activeChannel.chatType === Constants.chatTypePrivateGroupChat){
menu = groupContextMenu
}
if (!menuOpened) {
menu.arrowX = menu.width - 40
menu.popup(moreActionsBtn.x, moreActionsBtn.height)
menuOpened = true
} else {
menu.dismiss()
menuOpened = false
}
}
cursorShape: Qt.PointingHandCursor
acceptedButtons: Qt.LeftButton | Qt.RightButton
PopupMenu {
id: chatContextMenu
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)
}
Action {
icon.source: "../../../img/delete.svg"
icon.width: chatTopBarContent.iconSize
icon.height: chatTopBarContent.iconSize
icon.color: Style.current.red
//% "Delete Chat"
text: qsTrId("delete-chat")
onTriggered: {
//% "Delete Chat"
deleteChatConfirmationDialog.title = qsTrId("delete-chat")
//% "Delete Chat"
deleteChatConfirmationDialog.confirmButtonLabel = qsTrId("delete-chat")
//% "Are you sure you want to delete this chat?"
deleteChatConfirmationDialog.confirmationText = qsTrId("delete-chat-confirmation")
deleteChatConfirmationDialog.open()
}
}
}
PopupMenu {
id: groupContextMenu
onClosed: {
mouseArea.menuOpened = false
}
Action {
icon.source: "../../../img/group_chat.svg"
icon.width: chatTopBarContent.iconSize
icon.height: chatTopBarContent.iconSize
//% "Group Information"
text: qsTrId("group-information")
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)
}
Action {
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")
//% "Are you sure you want to leave this chat?"
deleteChatConfirmationDialog.confirmationText = qsTrId("are-you-sure-you-want-to-leave-this-chat-")
deleteChatConfirmationDialog.open()
}
}
}
GroupInfoPopup {
id: groupInfoPopup
profileClick: {
profilePopup.openPopup.bind(profilePopup)
chatTopBarContent.reopenGroupDialog = true
}
onClosed: {
mouseArea.menuOpened = false
}
}
ProfilePopup {
id: profilePopup
onClosed: {
if (!groupInfoPopup.opened && chatTopBarContent.reopenGroupDialog) {
groupInfoPopup.open()
chatTopBarContent.reopenGroupDialog = false
}
}
}
}
}
ConfirmationDialog {
id: deleteChatConfirmationDialog
onConfirmButtonClicked: {
chatsModel.leaveActiveChat()
deleteChatConfirmationDialog.close()
}
}
}