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 import AppLayouts.stores 1.0 as AppLayoutsStores StatusListView { id: root property AppLayoutsStores.RootStore 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 showCommunityMembershipSetupDialog(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 isSpectator: model.spectated && !model.joined readonly property bool isOwner: model.memberRole === Constants.memberRole.owner readonly property bool isAdmin: model.memberRole === Constants.memberRole.admin readonly property bool isTokenMaster: model.memberRole === Constants.memberRole.tokenMaster property bool isInvitationPending: root.rootStore.isMyCommunityRequestPending(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: listItem.isSpectator onClicked: root.showCommunityMembershipSetupDialog( 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 || listItem.isTokenMaster 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 || (listItem.isSpectator && !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) } objectName: "invitePeople" } StatusAction { text: qsTr("Edit Shared Addresses") icon.name: "wallet" enabled: { if (listItem.isOwner || listItem.isSpectator) return false return true } onTriggered: { moreMenu.close() Global.openEditSharedAddressesFlow(model.id) } } StatusMenuSeparator { visible: leaveMenuItem.enabled } StatusAction { id: leaveMenuItem objectName: "CommunitiesListPanel_leaveCommunityPopupButton" text: { if (listItem.isInvitationPending) return qsTr("Cancel Membership Request") return listItem.isSpectator ? qsTr("Close Community") : qsTr("Leave Community") } icon.name: { if (listItem.isInvitationPending) return "arrow-left" return listItem.isSpectator ? "close-circle" : "arrow-left" } type: StatusAction.Type.Danger enabled: !listItem.isOwner onTriggered: { moreMenu.close() if (listItem.isInvitationPending) { root.cancelMembershipRequest(model.id) listItem.isInvitationPending = root.rootStore.isMyCommunityRequestPending(model.id) } else if (listItem.isSpectator) root.closeCommunityClicked(model.id) else root.leaveCommunityClicked(model.name, model.id, model.outroMessage) } } } } ] } }