159 lines
5.0 KiB
QML
159 lines
5.0 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import "../../../../shared"
|
|
import "../../../../imports"
|
|
import "../components"
|
|
|
|
ScrollView {
|
|
property alias channelListCount: chatGroupsListView.count
|
|
property string searchStr: ""
|
|
id: chatGroupsContainer
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
|
|
|
ListView {
|
|
id: chatGroupsListView
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
anchors.rightMargin: Style.current.padding
|
|
anchors.leftMargin: Style.current.padding
|
|
clip: true
|
|
model: chatsModel.chats
|
|
delegate: Channel {
|
|
name: model.name
|
|
lastMessage: model.lastMessage
|
|
timestamp: model.timestamp
|
|
chatType: model.chatType
|
|
unviewedMessagesCount: model.unviewedMessagesCount
|
|
hasMentions: model.hasMentions
|
|
contentType: model.contentType
|
|
searchStr: chatGroupsContainer.searchStr
|
|
}
|
|
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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
PopupMenu {
|
|
property int channelIndex
|
|
|
|
id: channelContextMenu
|
|
width: 175
|
|
subMenuIcons: [
|
|
{
|
|
source: Qt.resolvedUrl("../../../img/bell.svg"),
|
|
width: 13,
|
|
height: 13
|
|
},
|
|
{
|
|
source: Qt.resolvedUrl("../../../img/fetch.svg"),
|
|
width: 13,
|
|
height: 13
|
|
}
|
|
]
|
|
|
|
function openMenu(channelIndex) {
|
|
channelContextMenu.channelIndex = channelIndex
|
|
channelContextMenu.popup()
|
|
}
|
|
|
|
Action {
|
|
text: qsTr("View Group")
|
|
icon.source: "../../../img/group.svg"
|
|
icon.width: 13
|
|
icon.height: 13
|
|
onTriggered: console.log('TODO View group')
|
|
}
|
|
|
|
Separator {}
|
|
|
|
PopupMenu {
|
|
hasArrow: false
|
|
title: qsTr("Mute Chat")
|
|
|
|
// TODO implement mute chat in Model and call it here
|
|
Action { text: qsTr("15 minutes"); icon.width: 0; }
|
|
Action { text: qsTr("1 hour"); icon.width: 0; }
|
|
Action { text: qsTr("8 hours"); icon.width: 0; }
|
|
Action { text: qsTr("24 hours"); icon.width: 0; }
|
|
Action { text: qsTr("Until I turn it back on"); icon.width: 0; }
|
|
}
|
|
Action {
|
|
text: qsTr("Mark as Read")
|
|
icon.source: "../../../img/check-circle.svg"
|
|
icon.width: 13
|
|
icon.height: 13
|
|
onTriggered: {
|
|
chatsModel.markAllChannelMessagesReadByIndex(channelContextMenu.channelIndex)
|
|
}
|
|
}
|
|
PopupMenu {
|
|
hasArrow: false
|
|
title: qsTr("Fetch Messages")
|
|
|
|
// TODO call fetch for the wanted duration
|
|
Action { text: qsTr("Last 24 hours"); icon.width: 0; }
|
|
Action { text: qsTr("Last 2 days"); icon.width: 0; }
|
|
Action { text: qsTr("Last 3 days"); icon.width: 0; }
|
|
Action { text: qsTr("Last 7 days"); icon.width: 0; }
|
|
}
|
|
Action {
|
|
text: qsTr("Clear History")
|
|
icon.source: "../../../img/close.svg"
|
|
icon.width: 13
|
|
icon.height: 13
|
|
onTriggered: chatsModel.clearChatHistoryByIndex(channelContextMenu.channelIndex)
|
|
}
|
|
|
|
Separator {}
|
|
|
|
Action {
|
|
text: qsTr("Leave Group")
|
|
icon.source: "../../../img/leave_chat.svg"
|
|
icon.width: 13
|
|
icon.height: 13
|
|
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: {
|
|
chatGroupsListView.currentIndex = chatsModel.activeChannelIndex
|
|
SelectedMessage.reset();
|
|
chatColumn.isReply = false;
|
|
}
|
|
}
|
|
}
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;autoSize:true;height:480;width:640}
|
|
}
|
|
##^##*/
|