import QtQuick 2.13 import QtQuick.Controls 2.13 import QtQuick.Layouts 1.13 import utils 1.0 import shared 1.0 import "../panels" import "../popups" import "../popups/community" 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 Item { id: root width: 304 height: parent.height property var store property int chatGroupsListViewCount: channelList.chatListItems.count signal openProfileClicked() Component.onCompleted: { appMain.openContactsPopup.connect(function(){ openPopup(contactRequestsPopup) }) } MouseArea { anchors.fill: parent onClicked: { //steal focus from search field actionButton.forceActiveFocus(); } } StatusNavigationPanelHeadline { id: headline anchors.top: parent.top anchors.topMargin: 16 anchors.horizontalCenter: parent.horizontalCenter //% "Chat" text: qsTrId("chat") } Item { id: searchInputWrapper anchors.top: headline.bottom anchors.topMargin: 16 width: parent.width height: searchInput.height Item { anchors.verticalCenter: parent.verticalCenter anchors.left: parent.left anchors.right: actionButton.left anchors.leftMargin: 16 anchors.rightMargin: 16 implicitHeight: searchInput.height implicitWidth: searchInput.width StatusBaseInput { id: searchInput implicitHeight: 36 width: parent.width topPadding: 9 //% "Search" placeholderText: qsTrId("search") icon.name: "search" } MouseArea { anchors.fill: parent onClicked: searchPopup.open() } } StatusRoundButton { id: actionButton anchors.verticalCenter: parent.verticalCenter anchors.right: parent.right anchors.rightMargin: 8 width: 32 height: 32 type: StatusRoundButton.Type.Secondary icon.name: "add" state: "default" onClicked: { chatContextMenu.opened ? chatContextMenu.close() : chatContextMenu.popup(actionButton.width-chatContextMenu.width, actionButton.height + 4) } states: [ State { name: "default" PropertyChanges { target: actionButton icon.rotation: 0 highlighted: false } }, State { name: "pressed" PropertyChanges { target: actionButton icon.rotation: 45 highlighted: true } } ] transitions: [ Transition { from: "default" to: "pressed" RotationAnimation { duration: 150 direction: RotationAnimation.Clockwise easing.type: Easing.InCubic } }, Transition { from: "pressed" to: "default" RotationAnimation { duration: 150 direction: RotationAnimation.Counterclockwise easing.type: Easing.OutCubic } } ] StatusPopupMenu { id: chatContextMenu closePolicy: Popup.CloseOnReleaseOutsideParent | Popup.CloseOnEscape onOpened: { actionButton.state = "pressed" } onClosed: { actionButton.state = "default" } StatusMenuItem { //% "Start new chat" text: qsTrId("start-new-chat") icon.name: "private-chat" onTriggered: openPopup(privateChatPopupComponent) } StatusMenuItem { //% "Start group chat" text: qsTrId("start-group-chat") icon.name: "group-chat" onTriggered: openPopup(groupChatPopupComponent) } StatusMenuItem { //% "Join public chat" text: qsTrId("new-public-group-chat") icon.name: "public-chat" onTriggered: openPopup(publicChatPopupComponent) } StatusMenuItem { //% "Communities" text: qsTrId("communities") icon.name: "communities" onTriggered: openPopup(communitiesPopupComponent) enabled: localAccountSensitiveSettings.communitiesEnabled } } } } StatusContactRequestsIndicatorListItem { id: contactRequests property int nbRequests: root.store.contactRequests.count anchors.top: searchInputWrapper.bottom anchors.topMargin: visible ? Style.current.padding : 0 anchors.horizontalCenter: parent.horizontalCenter visible: nbRequests > 0 height: visible ? implicitHeight : 0 //% "Contact requests" title: qsTrId("contact-requests") requestsCount: nbRequests sensor.onClicked: openPopup(contactRequestsPopup) } ScrollView { id: chatGroupsContainer width: parent.width height: (contentHeight < (parent.height - contactRequests.height - Style.current.padding)) ? contentHeight : (parent.height - contactRequests.height - Style.current.padding) anchors.top: contactRequests.bottom anchors.topMargin: Style.current.padding anchors.bottom: root.bottom contentHeight: channelList.childrenRect.height + emptyViewAndSuggestions.childrenRect.height anchors.horizontalCenter: parent.horizontalCenter leftPadding: Style.current.halfPadding rightPadding: Style.current.halfPadding ScrollBar.horizontal.policy: ScrollBar.AlwaysOff clip: true StatusChatList { id: channelList chatNameFn: function (chatItem) { return chatItem.chatType !== Constants.chatTypePublic ? Emoji.parse(Utils.removeStatusEns(Utils.filterXSS(chatItem.name))) : Utils.filterXSS(chatItem.name) } profileImageFn: function (id) { return appMain.getProfileImage(id) } Connections { target: root.store.allContacts onContactChanged: { for (var i = 0; i < channelList.chatListItems.count; i++) { if (!!channelList.statusChatListItems) { let chatItem = !!channelList.statusChatListItems.model.items ? channelList.statusChatListItems.model.items.get(i) : null if (chatItem && chatItem.chatId === pubkey) { let profileImage = appMain.getProfileImage(pubkey) if (!!profileImage) { chatItem.image.isIdenticon = false chatItem.image.source = profileImage } break; } } } } } chatListItems.model: root.store.chatsModelInst.channelView.chats selectedChatId: root.store.chatsModelInst.channelView.activeChannel.id onChatItemSelected: root.store.chatsModelInst.channelView.setActiveChannel(id) onChatItemUnmuted: root.store.chatsModelInst.channelView.unmuteChatItem(id) popupMenu: ChatContextMenuView { id: chatContextMenuView store: root.store openHandler: function (id) { root.store.chatsModelInst.channelView.setContextChannel(id) chatContextMenuView.chatItem = root.store.chatsModelInst.channelView.contextChannel } } } EmptyViewPanel { id: emptyViewAndSuggestions visible: !localAccountSensitiveSettings.hideChannelSuggestions width: parent.width anchors.top: channelList.bottom anchors.topMargin: Style.current.padding onSuggestedMessageClicked: root.store.chatsModelInst.channelView.joinPublicChat(channel) } } Component { id: publicChatPopupComponent PublicChatPopup { onJoinPublicChat: { root.store.chatsModelInst.channelView.joinPublicChat(name); } onSuggestedMessageClicked: { root.store.chatsModelInst.channelView.joinPublicChat(channel); } onClosed: { destroy() } } } Component { id: groupChatPopupComponent GroupChatPopup { store: root.store onClosed: { destroy() } } } Component { id: privateChatPopupComponent PrivateChatPopup { store: root.store onClosed: { destroy() } onProfileClicked: { root.openProfileClicked(); } } } Component { id: communitiesPopupComponent CommunitiesPopup { anchors.centerIn: parent communitiesList: root.store.chatsModelInst.communities.list onSetActiveCommunity: { root.store.chatsModelInst.communities.setActiveCommunity(id) } onSetObservedCommunity: { root.store.chatsModelInst.communities.setObservedCommunity(id) } onClosed: { destroy() } } } Component { id: createCommunitiesPopupComponent CreateCommunityPopup { anchors.centerIn: parent store: root.store onClosed: { destroy() } } } Component { id: importCommunitiesPopupComponent AccessExistingCommunityPopup { anchors.centerIn: parent store: root.store onClosed: { destroy() } } } Component { id: communityDetailPopup CommunityDetailPopup { anchors.centerIn: parent store: root.store onClosed: { destroy() } } } Component { id: contactRequestsPopup ContactRequestsPopup { store: root.store onClosed: { destroy() } } } Connections { target: root.store.chatsModelInst.communities onImportingCommunityStateChanged: { if (state !== Constants.communityImported && state !== Constants.communityImportingInProgress && state !== Constants.communityImportingError) { return } if (state === Constants.communityImported) { if (toastMessage.uuid !== communityImportingProcessId) return toastMessage.close() //% "Community imported" toastMessage.title = qsTrId("community-imported") toastMessage.source = "" toastMessage.iconRotates = false toastMessage.dissapearInMs = 4000 } else if (state === Constants.communityImportingInProgress) { toastMessage.uuid = communityImportingProcessId //% "Importing community is in progress" toastMessage.title = qsTrId("importing-community-is-in-progress") toastMessage.source = Style.svg("loading") toastMessage.iconRotates = true toastMessage.dissapearInMs = -1 } else if (state === Constants.communityImportingError) { if (toastMessage.uuid !== communityImportingProcessId) return toastMessage.close() return } toastMessage.displayCloseButton = false toastMessage.displayLink = false toastMessage.iconColor = Style.current.primary toastMessage.open() } } }