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/Chat/CommunityComponents/CommunityProfilePopupOvervi...

237 lines
8.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.Controls 2.12
import QtQuick.Dialogs 1.3
import QtQuick.Layouts 1.13
import QtGraphicalEffects 1.13
uiux(Communities): various community profile popup ui fixes This commit changes a bunch of things related to ui bugs in the community profile popup. Fixes include: - Removing the `Delete Community` option since this functionality isn't implemented yet - Changing the color of the menu item's icons in dark mode to be blue - Doing the same in the memberlist popup
2021-04-20 09:21:01 +00:00
import QtQuick.Controls.Universal 2.12
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 "../../../../imports"
import "../../../../shared"
import "../../../../shared/status"
import "../ContactsColumn"
Item {
id: root
property string headerTitle: ""
property string headerDescription: ""
property string headerImageSource: ""
property string description: ""
width: parent.width
height: childrenRect.height
StyledText {
id: descriptionText
text: root.description
wrapMode: Text.Wrap
width: parent.width
font.pixelSize: 15
}
Separator {
id: sep1
anchors.left: parent.left
anchors.right: parent.right
anchors.top: descriptionText.bottom
anchors.topMargin: Style.current.smallPadding
anchors.leftMargin: -Style.current.padding
anchors.rightMargin: -Style.current.padding
}
TextWithLabel {
id: shareCommunity
anchors.top: sep1.bottom
anchors.topMargin: Style.current.bigPadding
//% "Share community"
label: qsTrId("share-community")
fix: fix community not being passed correctly to the invite bubble
2021-03-17 15:56:27 +00:00
text: `${Constants.communityLinkPrefix}${communityId.substring(0, 4)}...${communityId.substring(communityId.length -2)}`
textToCopy: Constants.communityLinkPrefix + communityId
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
}
Separator {
id: sep2
anchors.left: parent.left
anchors.right: parent.right
anchors.top: shareCommunity.bottom
anchors.topMargin: Style.current.smallPadding
anchors.leftMargin: -Style.current.padding
anchors.rightMargin: -Style.current.padding
}
Column {
anchors.top: sep2.bottom
anchors.topMargin: Style.current.halfPadding
width: parent.width
Loader {
width: parent.width
sourceComponent: Component {
CommunityPopupButton {
id: memberBtn
label: qsTr("Members")
iconName: "members"
txtColor: Style.current.textColor
onClicked: stack.push(membersList)
uiux(Communities): various community profile popup ui fixes This commit changes a bunch of things related to ui bugs in the community profile popup. Fixes include: - Removing the `Delete Community` option since this functionality isn't implemented yet - Changing the color of the menu item's icons in dark mode to be blue - Doing the same in the memberlist popup
2021-04-20 09:21:01 +00:00
type: globalSettings.theme === Universal.Dark ? "secondary" : "primary"
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
Item {
property int nbRequests: chatsModel.communities.activeCommunity.communityMembershipRequests.nbRequests
id: memberBlock
anchors.right: parent.right
anchors.rightMargin: Style.current.padding
anchors.verticalCenter: parent.verticalCenter
width: childrenRect.width
height: memberBtn.height
StyledText {
id: nbMemberText
text: nbMembers.toString()
anchors.verticalCenter: parent.verticalCenter
padding: 0
font.pixelSize: 15
color: Style.current.secondaryText
}
Rectangle {
id: badge
visible: memberBlock.nbRequests > 0
anchors.left: nbMemberText.right
anchors.leftMargin: visible ? Style.current.halfPadding : 0
anchors.verticalCenter: parent.verticalCenter
color: Style.current.blue
width: visible ? 22 : 0
height: 22
radius: width / 2
Text {
font.pixelSize: 12
color: Style.current.white
anchors.centerIn: parent
text: memberBlock.nbRequests
}
}
SVGImage {
id: caret
anchors.left: badge.right
anchors.leftMargin: Style.current.padding
anchors.verticalCenter: parent.verticalCenter
source: "../../../img/caret.svg"
width: 13
height: 7
rotation: -90
ColorOverlay {
anchors.fill: parent
source: parent
color: Style.current.secondaryText
}
}
}
}
}
}
// TODO add this back when roles exist
// Loader {
// active: isAdmin
// width: parent.width
// sourceComponent: CommunityPopupButton {
// label: qsTr("Roles")
// iconName: "roles"
// width: parent.width
// onClicked: console.log("TODO:")
// txtColor: Style.current.textColor
// SVGImage {
// anchors.verticalCenter: parent.verticalCenter
// anchors.right: parent.right
// anchors.rightMargin: Style.current.padding
// source: "../../../img/caret.svg"
// width: 13
// height: 7
// rotation: -90
// ColorOverlay {
// anchors.fill: parent
// source: parent
// color: Style.current.secondaryText
// }
// }
// }
// }
feat(community): add notification setting to community Fixes #2421
2021-06-29 17:42:13 +00:00
CommunityPopupButton {
id: notificationsBtn
//% "Notifications"
label: qsTrId("notifications")
iconName: "notifications"
width: parent.width
txtColor: Style.current.textColor
type: globalSettings.theme === Universal.Dark ? "secondary" : "primary"
onClicked: function(){
notificationSwitch.clicked()
}
StatusSwitch {
id: notificationSwitch
checked: !chatsModel.communities.activeCommunity.muted
anchors.right: parent.right
anchors.rightMargin: Style.current.padding
anchors.verticalCenter: parent.verticalCenter
onClicked: function () {
chatsModel.communities.setCommunityMuted(chatsModel.communities.activeCommunity.id, notificationSwitch.checked)
}
}
}
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
Item {
id: spacer1
width: parent.width
height: Style.current.halfPadding
}
Separator {
anchors.left: parent.left
anchors.right: parent.right
anchors.rightMargin: -Style.current.padding
anchors.leftMargin: -Style.current.padding
}
Item {
id: spacer2
width: parent.width
height: Style.current.halfPadding
}
Loader {
feat: edit communities Allow editing of Community name, description, image, colour, and access.
2021-05-24 03:09:49 +00:00
// TODO: once Edit is vailable in the app, put back isAdmin
active: isAdmin
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
sourceComponent: CommunityPopupButton {
//% "Edit community"
label: qsTrId("edit-community")
iconName: "edit"
feat: edit communities Allow editing of Community name, description, image, colour, and access.
2021-05-24 03:09:49 +00:00
type: globalSettings.theme === Universal.Dark ? "secondary" : "primary"
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
onClicked: openPopup(editCommunityPopup)
}
}
Loader {
active: isAdmin
width: parent.width
sourceComponent: CommunityPopupButton {
label: qsTr("Transfer ownership")
iconName: "../transfer"
uiux(Communities): various community profile popup ui fixes This commit changes a bunch of things related to ui bugs in the community profile popup. Fixes include: - Removing the `Delete Community` option since this functionality isn't implemented yet - Changing the color of the menu item's icons in dark mode to be blue - Doing the same in the memberlist popup
2021-04-20 09:21:01 +00:00
type: globalSettings.theme === Universal.Dark ? "secondary" : "primary"
feat(Communities): add Back up community rectangle for admins Fixes #2417
2021-04-28 19:03:41 +00:00
onClicked: openPopup(transferOwnershipPopup, {privateKey: chatsModel.communities.exportComumnity()})
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
}
}
CommunityPopupButton {
//% "Leave community"
label: qsTrId("leave-community")
iconName: "leave"
[#2398] Updating "leave community" button color It should be red instead of blue Closes #2398
2021-07-13 13:32:54 +00:00
type: "warn"
txtColor: Style.current.red
fix(Community): leave community from Community profile popup
2021-05-04 15:03:41 +00:00
onClicked: chatsModel.communities.leaveCommunity(communityId)
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
}
}
}