status-desktop/ui/app/AppLayouts/Chat/CommunityColumn.qml

235 lines
7.6 KiB
QML

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtGraphicalEffects 1.13
import QtQuick.Layouts 1.13
import "../../../imports"
import "../../../shared"
import "../../../shared/status"
import "./ContactsColumn"
import "./CommunityComponents"
Rectangle {
// TODO unhardcode
property int chatGroupsListViewCount: channelList.channelListCount
property Component pinnedMessagesPopupComponent
id: root
Layout.fillHeight: true
color: Style.current.secondaryMenuBackground
Component {
id: createChannelPopup
CreateChannelPopup {
pinnedMessagesPopupComponent: root.pinnedMessagesPopupComponent
onClosed: {
destroy()
}
}
}
Component {
id: createCategoryPopup
CreateCategoryPopup {
onClosed: {
destroy()
}
}
}
Component {
id: transferOwnershipPopup
TransferOwnershipPopup {}
}
Item {
id: communityHeader
width: parent.width
height: communityHeaderButton.height
anchors.left: parent.left
anchors.leftMargin: 12
anchors.top: parent.top
anchors.topMargin: Style.current.padding
CommunityHeaderButton {
id: communityHeaderButton
anchors.left: parent.left
anchors.top: parent.top
anchors.topMargin: -4
}
StatusRoundButton {
id: optionsBtn
pressedIconRotation: 45
icon.name: "plusSign"
size: "medium"
type: "secondary"
width: 36
height: 36
anchors.right: parent.right
anchors.rightMargin: Style.current.bigPadding
anchors.top: parent.top
anchors.topMargin: 8
visible: chatsModel.communities.activeCommunity.admin
onClicked: {
optionsBtn.state = "pressed"
let x = optionsBtn.iconX + optionsBtn.icon.width / 2 - optionsMenu.width / 2
optionsMenu.popup(x, optionsBtn.icon.height + 14)
}
PopupMenu {
id: optionsMenu
x: optionsBtn.x + optionsBtn.width / 2 - optionsMenu.width / 2
y: optionsBtn.height
Action {
enabled: chatsModel.communities.activeCommunity.admin
//% "Create channel"
text: qsTrId("create-channel")
icon.source: "../../img/hash.svg"
icon.width: 20
icon.height: 20
onTriggered: openPopup(createChannelPopup, {communityId: chatsModel.communities.activeCommunity.id})
}
Action {
enabled: chatsModel.communities.activeCommunity.admin
text: qsTr("Create category")
icon.source: "../../img/create-category.svg"
icon.width: 20
icon.height: 20
onTriggered: openPopup(createCategoryPopup, {communityId: chatsModel.communities.activeCommunity.id})
}
Separator {}
Action {
text: qsTr("Invite People")
enabled: chatsModel.communities.activeCommunity.canManageUsers
icon.source: "../../img/export.svg"
icon.width: 20
icon.height: 20
onTriggered: openPopup(inviteFriendsToCommunityPopup, {communityId: chatsModel.communities.activeCommunity.id})
}
onAboutToHide: {
optionsBtn.state = "default"
}
}
}
}
Item {
id: descriptionItem
height: childrenRect.height
anchors.left: parent.left
anchors.leftMargin: 18
anchors.right: parent.right
anchors.rightMargin: Style.current.padding
anchors.top: communityHeader.bottom
anchors.topMargin: Style.current.halfPadding
SVGImage {
id: listImg
source: "../../img/community-list.svg"
width: 15
height: 15
}
StyledText {
text: chatsModel.communities.activeCommunity.description
color: Style.current.secondaryText
font.pixelSize: 13
wrapMode: Text.WordWrap
anchors.left: listImg.right
anchors.leftMargin: 4
anchors.right: parent.right
}
}
Loader {
id: membershipRequestsLoader
width: parent.width
active: chatsModel.communities.activeCommunity.admin
anchors.top: descriptionItem.bottom
anchors.topMargin: active ? Style.current.halfPadding : 0
sourceComponent: Component {
MembershipRequestsButton {}
}
}
MembershipRequestsPopup {
id: membershipRequestPopup
}
ScrollView {
id: chatGroupsContainer
anchors.top: membershipRequestsLoader.bottom
anchors.topMargin: Style.current.padding
anchors.bottom: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
leftPadding: Style.current.halfPadding
rightPadding: Style.current.halfPadding
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
contentHeight: categoryList.height + channelList.height + emptyViewAndSuggestionsLoader.height + backUpBannerLoader.height + 2 * Style.current.padding
clip: true
ChannelList {
id: channelList
searchStr: ""
categoryId: ""
channelModel: chatsModel.communities.activeCommunity.chats
}
CategoryList {
id: categoryList
anchors.top: channelList.bottom
categoryModel: chatsModel.communities.activeCommunity.categories
}
Loader {
id: emptyViewAndSuggestionsLoader
active: chatsModel.communities.activeCommunity.admin && !appSettings.hiddenCommunityWelcomeBanners.includes(chatsModel.communities.activeCommunity.id)
width: parent.width
height: active ? item.height : 0
anchors.top: categoryList.bottom
anchors.topMargin: active ? Style.current.padding : 0
sourceComponent: Component {
CommunityWelcomeBanner {}
}
}
Loader {
id: backUpBannerLoader
active: chatsModel.communities.activeCommunity.admin && !appSettings.hiddenCommunityBackUpBanners.includes(chatsModel.communities.activeCommunity.id)
width: parent.width
height: active ? item.height : 0
anchors.top: emptyViewAndSuggestionsLoader.bottom
anchors.topMargin: active ? Style.current.padding : 0
sourceComponent: Component {
BackUpCommuntyBanner {}
}
}
CommunityProfilePopup {
id: communityProfilePopup
communityId: chatsModel.communities.activeCommunity.id
name: chatsModel.communities.activeCommunity.name
description: chatsModel.communities.activeCommunity.description
access: chatsModel.communities.activeCommunity.access
nbMembers: chatsModel.communities.activeCommunity.nbMembers
isAdmin: chatsModel.communities.activeCommunity.admin
source: chatsModel.communities.activeCommunity.thumbnailImage
communityColor: chatsModel.communities.activeCommunity.communityColor
}
}
}
/*##^##
Designer {
D{i:0;autoSize:true;formeditorColor:"#ffffff";height:480;width:640}
}
##^##*/