status-desktop/ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/InvitationBubble.qml

161 lines
5.7 KiB
QML
Raw Normal View History

2020-12-11 20:38:10 +00:00
import QtQuick 2.3
import "../../../../../shared"
import "../../../../../shared/status"
import "../../../../../imports"
import "./TransactionComponents"
import "../../../Wallet/data"
Item {
property var invitedCommunity
property int innerMargin: 12
property bool joined: false
id: root
anchors.left: parent.left
height: childrenRect.height
Component.onCompleted: {
chatsModel.communities.setObservedCommunity(communityId)
2020-12-11 20:38:10 +00:00
root.invitedCommunity = chatsModel.communities.observedCommunity
2020-12-11 20:38:10 +00:00
}
UserImage {
id: chatImage
visible: authorCurrentMsg != authorPrevMsg && !isCurrentUser
anchors.left: parent.left
anchors.leftMargin: Style.current.padding
anchors.top: parent.top
}
Loader {
id: rectangleBubbleLoader
active: !!invitedCommunity
width: item.width
height: item.height
anchors.right: isCurrentUser ? parent.right : undefined
anchors.rightMargin: Style.current.padding
anchors.left: !isCurrentUser ? chatImage.right : undefined
anchors.leftMargin: Style.current.smallPadding
sourceComponent: Component {
Rectangle {
id: rectangleBubble
width: 270
height: childrenRect.height + Style.current.halfPadding
radius: 16
color: Style.current.background
border.color: Style.current.border
border.width: 1
// TODO add check if verified
StyledText {
id: title
color: invitedCommunity.verifed ? Style.current.primary : Style.current.secondaryText
text: invitedCommunity.verifed ?
2021-02-18 16:36:05 +00:00
//% "Verified community invitation"
qsTrId("verified-community-invitation") :
//% "Community invitation"
qsTrId("community-invitation")
2020-12-11 20:38:10 +00:00
font.weight: Font.Medium
anchors.top: parent.top
anchors.topMargin: Style.current.halfPadding
anchors.left: parent.left
anchors.leftMargin: root.innerMargin
font.pixelSize: 13
}
StyledText {
id: invitedYou
2021-02-18 16:36:05 +00:00
//% "%1 invited you to join a community"
text: qsTrId("-1-invited-you-to-join-a-community").arg(userName)
2020-12-11 20:38:10 +00:00
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
}
Separator {
id: sep1
anchors.top: invitedYou.bottom
anchors.topMargin: Style.current.halfPadding
}
// TODO add image when it's supported
StyledText {
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.WordWrap
font.pixelSize: 17
}
StyledText {
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.WordWrap
font.pixelSize: 15
}
StyledText {
id: communityNbMembers
// TODO add the plural support
2021-02-18 16:36:05 +00:00
//% "%1 members"
text: qsTrId("-1-members").arg(invitedCommunity.nbMembers)
2020-12-11 20:38:10 +00:00
anchors.top: communityDesc.bottom
anchors.topMargin: 2
anchors.left: parent.left
anchors.leftMargin: root.innerMargin
font.pixelSize: 13
font.weight: Font.Medium
color: Style.current.secondaryText
}
Separator {
id: sep2
anchors.top: communityNbMembers.bottom
anchors.topMargin: Style.current.halfPadding
}
StatusButton {
type: "secondary"
anchors.top: sep2.bottom
width: parent.width
height: 44
enabled: !invitedCommunity.joined
2021-02-18 16:36:05 +00:00
//% "Joined"
text: root.joined || invitedCommunity.joined ? qsTrId("joined") :
//% "Join"
qsTrId("join")
2020-12-11 20:38:10 +00:00
onClicked: {
chatsModel.communities.joinCommunity(communityId)
2020-12-11 20:38:10 +00:00
root.joined = true
}
}
}
}
}
}
/*##^##
Designer {
D{i:0;formeditorColor:"#4c4e50";formeditorZoom:1.25}
}
##^##*/