status-desktop/ui/app/AppLayouts/Profile/panels/CommunitiesListPanel.qml

import QtQuick 2.14
import QtQuick.Controls 2.14

import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Components 0.1
import StatusQ.Controls 0.1
import StatusQ.Popups 0.1

import utils 1.0
import shared.controls.chat.menuItems 1.0

StatusListView {
    id: root

    property var rootStore

    signal inviteFriends(var communityData)

    signal closeCommunityClicked(string communityId)
    signal leaveCommunityClicked(string community, string communityId, string outroMessage)
    signal setCommunityMutedClicked(string communityId, int mutedType)
    signal setActiveCommunityClicked(string communityId)
    signal showCommunityIntroDialog(string communityId, string name, string introMessage, string imageSrc, int accessType)
    signal cancelMembershipRequest(string communityId)

    interactive: false
    implicitHeight: contentItem.childrenRect.height
    spacing: 0

    delegate: StatusListItem {
        id: listItem
        width: ListView.view.width
        title: model.name
        statusListItemTitle.font.pixelSize: 17
        statusListItemTitle.font.bold: true
        statusListItemIcon.anchors.verticalCenter: undefined
        statusListItemIcon.anchors.top: statusListItemTitleArea.top
        subTitle: model.description
        tertiaryTitle: qsTr("%n member(s)", "", model.members.count)
        statusListItemTertiaryTitle.font.weight: Font.Medium
        asset.name: model.image
        asset.isLetterIdenticon: !model.image
        asset.bgColor: model.color || Theme.palette.primaryColor1
        asset.width: 40
        asset.height: 40

        onClicked: setActiveCommunityClicked(model.id)

        readonly property bool isOwner: model.memberRole === Constants.memberRole.owner
        readonly property bool isAdmin: model.memberRole === Constants.memberRole.admin
        readonly property bool isInvitationPending: root.rootStore.isCommunityRequestPending(model.id)

        components: [
            StatusFlatButton {
                anchors.verticalCenter: parent.verticalCenter
                size: StatusBaseButton.Size.Small
                icon.name: "notification-muted"
                icon.color: Theme.palette.baseColor1
                visible: model.muted
                onClicked: root.setCommunityMutedClicked(model.id, Constants.MutingVariations.Unmuted)
            },
            StatusFlatButton {
                anchors.verticalCenter: parent.verticalCenter
                size: StatusBaseButton.Size.Small
                text: listItem.isInvitationPending ? qsTr("Membership Request Sent") : qsTr("View & Join Community")
                visible: model.spectated
                onClicked: root.showCommunityIntroDialog(model.id, model.name, model.introMessage, model.image, model.access)
            },
            StatusFlatButton {
                anchors.verticalCenter: parent.verticalCenter
                size: StatusBaseButton.Size.Small
                icon.name: "more"
                icon.color: Theme.palette.directColor1
                highlighted: moreMenu.opened
                onClicked: moreMenu.popup(-moreMenu.width + width, height + 4)

                StatusMenu {
                    id: moreMenu

                    StatusAction {
                        text: qsTr("Community Admin")
                        icon.name: "settings"
                        enabled: listItem.isOwner || listItem.isAdmin
                        onTriggered: {
                            moreMenu.close()
                            Global.switchToCommunity(model.id)
                            Global.switchToCommunitySettings(model.id)
                        }
                    }
                    StatusAction {
                        text: qsTr("Unmute Community")
                        enabled: model.muted
                        icon.name: "notification"
                        onTriggered: {
                            moreMenu.close()
                            root.setCommunityMutedClicked(model.id, Constants.MutingVariations.Unmuted)
                        }
                    }
                    MuteChatMenuItem {
                        enabled: (model.joined || (model.spectated && !listItem.isInvitationPending)) && !model.muted
                        title: qsTr("Mute Community")
                        onMuteTriggered: {
                            moreMenu.close()
                            root.setCommunityMutedClicked(model.id, interval)
                        }
                    }
                    StatusAction {
                        text: qsTr("Invite People")
                        icon.name: "invite-users"
                        onTriggered: {
                            moreMenu.close()
                            root.inviteFriends(model)
                        }
                    }
                    StatusAction {
                        id: shareAddressesMenuItem
                        text: qsTr("Edit Shared Addresses")
                        icon.name: "wallet"
                        enabled: {
                            if (listItem.isOwner)
                                return false
                            if (model.spectated && !listItem.isInvitationPending)
                                return false
                            return true
                        }
                        onTriggered: {
                            moreMenu.close()
                            Global.openEditSharedAddressesFlow(model.id)
                            // TODO shared addresses flow, cf https://github.com/status-im/status-desktop/issues/11138
                        }
                    }
                    StatusMenuSeparator {
                        visible: shareAddressesMenuItem.enabled && leaveMenuItem.enabled
                    }
                    StatusAction {
                        id: leaveMenuItem
                        objectName: "CommunitiesListPanel_leaveCommunityPopupButton"
                        text: {
                            if (listItem.isInvitationPending)
                                return qsTr("Cancel Membership Request")
                            return model.spectated ? qsTr("Close Community") : qsTr("Leave Community")
                        }
                        icon.name: {
                            if (listItem.isInvitationPending)
                                return "arrow-left"
                            return model.spectated ? "close-circle" : "arrow-left"
                        }
                        type: StatusAction.Type.Danger
                        enabled: !listItem.isOwner
                        onTriggered: {
                            moreMenu.close()
                            if (listItem.isInvitationPending)
                                root.cancelMembershipRequest(model.id)
                            else if (model.spectated)
                                root.closeCommunityClicked(model.id)
                            else
                                root.leaveCommunityClicked(model.name, model.id, model.outroMessage)
                        }
                    }
                }
            }
        ]
    }
}