344 lines
15 KiB
QML
344 lines
15 KiB
QML
import QtQuick 2.3
|
|
import QtQuick.Dialogs 1.3
|
|
|
|
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.chatsModelInst.communities.list.getCommunityByIdJson(communityId)
|
|
if (!communityJson) {
|
|
return null
|
|
}
|
|
|
|
let community = JSON.parse(communityJson);
|
|
if (community) {
|
|
community.nbMembers = community.members.length;
|
|
}
|
|
return community
|
|
} catch (e) {
|
|
console.error("Error parsing community", e)
|
|
}
|
|
|
|
return null
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
root.invitedCommunity = getCommunity()
|
|
}
|
|
|
|
Connections {
|
|
target: root.store.chatsModelInst.communities
|
|
onCommunityChanged: function (communityId) {
|
|
if (communityId === root.communityId) {
|
|
root.invitedCommunity = getCommunity()
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: confirmationPopupComponent
|
|
ConfirmationDialog {
|
|
property string settingsProp: ""
|
|
property var onConfirmed: (function(){})
|
|
showCancelButton: true
|
|
//% "This feature is experimental and is meant for testing purposes by core contributors and the community. It's not meant for real use and makes no claims of security or integrity of funds or data. Use at your own risk."
|
|
confirmationText: qsTrId("this-feature-is-experimental-and-is-meant-for-testing-purposes-by-core-contributors-and-the-community--it-s-not-meant-for-real-use-and-makes-no-claims-of-security-or-integrity-of-funds-or-data--use-at-your-own-risk-")
|
|
//% "I understand"
|
|
confirmButtonLabel: qsTrId("i-understand")
|
|
onConfirmButtonClicked: {
|
|
localAccountSensitiveSettings.communitiesEnabled = true
|
|
onConfirmed()
|
|
close()
|
|
}
|
|
|
|
onCancelButtonClicked: {
|
|
close()
|
|
}
|
|
onClosed: {
|
|
destroy()
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
Loader {
|
|
id: rectangleBubbleLoader
|
|
active: !!invitedCommunity
|
|
|
|
sourceComponent: Component {
|
|
Rectangle {
|
|
id: rectangleBubble
|
|
property alias button: joinBtn
|
|
property bool isPendingRequest: root.store.chatsModelInst.communities.isCommunityRequestPending(communityId)
|
|
width: 270
|
|
height: title.height + title.anchors.topMargin +
|
|
invitedYou.height + invitedYou.anchors.topMargin +
|
|
sep1.height + sep1.anchors.topMargin +
|
|
communityName.height + communityName.anchors.topMargin +
|
|
communityDesc.height + communityDesc.anchors.topMargin +
|
|
communityNbMembers.height + communityNbMembers.anchors.topMargin +
|
|
sep2.height + sep2.anchors.topMargin +
|
|
btnItemId.height + btnItemId.anchors.topMargin
|
|
radius: 16
|
|
color: Style.current.background
|
|
border.color: Style.current.border
|
|
border.width: 1
|
|
|
|
states: [
|
|
State {
|
|
name: "requiresEns"
|
|
when: invitedCommunity.ensOnly && !root.store.profileModelInst.profile.ensVerified
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
//% "Membership requires an ENS username"
|
|
text: qsTrId("membership-requires-an-ens-username")
|
|
enabled: false
|
|
}
|
|
},
|
|
State {
|
|
name: "inviteOnly"
|
|
when: invitedCommunity.access === Constants.communityChatInvitationOnlyAccess
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
//% "You need to be invited"
|
|
text: qsTrId("you-need-to-be-invited")
|
|
enabled: false
|
|
}
|
|
},
|
|
State {
|
|
name: "pending"
|
|
when: invitedCommunity.access === Constants.communityChatOnRequestAccess &&
|
|
rectangleBubble.isPendingRequest
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
//% "Pending"
|
|
text: qsTrId("invite-chat-pending")
|
|
enabled: false
|
|
}
|
|
},
|
|
State {
|
|
name: "joined"
|
|
when: (invitedCommunity.joined && invitedCommunity.isMember) ||
|
|
(invitedCommunity.access === Constants.communityChatPublicAccess &&
|
|
invitedCommunity.joined)
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
//% "View"
|
|
text: qsTrId("view")
|
|
}
|
|
},
|
|
State {
|
|
name: "requestToJoin"
|
|
when: invitedCommunity.access === Constants.communityChatOnRequestAccess &&
|
|
// !invitedCommunity.joined && !invitedCommunity.isMember
|
|
invitedCommunity.canRequestAccess
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
//% "Request Access"
|
|
text: qsTrId("request-access")
|
|
|
|
}
|
|
},
|
|
State {
|
|
name: "unjoined"
|
|
when: (invitedCommunity.access === Constants.communityChatOnRequestAccess &&
|
|
invitedCommunity.isMember) ||
|
|
(invitedCommunity.access === Constants.communityChatPublicAccess &&
|
|
!invitedCommunity.joined)
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
//% "Join"
|
|
text: qsTrId("join")
|
|
}
|
|
}
|
|
]
|
|
|
|
Connections {
|
|
target: root.store.chatsModelInst.communities
|
|
onMembershipRequestChanged: function(communityId, communityName, requestAccepted) {
|
|
if (communityId === root.communityId) {
|
|
rectangleBubble.isPendingRequest = false
|
|
}
|
|
}
|
|
}
|
|
|
|
// TODO add check if verified
|
|
StatusBaseText {
|
|
id: title
|
|
color: invitedCommunity.verifed ? Theme.palette.primaryColor1 : Theme.palette.baseColor1
|
|
text: invitedCommunity.verifed ?
|
|
//% "Verified community invitation"
|
|
qsTrId("verified-community-invitation") :
|
|
//% "Community invitation"
|
|
qsTrId("community-invitation")
|
|
font.weight: Font.Medium
|
|
anchors.top: parent.top
|
|
anchors.topMargin: Style.current.halfPadding
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: root.innerMargin
|
|
font.pixelSize: 13
|
|
}
|
|
|
|
StatusBaseText {
|
|
id: invitedYou
|
|
text: {
|
|
if (root.store.chatsModelInst.channelView.activeChannel.chatType === Constants.chatTypeOneToOne) {
|
|
return isCurrentUser ?
|
|
//% "You invited %1 to join a community"
|
|
qsTrId("you-invited--1-to-join-a-community").arg(root.store.chatsModelInst.userNameOrAlias(root.store.chatsModelInst.channelView.activeChannel.id))
|
|
//% "%1 invited you to join a community"
|
|
: qsTrId("-1-invited-you-to-join-a-community").arg(displayUserName)
|
|
} else {
|
|
return isCurrentUser ?
|
|
//% "You shared a community"
|
|
qsTrId("you-shared-a-community")
|
|
//% "A community has been shared"
|
|
: qsTrId("a-community-has-been-shared")
|
|
}
|
|
}
|
|
anchors.top: title.bottom
|
|
anchors.topMargin: 4
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: root.innerMargin
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: root.innerMargin
|
|
wrapMode: Text.WordWrap
|
|
font.pixelSize: 15
|
|
color: Theme.palette.directColor1
|
|
}
|
|
|
|
Separator {
|
|
id: sep1
|
|
anchors.top: invitedYou.bottom
|
|
anchors.topMargin: Style.current.halfPadding
|
|
}
|
|
|
|
// TODO add image when it's supported
|
|
StatusBaseText {
|
|
id: communityName
|
|
text: invitedCommunity.name
|
|
anchors.top: sep1.bottom
|
|
anchors.topMargin: root.innerMargin
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: root.innerMargin
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: root.innerMargin
|
|
font.weight: Font.Bold
|
|
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
|
|
font.pixelSize: 17
|
|
color: Theme.palette.directColor1
|
|
}
|
|
|
|
StatusBaseText {
|
|
id: communityDesc
|
|
text: invitedCommunity.description
|
|
anchors.top: communityName.bottom
|
|
anchors.topMargin: 2
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: root.innerMargin
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: root.innerMargin
|
|
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
|
|
font.pixelSize: 15
|
|
color: Theme.palette.directColor1
|
|
}
|
|
|
|
StatusBaseText {
|
|
id: communityNbMembers
|
|
// TODO add the plural support
|
|
//% "%1 members"
|
|
text: qsTrId("-1-members").arg(invitedCommunity.nbMembers)
|
|
anchors.top: communityDesc.bottom
|
|
anchors.topMargin: 2
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: root.innerMargin
|
|
font.pixelSize: 13
|
|
font.weight: Font.Medium
|
|
color: Theme.palette.baseColor1
|
|
}
|
|
|
|
Separator {
|
|
id: sep2
|
|
anchors.top: communityNbMembers.bottom
|
|
anchors.topMargin: Style.current.halfPadding
|
|
}
|
|
Item {
|
|
id: btnItemId
|
|
width: parent.width
|
|
height: 44
|
|
anchors.bottom: parent.bottom
|
|
clip: true
|
|
StatusFlatButton {
|
|
id: joinBtn
|
|
anchors.top: parent.top
|
|
anchors.topMargin: -Style.current.smallPadding
|
|
radius: 16
|
|
width: parent.width
|
|
height: 54
|
|
enabled: true
|
|
//% "Unsupported state"
|
|
text: qsTrId("unsupported-state")
|
|
onClicked: {
|
|
let onBtnClick = function(){
|
|
let error
|
|
|
|
if (rectangleBubble.state === "joined") {
|
|
root.store.chatsModelInst.communities.setActiveCommunity(communityId);
|
|
return
|
|
} else if (rectangleBubble.state === "unjoined") {
|
|
error = root.store.chatsModelInst.communities.joinCommunity(communityId, true)
|
|
}
|
|
else if (rectangleBubble.state === "requestToJoin") {
|
|
error = root.store.chatsModelInst.communities.requestToJoinCommunity(communityId,
|
|
root.store.profileModelInst.profile.ensVerified ? root.store.profileModelInst.profile.username : "")
|
|
if (!error) {
|
|
rectangleBubble.isPendingRequest = root.store.chatsModelInst.communities.isCommunityRequestPending(communityId)
|
|
}
|
|
}
|
|
|
|
if (error) {
|
|
joiningError.text = error
|
|
return joiningError.open()
|
|
}
|
|
}
|
|
|
|
if (localAccountSensitiveSettings.communitiesEnabled) {
|
|
onBtnClick();
|
|
} else {
|
|
openPopup(confirmationPopupComponent, { onConfirmed: onBtnClick });
|
|
}
|
|
}
|
|
|
|
MessageDialog {
|
|
id: joiningError
|
|
//% "Error joining the community"
|
|
title: qsTrId("error-joining-the-community")
|
|
icon: StandardIcon.Critical
|
|
standardButtons: StandardButton.Ok
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|