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 id: root Layout.fillHeight: true color: Style.current.secondaryMenuBackground Component { id: createChannelPopup CreateChannelPopup { 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 { 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: channelList.height + emptyViewAndSuggestionsLoader.height + backUpBannerLoader.height + 2 * Style.current.padding clip: true ChannelList { id: channelList searchStr: "" channelModel: chatsModel.communities.activeCommunity.chats } 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: channelList.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 } } } /*##^## Designer { D{i:0;autoSize:true;formeditorColor:"#ffffff";height:480;width:640} } ##^##*/