import QtQuick 2.3 import QtQuick.Dialogs 1.3 import QtQuick.Layouts 1.14 import utils 1.0 import StatusQ.Core 0.1 import StatusQ.Core.Theme 0.1 import StatusQ.Controls 0.1 import shared.panels 1.0 import shared.popups 1.0 Item { id: root anchors.left: parent.left height: rectangleBubbleLoader.height width: rectangleBubbleLoader.width property string communityId property var invitedCommunity property int innerMargin: 12 property bool isLink: false property var store function getCommunity() { try { const communityJson = root.store.getSectionByIdJson(communityId) if (!communityJson) { return null } return JSON.parse(communityJson); } catch (e) { console.error("Error parsing community", e) } return null } Component.onCompleted: { root.invitedCommunity = getCommunity() } Connections { target: root.store.communitiesModuleInst onCommunityChanged: function (communityId) { if (communityId === root.communityId) { root.invitedCommunity = getCommunity() } } } Component { id: communityIntroDialog CommunityIntroDialog { anchors.centerIn: parent property var joinMethod: () => {} name: root.invitedCommunity ? root.invitedCommunity.name : "" introMessage: root.invitedCommunity ? root.invitedCommunity.introMessage : "" imageSrc: root.invitedCommunity ? root.invitedCommunity.image : "" onJoined: joinMethod() } } Loader { id: rectangleBubbleLoader active: !!invitedCommunity sourceComponent: Component { Rectangle { id: rectangleBubble property alias button: joinBtn property bool isPendingRequest: root.store.isCommunityRequestPending(communityId) width: 270 height: column.implicitHeight radius: 16 color: Style.current.background border.color: Style.current.border border.width: 1 states: [ State { name: "requiresEns" when: invitedCommunity.ensOnly && !userProfile.ensName PropertyChanges { target: joinBtn text: qsTr("Membership requires an ENS username") enabled: false } }, State { name: "inviteOnly" when: invitedCommunity.access === Constants.communityChatInvitationOnlyAccess PropertyChanges { target: joinBtn text: qsTr("You need to be invited") enabled: false } }, State { name: "pending" when: invitedCommunity.access === Constants.communityChatOnRequestAccess && rectangleBubble.isPendingRequest PropertyChanges { target: joinBtn text: qsTr("Pending") enabled: false } }, State { name: "joined" when: (invitedCommunity.joined && invitedCommunity.isMember) || (invitedCommunity.access === Constants.communityChatPublicAccess && invitedCommunity.joined) PropertyChanges { target: joinBtn text: qsTr("View") } }, State { name: "requestToJoin" when: invitedCommunity.access === Constants.communityChatOnRequestAccess && !invitedCommunity.joined && !invitedCommunity.isMember && invitedCommunity.canRequestAccess PropertyChanges { target: joinBtn text: qsTr("Request Access") } }, State { name: "unjoined" when: (invitedCommunity.access === Constants.communityChatOnRequestAccess && invitedCommunity.isMember) || (invitedCommunity.access === Constants.communityChatPublicAccess && !invitedCommunity.joined) PropertyChanges { target: joinBtn text: qsTr("Join") } } ] // Not Refactored Yet // Connections { // target: root.store.chatsModelInst.communities // onMembershipRequestChanged: function(communityId, communityName, requestAccepted) { // if (communityId === root.communityId) { // rectangleBubble.isPendingRequest = false // } // } // } ColumnLayout { id: column width: parent.width spacing: Style.current.halfPadding // TODO add check if verified StatusBaseText { id: title color: invitedCommunity.verifed ? Theme.palette.primaryColor1 : Theme.palette.baseColor1 text: invitedCommunity.verifed ? qsTr("Verified community invitation") : qsTr("Community invitation") font.weight: Font.Medium Layout.topMargin: Style.current.halfPadding Layout.leftMargin: root.innerMargin font.pixelSize: 13 } StatusBaseText { id: invitedYou visible: text != "" text: { // Not Refactored Yet return "" // if (root.store.chatsModelInst.channelView.activeChannel.chatType === Constants.chatType.oneToOne) { // return isCurrentUser ? // qsTr("You invited %1 to join a community").arg(root.store.chatsModelInst.userNameOrAlias(root.store.chatsModelInst.channelView.activeChannel.id)) // : qsTr("%1 invited you to join a community").arg(displayUserName) // } else { // return isCurrentUser ? // qsTr("You shared a community") // : qsTr("A community has been shared") // } } Layout.leftMargin: root.innerMargin Layout.rightMargin: root.innerMargin Layout.fillWidth: true wrapMode: Text.WordWrap font.pixelSize: 15 color: Theme.palette.directColor1 } Separator { Layout.fillWidth: true } // TODO add image when it's supported StatusBaseText { id: communityName text: invitedCommunity.name Layout.topMargin: 2 Layout.leftMargin: root.innerMargin Layout.fillWidth: true Layout.rightMargin: root.innerMargin font.weight: Font.Bold wrapMode: Text.WrapAtWordBoundaryOrAnywhere font.pixelSize: 17 color: Theme.palette.directColor1 } StatusBaseText { id: communityDesc text: invitedCommunity.description Layout.leftMargin: root.innerMargin Layout.rightMargin: root.innerMargin Layout.fillWidth: true wrapMode: Text.WrapAtWordBoundaryOrAnywhere font.pixelSize: 15 color: Theme.palette.directColor1 } StatusBaseText { id: communityNbMembers // TODO add the plural support text: qsTr("%1 members").arg(invitedCommunity.nbMembers) Layout.leftMargin: root.innerMargin font.pixelSize: 13 font.weight: Font.Medium color: Theme.palette.baseColor1 } Separator { Layout.fillWidth: true } Item { id: btnItemId Layout.topMargin: -column.spacing Layout.fillWidth: true height: 44 clip: true StatusFlatButton { id: joinBtn anchors.fill: parent anchors.verticalCenter: parent.verticalCenter radius: 16 enabled: true text: qsTr("Unsupported state") onClicked: { let error if (rectangleBubble.state === "joined") { root.store.setActiveCommunity(communityId); return } if (rectangleBubble.state === "unjoined") { Global.openPopup(communityIntroDialog, { joinMethod: () => { let error = root.store.joinCommunity(communityId, userProfile.name) if (error) joiningError.showError(error) } }); } else if (rectangleBubble.state === "requestToJoin") { Global.openPopup(communityIntroDialog, { joinMethod: () => { let error = root.store.requestToJoinCommunity(communityId, userProfile.name) if (error) joiningError.showError(error) else rectangleBubble.isPendingRequest = root.store.isCommunityRequestPending(communityId) } }); } if (error) joiningError.showError(error) } MessageDialog { id: joiningError function showError(error) { joiningError.text = error joiningError.open() } title: qsTr("Error joining the community") icon: StandardIcon.Critical standardButtons: StandardButton.Ok } } } } } } } }