166 lines
7.1 KiB
QML
166 lines
7.1 KiB
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)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|