261 lines
8.7 KiB
QML
261 lines
8.7 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import "../../../../shared"
|
|
import "../../../../imports"
|
|
import "../components"
|
|
import "./"
|
|
|
|
ScrollView {
|
|
property alias channelListCount: chatGroupsListView.count
|
|
property string searchStr: ""
|
|
id: chatGroupsContainer
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
|
contentHeight: channelListContent.height + Style.current.padding
|
|
clip: true
|
|
|
|
Item {
|
|
id: channelListContent
|
|
Layout.fillHeight: true
|
|
anchors.top: parent.top
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
anchors.rightMargin: Style.current.padding
|
|
anchors.leftMargin: Style.current.padding
|
|
height: childrenRect.height
|
|
|
|
ListView {
|
|
id: chatGroupsListView
|
|
anchors.top: parent.top
|
|
height: childrenRect.height
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
anchors.rightMargin: Style.current.padding
|
|
anchors.leftMargin: Style.current.padding
|
|
interactive: false
|
|
model: chatsModel.chats
|
|
delegate: Channel {
|
|
name: model.name
|
|
muted: model.muted
|
|
lastMessage: model.lastMessage
|
|
timestamp: model.timestamp
|
|
chatType: model.chatType
|
|
identicon: model.identicon
|
|
unviewedMessagesCount: model.unviewedMessagesCount
|
|
hasMentions: model.hasMentions
|
|
contentType: model.contentType
|
|
searchStr: chatGroupsContainer.searchStr
|
|
chatId: model.id
|
|
}
|
|
onCountChanged: {
|
|
if (count > 0 && chatsModel.activeChannelIndex > -1) {
|
|
// If a chat is added or removed, we set the current index to the first value
|
|
chatsModel.activeChannelIndex = 0;
|
|
currentIndex = 0;
|
|
} else {
|
|
if(chatsModel.activeChannelIndex > -1){
|
|
chatGroupsListView.currentIndex = 0;
|
|
} else {
|
|
// Initial state. No chat has been selected yet
|
|
chatGroupsListView.currentIndex = -1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
EmptyView {
|
|
width: parent.width
|
|
anchors.top: chatGroupsListView.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
}
|
|
|
|
}
|
|
|
|
ProfilePopup {
|
|
id: profilePopup
|
|
height: 330
|
|
noFooter: true
|
|
}
|
|
|
|
GroupInfoPopup {
|
|
id: groupInfoPopup
|
|
profileClick: {
|
|
profilePopup.openPopup.bind(profilePopup)
|
|
}
|
|
onClosed: {
|
|
mouseArea.menuOpened = false
|
|
}
|
|
}
|
|
|
|
PopupMenu {
|
|
property int channelIndex
|
|
property bool channelMuted
|
|
property int chatType
|
|
property string chatName
|
|
property string chatId
|
|
property string chatIdenticon
|
|
|
|
id: channelContextMenu
|
|
width: 175
|
|
subMenuIcons: [
|
|
/* { */
|
|
/* source: Qt.resolvedUrl("../../../img/bell.svg"), */
|
|
/* width: 16, */
|
|
/* height: 16 */
|
|
/* }, */
|
|
{
|
|
source: Qt.resolvedUrl("../../../img/fetch.svg"),
|
|
width: 16,
|
|
height: 16
|
|
}
|
|
]
|
|
|
|
function openMenu(channelIndex, muted, chatType, chatName, chatId, chatIdenticon) {
|
|
channelContextMenu.channelIndex = channelIndex
|
|
channelContextMenu.channelMuted = muted
|
|
channelContextMenu.chatType = chatType
|
|
channelContextMenu.chatName = chatName
|
|
channelContextMenu.chatId = chatId
|
|
channelContextMenu.chatIdenticon = chatIdenticon
|
|
channelContextMenu.popup()
|
|
}
|
|
|
|
Action {
|
|
enabled: channelContextMenu.chatType !== Constants.chatTypePublic
|
|
text: {
|
|
if (channelContextMenu.chatType === Constants.chatTypeOneToOne) {
|
|
//% "View Profile"
|
|
return qsTrId("view-profile")
|
|
}
|
|
if (channelContextMenu.chatType === Constants.chatTypePrivateGroupChat) {
|
|
//% "View Group"
|
|
return qsTrId("view-group")
|
|
}
|
|
//% "Share Chat"
|
|
return qsTrId("share-chat")
|
|
}
|
|
icon.source: "../../../img/group.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
onTriggered: {
|
|
chatsModel.setActiveChannelByIndex(channelContextMenu.channelIndex)
|
|
chatGroupsListView.currentIndex = channelContextMenu.channelIndex
|
|
if (channelContextMenu.chatType === Constants.chatTypeOneToOne) {
|
|
return profilePopup.openPopup(channelContextMenu.chatName, channelContextMenu.chatId, channelContextMenu.chatIdenticon)
|
|
}
|
|
if (channelContextMenu.chatType === Constants.chatTypePrivateGroupChat) {
|
|
return groupInfoPopup.open()
|
|
}
|
|
}
|
|
}
|
|
|
|
Separator {}
|
|
|
|
Action {
|
|
text: channelContextMenu.channelMuted ?
|
|
//% "Unmute chat"
|
|
qsTrId("unmute-chat") :
|
|
//% "Mute chat"
|
|
qsTrId("mute-chat")
|
|
icon.source: "../../../img/bell.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
onTriggered: {
|
|
if (chatsModel.channelIsMuted(channelContextMenu.channelIndex)) {
|
|
chatsModel.unmuteChannel(channelContextMenu.channelIndex)
|
|
return
|
|
}
|
|
chatsModel.muteChannel(channelContextMenu.channelIndex)
|
|
}
|
|
}
|
|
|
|
Action {
|
|
//% "Mark as Read"
|
|
text: qsTrId("mark-as-read")
|
|
icon.source: "../../../img/check-circle.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
onTriggered: {
|
|
chatsModel.markAllChannelMessagesReadByIndex(channelContextMenu.channelIndex)
|
|
}
|
|
}
|
|
PopupMenu {
|
|
hasArrow: false
|
|
//% "Fetch Messages"
|
|
title: qsTrId("fetch-messages")
|
|
|
|
// TODO call fetch for the wanted duration
|
|
//% "Last 24 hours"
|
|
Action { text: qsTrId("last-24-hours"); icon.width: 0; }
|
|
//% "Last 2 days"
|
|
Action { text: qsTrId("last-2-days"); icon.width: 0; }
|
|
//% "Last 3 days"
|
|
Action { text: qsTrId("last-3-days"); icon.width: 0; }
|
|
//% "Last 7 days"
|
|
Action { text: qsTrId("last-7-days"); icon.width: 0; }
|
|
}
|
|
Action {
|
|
//% "Clear History"
|
|
text: qsTrId("clear-history")
|
|
icon.source: "../../../img/close.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
onTriggered: chatsModel.clearChatHistoryByIndex(channelContextMenu.channelIndex)
|
|
}
|
|
|
|
Separator {}
|
|
|
|
Action {
|
|
text: {
|
|
if (channelContextMenu.chatType === Constants.chatTypeOneToOne) {
|
|
//% "Delete chat"
|
|
return qsTrId("delete-chat")
|
|
}
|
|
if (channelContextMenu.chatType === Constants.chatTypePrivateGroupChat) {
|
|
//% "Leave group"
|
|
return qsTrId("leave-group")
|
|
}
|
|
//% "Leave chat"
|
|
return qsTrId("leave-chat")
|
|
}
|
|
icon.source: {
|
|
if (channelContextMenu.chatType === Constants.chatTypeOneToOne) {
|
|
return "../../../img/delete.svg"
|
|
}
|
|
return "../../../img/leave_chat.svg"
|
|
}
|
|
icon.width: 16
|
|
icon.height: 16
|
|
onTriggered: chatsModel.leaveChatByIndex(channelContextMenu.channelIndex)
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: chatsModel.chats
|
|
onDataChanged: {
|
|
// If the current active channel receives messages and changes its position,
|
|
// refresh the currentIndex accordingly
|
|
if(chatsModel.activeChannelIndex !== chatGroupsListView.currentIndex){
|
|
chatGroupsListView.currentIndex = chatsModel.activeChannelIndex
|
|
}
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: chatsModel
|
|
onActiveChannelChanged: {
|
|
chatsModel.hideLoadingIndicator()
|
|
chatGroupsListView.currentIndex = chatsModel.activeChannelIndex
|
|
SelectedMessage.reset();
|
|
chatColumn.isReply = false;
|
|
}
|
|
}
|
|
}
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;autoSize:true;height:480;width:640}
|
|
}
|
|
##^##*/
|