301 lines
9.8 KiB
QML
301 lines
9.8 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Popups 0.1
|
|
|
|
import utils 1.0
|
|
import shared 1.0
|
|
import shared.popups 1.0
|
|
|
|
import SortFilterProxyModel 0.2
|
|
|
|
import "../panels"
|
|
import "../popups"
|
|
import "../popups/community"
|
|
|
|
Item {
|
|
id: root
|
|
width: Constants.chatSectionLeftColumnWidth
|
|
height: parent.height
|
|
|
|
// Important:
|
|
// We're here in case of ChatSection
|
|
// This module is set from `ChatLayout` (each `ChatLayout` has its own chatSectionModule)
|
|
property var chatSectionModule
|
|
|
|
property var store
|
|
property var contactsStore
|
|
property var emojiPopup
|
|
|
|
// Not Refactored Yet
|
|
//property int chatGroupsListViewCount: channelList.model.count
|
|
signal openProfileClicked()
|
|
signal openAppSearch()
|
|
signal importCommunityClicked()
|
|
signal createCommunityClicked()
|
|
signal addRemoveGroupMemberClicked()
|
|
|
|
// main layout
|
|
ColumnLayout {
|
|
anchors {
|
|
fill: parent
|
|
margins: Style.current.padding
|
|
topMargin: Style.current.smallPadding
|
|
bottomMargin: 0
|
|
}
|
|
spacing: Style.current.padding
|
|
|
|
// Chat headline row
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
StatusNavigationPanelHeadline {
|
|
objectName: "ContactsColumnView_MessagesHeadline"
|
|
Layout.alignment: Qt.AlignVCenter
|
|
text: qsTr("Messages")
|
|
}
|
|
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
StatusIconTabButton {
|
|
id: startChatButton
|
|
Layout.alignment: Qt.AlignVCenter
|
|
objectName: "startChatButton"
|
|
icon.name: "edit"
|
|
icon.color: Theme.palette.directColor1
|
|
checked: root.store.openCreateChat
|
|
highlighted: checked
|
|
onClicked: {
|
|
if (root.store.openCreateChat) {
|
|
Global.closeCreateChatView()
|
|
} else {
|
|
Global.openCreateChatView()
|
|
}
|
|
}
|
|
|
|
StatusToolTip {
|
|
text: qsTr("Start chat")
|
|
visible: parent.hovered
|
|
orientation: StatusToolTip.Orientation.Bottom
|
|
y: parent.height + 12
|
|
}
|
|
}
|
|
}
|
|
|
|
// search field
|
|
StatusInput {
|
|
id: searchInput
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 36
|
|
maximumHeight: 36
|
|
placeholderText: qsTr("Search")
|
|
input.asset.name: "search"
|
|
leftPadding: 10
|
|
topPadding: 4
|
|
bottomPadding: 4
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: root.openAppSearch()
|
|
}
|
|
}
|
|
|
|
Item {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
clip: true
|
|
|
|
// chat list
|
|
StatusScrollView {
|
|
id: scroll
|
|
|
|
clip: false
|
|
padding: 0
|
|
anchors.fill: parent
|
|
anchors.bottomMargin: Style.current.padding
|
|
|
|
StatusChatList {
|
|
id: channelList
|
|
objectName: "ContactsColumnView_chatList"
|
|
width: scroll.availableWidth
|
|
model: SortFilterProxyModel {
|
|
sourceModel: root.chatSectionModule.model
|
|
sorters: RoleSorter {
|
|
roleName: "lastMessageTimestamp"
|
|
sortOrder: Qt.DescendingOrder
|
|
}
|
|
}
|
|
|
|
highlightItem: !root.store.openCreateChat
|
|
isEnsVerified: function(pubKey) { return Utils.isEnsVerified(pubKey) }
|
|
onChatItemSelected: {
|
|
Global.closeCreateChatView()
|
|
root.chatSectionModule.setActiveItem(id, "")
|
|
}
|
|
onChatItemUnmuted: root.chatSectionModule.unmuteChat(id)
|
|
|
|
popupMenu: ChatContextMenuView {
|
|
id: chatContextMenuView
|
|
emojiPopup: root.emojiPopup
|
|
|
|
openHandler: function (id) {
|
|
let jsonObj = root.chatSectionModule.getItemAsJson(id)
|
|
let obj = JSON.parse(jsonObj)
|
|
if (obj.error) {
|
|
console.error("error parsing chat item json object, id: ", id, " error: ", obj.error)
|
|
close()
|
|
return
|
|
}
|
|
|
|
currentFleet = root.chatSectionModule.getCurrentFleet()
|
|
isCommunityChat = root.chatSectionModule.isCommunity()
|
|
amIChatAdmin = obj.amIChatAdmin
|
|
chatId = obj.itemId
|
|
chatName = obj.name
|
|
chatDescription = obj.description
|
|
chatEmoji = obj.emoji
|
|
chatColor = obj.color
|
|
chatIcon = obj.icon
|
|
chatType = obj.type
|
|
chatMuted = obj.muted
|
|
}
|
|
|
|
onMuteChat: {
|
|
root.chatSectionModule.muteChat(chatId)
|
|
}
|
|
|
|
onUnmuteChat: {
|
|
root.chatSectionModule.unmuteChat(chatId)
|
|
}
|
|
|
|
onMarkAllMessagesRead: {
|
|
root.chatSectionModule.markAllMessagesRead(chatId)
|
|
}
|
|
|
|
onClearChatHistory: {
|
|
root.chatSectionModule.clearChatHistory(chatId)
|
|
}
|
|
|
|
onRequestAllHistoricMessages: {
|
|
// Not Refactored Yet - Check in the `master` branch if this is applicable here.
|
|
}
|
|
|
|
onLeaveChat: {
|
|
root.chatSectionModule.leaveChat(chatId)
|
|
}
|
|
|
|
onDeleteCommunityChat: {
|
|
// Not Refactored Yet
|
|
}
|
|
|
|
onDownloadMessages: {
|
|
root.chatSectionModule.downloadMessages(chatId, file)
|
|
}
|
|
onDisplayProfilePopup: {
|
|
Global.openProfilePopup(publicKey)
|
|
}
|
|
onLeaveGroup: {
|
|
chatSectionModule.leaveChat("", chatId, true);
|
|
}
|
|
onUpdateGroupChatDetails: {
|
|
chatSectionModule.updateGroupChatDetails(
|
|
chatId,
|
|
groupName,
|
|
groupColor,
|
|
groupImage
|
|
)
|
|
}
|
|
onAddRemoveGroupMember: {
|
|
root.addRemoveGroupMemberClicked()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: communitiesPopupComponent
|
|
CommunitiesPopup {
|
|
anchors.centerIn: parent
|
|
communitiesList: root.store.communitiesList
|
|
onSetActiveCommunity: {
|
|
root.store.setActiveCommunity(id)
|
|
}
|
|
onSetObservedCommunity: {
|
|
root.store.setObservedCommunity(id)
|
|
}
|
|
onClosed: {
|
|
destroy()
|
|
}
|
|
onOpenCommunityDetail: {
|
|
Global.openPopup(communityDetailPopup);
|
|
}
|
|
onImportCommunityClicked: {
|
|
root.importCommunityClicked();
|
|
}
|
|
onCreateCommunityClicked: {
|
|
root.createCommunityClicked();
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: communityDetailPopup
|
|
CommunityDetailPopup {
|
|
anchors.centerIn: parent
|
|
store: root.store
|
|
onClosed: {
|
|
Global.openPopup(communitiesPopupComponent)
|
|
destroy()
|
|
}
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: root.store
|
|
|
|
function onImportingCommunityStateChanged(communityId, state, errorMsg) {
|
|
|
|
const community = root.store.getCommunityDetailsAsJson(communityId)
|
|
let title = ""
|
|
let subTitle = ""
|
|
let loading = false
|
|
|
|
switch (state)
|
|
{
|
|
case Constants.communityImported:
|
|
title = qsTr("'%1' community imported").arg(community.name);
|
|
break
|
|
case Constants.communityImportingInProgress:
|
|
title = qsTr("Importing community is in progress")
|
|
loading = true
|
|
break
|
|
case Constants.communityImportingError:
|
|
title = qsTr("Failed to import community '%1'").arg(community.name)
|
|
subTitle = errorMsg
|
|
break
|
|
default:
|
|
console.error("unknown state while importing community: %1").arg(state)
|
|
return
|
|
}
|
|
|
|
Global.displayToastMessage(title,
|
|
subTitle,
|
|
"",
|
|
loading,
|
|
Constants.ephemeralNotificationType.normal,
|
|
"")
|
|
}
|
|
}
|
|
}
|