350 lines
15 KiB
QML
350 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() {
|
|
// Not Refactored Yet
|
|
// 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
|
|
// Not Refactored Yet
|
|
property bool isPendingRequest: false //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"
|
|
// Not Refactored Yet
|
|
// 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")
|
|
}
|
|
}
|
|
]
|
|
|
|
// Not Refactored Yet
|
|
// 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: {
|
|
// Not Refactored Yet
|
|
return ""
|
|
// if (root.store.chatsModelInst.channelView.activeChannel.chatType === Constants.chatType.oneToOne) {
|
|
// 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: {
|
|
// Not Refactored Yet
|
|
// 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, userProfile.name)
|
|
// if (!error) {
|
|
// rectangleBubble.isPendingRequest = root.store.chatsModelInst.communities.isCommunityRequestPending(communityId)
|
|
// }
|
|
// }
|
|
|
|
// if (error) {
|
|
// joiningError.text = error
|
|
// return joiningError.open()
|
|
// }
|
|
// }
|
|
|
|
// if (localAccountSensitiveSettings.communitiesEnabled) {
|
|
// onBtnClick();
|
|
// } else {
|
|
// Global.openPopup(confirmationPopupComponent, { onConfirmed: onBtnClick });
|
|
// }
|
|
}
|
|
|
|
MessageDialog {
|
|
id: joiningError
|
|
//% "Error joining the community"
|
|
title: qsTrId("error-joining-the-community")
|
|
icon: StandardIcon.Critical
|
|
standardButtons: StandardButton.Ok
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|