status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
status-desktop/ui/app/AppLayouts/Communities/panels/ProfilePopupOverviewPanel.qml

83 lines
2.3 KiB
QML
Raw Normal View History

refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
import QtQuick 2.12
import QtQuick.Layouts 1.13
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1
import StatusQ.Components 0.1
import StatusQ.Popups 0.1
feat(desktop) Added image function in Style Introduced Style.svg() Style.png() Style.emoji() and Style.icon() in Style.qml. Those should be used to set the source in Images instead of using relative paths. Usage: Image { source: Style.svg("check) .... Also moved all Singletons inside a new "utils" folder and made it a QML module, to use import utils 1.0 instead of relative paths Closes #3678
2021-09-28 15:04:06 +00:00
import utils 1.0
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
Column {
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
id: root
property string headerTitle: ""
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
property string headerSubtitle: ""
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
property string headerImageSource: ""
refactor(Communities): replace `CommunityMembersPopup` with `CommunityProfilePopup` When right-clicking a community from the navbar and selecting "View community", Status Desktop opens `CommunityMembersPopup` which looks like it was either never really finished or more of an intermediate solution until a proper community profile popup was created. That's why this commit replaces it with a `CommunityProfilePopup` instead. In fact, this lead to changes in `CommunityProfilePopup` where the `activeCommunity` dependency is entirely removed, which allows us to use this popup in various places given that it's hydrated with proper data. Because we're no longer relying on `activeCommunity` inside that popup, all of its children and connected popups needed that same refactor as well, hence this PR introduces a few more changes. Closes #2890
2021-07-16 12:36:27 +00:00
property var community
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
signal transferOwnershipButtonClicked()
signal leaveButtonClicked()
refactor(desktop/chat) Cleaning up panels
2021-10-21 00:41:54 +00:00
signal copyToClipboard(string link)
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
Item {
ui(Communities): remove unnecessary dividers in modals There was a change in StatusQ that introduced dividers for modal footers and headers, so we don't need to put them in the content manually anymore. This commit removes the no longer needed ones.
2021-07-16 07:53:41 +00:00
height: Math.max(46, communityDescription.height + 16)
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
width: parent.width
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
StatusBaseText {
id: communityDescription
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16
anchors.rightMargin: 16
refactor(Communities): replace `CommunityMembersPopup` with `CommunityProfilePopup` When right-clicking a community from the navbar and selecting "View community", Status Desktop opens `CommunityMembersPopup` which looks like it was either never really finished or more of an intermediate solution until a proper community profile popup was created. That's why this commit replaces it with a `CommunityProfilePopup` instead. In fact, this lead to changes in `CommunityProfilePopup` where the `activeCommunity` dependency is entirely removed, which allows us to use this popup in various places given that it's hydrated with proper data. Because we're no longer relying on `activeCommunity` inside that popup, all of its children and connected popups needed that same refactor as well, hence this PR introduces a few more changes. Closes #2890
2021-07-16 12:36:27 +00:00
text: root.community.description
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
font.pixelSize: 15
color: Theme.palette.directColor1
wrapMode: Text.Wrap
fix(Chat/Communities): Don't allow HTML in communities name and description Changes: - Don't allow HTML tag special characters in Saved Addresses - Don't show rich text in community description Fixes: #4961
2022-03-28 12:53:50 +00:00
textFormat: Text.PlainText
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
}
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
}
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
StatusModalDivider {
bottomPadding: 8
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
}
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
StatusDescriptionListItem {
chore(translations): transform `qsTrId` to `qsTr` issue: #4544
2022-04-04 11:26:30 +00:00
title: qsTr("Share community")
fix: ‘Share community’ URL is unnecessarily ellipsed - set the width on title/subtitle - put the subtitle with its optional icon into a Row - elide title/subtitle - update Sandbox Fixes #9701
2023-03-14 19:20:25 +00:00
subTitle: Utils.getCommunityShareLink(root.community.id)
fix(desktop/chat): Update copy button tooltip text in communities Change copy buttons tooltip text from “Copy to clipboard” into “Copied!” in panels: "Add members" and "Manage community" Fixes #3520
2022-03-07 11:35:30 +00:00
tooltip.text: qsTr("Copied!")
feat(Desktop)!: Updating desktop app due to IconSettings refactor As part of https://github.com/status-im/StatusQ/issues/781
2022-08-11 11:55:08 +00:00
asset.name: "copy"
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
iconButton.onClicked: {
feat(@desktop/general): Use compressed community key in deep links Issue #8001
2022-10-26 14:08:59 +00:00
let link = Utils.getCommunityShareLink(root.community.id)
refactor(desktop/chat) Cleaning up panels
2021-10-21 00:41:54 +00:00
root.copyToClipboard(link);
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
tooltip.visible = !tooltip.visible
}
width: parent.width
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
}
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
StatusModalDivider {
topPadding: 8
bottomPadding: 8
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
}
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
StatusListItem {
anchors.horizontalCenter: parent.horizontalCenter
feat(@desktop/community): Community admin permissions (#10909) * chore: - replaced admin bool to memberRole - activate admin permissions - configured admin restrictions
2023-06-14 16:00:41 +00:00
visible: root.community.memberRole === Constants.memberRole.owner
chore(translations): transform `qsTrId` to `qsTr` issue: #4544
2022-04-04 11:26:30 +00:00
title: qsTr("Transfer ownership")
feat(Desktop)!: Updating desktop app due to IconSettings refactor As part of https://github.com/status-im/StatusQ/issues/781
2022-08-11 11:55:08 +00:00
asset.name: "exchange"
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
type: StatusListItem.Type.Secondary
fix(StatusListItem): fix `sensor.onClicked` to `onClicked` Closes: #7135
2022-08-24 14:37:05 +00:00
onClicked: root.transferOwnershipButtonClicked()
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
}
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
refactor(Communities) replace `CommunityProfilePopup` with `StatusModal` This commit refactors the `CommunityProfilePopup` to use `StatusModal`. Since it's made of various popup content components, it also updates the memberlist, the overview and the invite friends view, so it doesn't break the UI along the way. Closes: #2885, #2887, #2888
2021-07-15 11:15:56 +00:00
StatusListItem {
anchors.horizontalCenter: parent.horizontalCenter
fix: community context menu should not say "Leave community" if not joined - get rid of the `amISectionAdmin` for good (was done only partially in 82a1ed2f7aa46750fb5ab891e2ce40f61287eccb) - fix the corresponding storybook pages Fixes #10963
2023-06-19 14:16:35 +00:00
visible: root.community.memberRole !== Constants.memberRole.owner
fix: community context menu should not say "Leave community" if not joined - differentiate between "Close" and "Leave" a community where the former applies to spectated communities - move the "leave community" confirmation popup to a shared place (Popups.qml), extend it with the outro message and reuse it everywhere - don't let admins leave a community - some minor cleanups and dead code removals Fixes #10963
2023-06-14 08:42:52 +00:00
title: root.community.spectated ? qsTr("Close Community") : qsTr("Leave Community")
asset.name: root.community.spectated ? "close-circle" : "arrow-left"
fix(Communities): reintroduce danger list item for "leave community" button This was already one in https://github.com/status-im/status-desktop/commit/78f7e0f4e07448f7c634160e0b68308037dacb32 but due to lack of updated designs, it was accidently undone in the refactor of community modals.
2021-07-21 09:52:10 +00:00
type: StatusListItem.Type.Danger
fix(StatusListItem): fix `sensor.onClicked` to `onClicked` Closes: #7135
2022-08-24 14:37:05 +00:00
onClicked: root.leaveButtonClicked()
refactor(Communities): use StackView inside profile popup for memberlist Prior to this commit, the community memberlist was represented in a nested modal which doesn't adhere to the designs. Rather, the section should render inside the existing modal, requiring it to be refactored using a `StackView`. This commit refactors the community profile popup so that the different content sections ("Overview" and "MemberList") are rendered inside of the popup and can be pushed onto and popped off a stack view. The content components (newly introduced in this commit) `CommunityProfilePopupMembersList` and `CommunityProfilePopupOverview` need to define a `headerTitle`, `headerDescription` and if needed `imageSource` so they can alter the modal's header. The same pattern might be used in other places of the modal if required. Partially fixes #1959
2021-03-16 13:07:09 +00:00
}
}