mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-11 06:06:30 +00:00
0c2674e7cb
After this change there is not need to pass sendModal instance from AppMain to other parts of app. Then SendModal should be launched simply by calling Global.openSendModal(....)
385 lines
14 KiB
QML
385 lines
14 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Layouts 1.14
|
|
import QtQuick.Controls 2.14
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Core.Utils 0.1 as SQUtils
|
|
|
|
import AppLayouts.Communities.layouts 1.0
|
|
import AppLayouts.Communities.panels 1.0
|
|
import AppLayouts.Communities.popups 1.0
|
|
import AppLayouts.Communities.helpers 1.0
|
|
|
|
import shared.popups 1.0
|
|
|
|
|
|
import utils 1.0
|
|
|
|
StackLayout {
|
|
id: root
|
|
|
|
required property bool isOwner
|
|
required property bool isAdmin
|
|
required property bool isTokenMaster
|
|
|
|
property string communityId
|
|
property string name
|
|
property string description
|
|
property string introMessage
|
|
property string outroMessage
|
|
property string logoImageData
|
|
property string bannerImageData
|
|
property rect bannerCropRect
|
|
property color color
|
|
property string tags
|
|
property string selectedTags
|
|
property bool archiveSupportEnabled
|
|
property bool requestToJoinEnabled
|
|
property bool pinMessagesEnabled
|
|
property string previousPageName: (currentIndex === 1) ? qsTr("Overview") : ""
|
|
|
|
property bool archiveSupporVisible: true
|
|
property bool editable: false
|
|
property bool isControlNode: false
|
|
property int loginType: Constants.LoginType.Password
|
|
property bool communitySettingsDisabled
|
|
property var ownerToken: null
|
|
|
|
property string overviewChartData: ""
|
|
|
|
property bool shardingEnabled
|
|
property int shardIndex: -1
|
|
property bool shardingInProgress
|
|
property string pubsubTopic
|
|
property string pubsubTopicKey
|
|
|
|
property bool isTokenDeployed: !!root.ownerToken && root.ownerToken.deployState === Constants.ContractTransactionStatus.Completed
|
|
|
|
// Community transfer ownership related props:
|
|
required property bool isPendingOwnershipRequest
|
|
signal finaliseOwnershipClicked
|
|
|
|
function navigateBack() {
|
|
if (editSettingsPanelLoader.item.dirty)
|
|
settingsDirtyToastMessage.notifyDirty()
|
|
else
|
|
root.currentIndex = 0
|
|
}
|
|
|
|
signal collectCommunityMetricsMessagesCount(var intervals)
|
|
|
|
signal edited(Item item) // item containing edited fields (name, description, logoImagePath, color, options, etc..)
|
|
|
|
signal airdropTokensClicked
|
|
signal exportControlNodeClicked
|
|
signal importControlNodeClicked
|
|
signal mintOwnerTokenClicked
|
|
|
|
signal shardIndexEdited(int shardIndex)
|
|
|
|
clip: true
|
|
|
|
Component {
|
|
id: mainSettingsPageComp
|
|
ColumnLayout {
|
|
spacing: 16
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
spacing: 16
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
Layout.maximumWidth: 747
|
|
|
|
StatusBaseText {
|
|
id: nameText
|
|
objectName: "communityOverviewSettingsCommunityName"
|
|
Layout.fillWidth: true
|
|
font.pixelSize: 28
|
|
font.bold: true
|
|
font.letterSpacing: -0.4
|
|
color: Theme.palette.directColor1
|
|
wrapMode: Text.WordWrap
|
|
text: root.name
|
|
}
|
|
|
|
StatusBaseText {
|
|
id: descriptionText
|
|
objectName: "communityOverviewSettingsCommunityDescription"
|
|
Layout.fillWidth: true
|
|
font.pixelSize: 15
|
|
color: Theme.palette.directColor1
|
|
wrapMode: Text.WordWrap
|
|
text: root.description
|
|
}
|
|
}
|
|
|
|
Item { Layout.fillWidth: true }
|
|
|
|
StatusButton {
|
|
Layout.preferredHeight: 38
|
|
Layout.alignment: Qt.AlignTop
|
|
objectName: "communityOverviewSettingsTransferOwnershipButton"
|
|
visible: root.isOwner
|
|
text: qsTr("Transfer ownership")
|
|
size: StatusBaseButton.Size.Small
|
|
|
|
onClicked: {
|
|
if(!!root.ownerToken && root.ownerToken.deployState === Constants.ContractTransactionStatus.Completed) {
|
|
Global.openTransferOwnershipPopup(root.communityId,
|
|
root.name,
|
|
root.logoImageData,
|
|
{
|
|
key: "0",
|
|
privilegesLevel: root.ownerToken.privilegesLevel,
|
|
chainId: root.ownerToken.chainId,
|
|
name: root.ownerToken.name,
|
|
artworkSource: root.ownerToken.image,
|
|
accountAddress: root.ownerToken.accountAddress.toLowerCase(),
|
|
tokenAddress: root.ownerToken.tokenAddress.toLowerCase()
|
|
})
|
|
} else {
|
|
Global.openPopup(transferOwnershipAlertPopup, { mode: TransferOwnershipAlertPopup.Mode.TransferOwnership })
|
|
}
|
|
}
|
|
}
|
|
|
|
StatusButton {
|
|
Layout.preferredHeight: 38
|
|
Layout.alignment: Qt.AlignTop
|
|
objectName: "communityOverviewSettingsEditCommunityButton"
|
|
visible: root.editable
|
|
text: qsTr("Edit Community")
|
|
onClicked: root.currentIndex = 1
|
|
size: StatusBaseButton.Size.Small
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
|
|
implicitHeight: 1
|
|
color: Theme.palette.statusMenu.separatorColor
|
|
}
|
|
|
|
OverviewSettingsChart {
|
|
model: JSON.parse(root.overviewChartData)
|
|
onCollectCommunityMetricsMessagesCount: {
|
|
root.collectCommunityMetricsMessagesCount(intervals)
|
|
}
|
|
Layout.topMargin: 16
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
Layout.bottomMargin: 16
|
|
|
|
Connections {
|
|
target: root
|
|
function onCommunityIdChanged() {
|
|
reset()
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
visible: mainSettingsPage.footer.active
|
|
implicitHeight: 1
|
|
color: Theme.palette.statusMenu.separatorColor
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: overviewSettingsFooterComp
|
|
|
|
OverviewSettingsFooter {
|
|
rightPadding: 64
|
|
leftPadding: 64
|
|
bottomPadding: 64
|
|
topPadding: 0
|
|
communityName: root.name
|
|
communityColor: root.color
|
|
isControlNode: root.isControlNode
|
|
isPendingOwnershipRequest: root.isPendingOwnershipRequest
|
|
isPromoteSelfToControlNodeEnabled: root.isControlNode || root.isTokenDeployed
|
|
|
|
onExportControlNodeClicked:{
|
|
if(root.isTokenDeployed) {
|
|
root.exportControlNodeClicked()
|
|
} else {
|
|
Global.openPopup(transferOwnershipAlertPopup, { mode: TransferOwnershipAlertPopup.Mode.MoveControlNode })
|
|
}
|
|
}
|
|
onImportControlNodeClicked: root.importControlNodeClicked()
|
|
onFinaliseOwnershipTransferClicked: root.finaliseOwnershipClicked()
|
|
onLearnMoreClicked: Global.openLink(Constants.statusHelpLinkPrefix + "communities/about-the-control-node-in-status-communities")
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: disabledSettingsBannerComp
|
|
StatusInfoBoxPanel {
|
|
title: qsTr("Community administration is disabled when in testnet mode")
|
|
text: qsTr("To access your %1 community admin area, you need to turn off testnet mode.").arg(root.name)
|
|
icon: "settings"
|
|
iconType: StatusInfoBoxPanel.Type.Warning
|
|
buttonText: qsTr("Turn off testnet mode")
|
|
onClicked: Global.openTestnetPopup()
|
|
}
|
|
}
|
|
|
|
SettingsPage {
|
|
id: mainSettingsPage
|
|
Layout.fillWidth: !root.communitySettingsDisabled
|
|
Layout.preferredWidth: root.communitySettingsDisabled ? 560 + leftPadding + rightPadding : -1
|
|
Layout.fillHeight: !root.communitySettingsDisabled
|
|
rightPadding: 64
|
|
bottomPadding: 50
|
|
topPadding: 0
|
|
header: null
|
|
contentItem: Loader {
|
|
sourceComponent: root.communitySettingsDisabled ? disabledSettingsBannerComp : mainSettingsPageComp
|
|
}
|
|
|
|
footer: Loader {
|
|
sourceComponent: overviewSettingsFooterComp
|
|
active: {
|
|
if (root.communitySettingsDisabled)
|
|
return false
|
|
if (root.isAdmin || root.isTokenMaster)
|
|
return root.isPendingOwnershipRequest // not allowed for admin or TM unless there's the pending request
|
|
return true
|
|
}
|
|
}
|
|
}
|
|
|
|
SettingsPage {
|
|
id: editCommunityPage
|
|
|
|
title: qsTr("Edit Community")
|
|
|
|
contentItem: Loader {
|
|
id: editSettingsPanelLoader
|
|
|
|
active: false
|
|
|
|
onVisibleChanged: {
|
|
if (visible) {
|
|
active = true
|
|
}
|
|
}
|
|
|
|
function reloadContent() {
|
|
active = false
|
|
active = true
|
|
}
|
|
|
|
sourceComponent: EditSettingsPanel {
|
|
id: editSettingsPanel
|
|
|
|
function isValidRect(r /*rect*/) {
|
|
return r.width !== 0 && r.height !== 0
|
|
}
|
|
|
|
readonly property bool dirty:
|
|
root.name != name ||
|
|
root.description != description ||
|
|
root.introMessage != introMessage ||
|
|
root.outroMessage != outroMessage ||
|
|
root.archiveSupportEnabled != options.archiveSupportEnabled ||
|
|
root.requestToJoinEnabled != options.requestToJoinEnabled ||
|
|
root.pinMessagesEnabled != options.pinMessagesEnabled ||
|
|
root.color != color ||
|
|
root.selectedTags != selectedTags ||
|
|
root.logoImageData != logoImageData ||
|
|
logoImagePath.length > 0 ||
|
|
isValidRect(logoCropRect) ||
|
|
root.bannerImageData != bannerImageData ||
|
|
bannerPath.length > 0 ||
|
|
isValidRect(bannerCropRect)
|
|
|
|
name: root.name
|
|
description: root.description
|
|
introMessage: root.introMessage
|
|
outroMessage: root.outroMessage
|
|
tags: root.tags
|
|
selectedTags: root.selectedTags
|
|
color: root.color
|
|
logoImageData: root.logoImageData
|
|
bannerImageData: root.bannerImageData
|
|
|
|
options {
|
|
archiveSupportEnabled: root.archiveSupportEnabled
|
|
archiveSupporVisible: root.archiveSupporVisible
|
|
requestToJoinEnabled: root.requestToJoinEnabled
|
|
pinMessagesEnabled: root.pinMessagesEnabled
|
|
}
|
|
|
|
shardingEnabled: root.shardingEnabled
|
|
shardIndex: root.shardIndex
|
|
shardingInProgress: root.shardingInProgress
|
|
pubsubTopic: root.pubsubTopic
|
|
pubsubTopicKey: root.pubsubTopicKey
|
|
|
|
bottomReservedSpace:
|
|
Qt.size(settingsDirtyToastMessage.implicitWidth,
|
|
settingsDirtyToastMessage.implicitHeight +
|
|
settingsDirtyToastMessage.anchors.bottomMargin)
|
|
|
|
bottomReservedSpaceActive: dirty
|
|
|
|
Binding {
|
|
target: editSettingsPanel.flickable
|
|
property: "bottomMargin"
|
|
value: 24
|
|
}
|
|
|
|
onShardIndexEdited: root.shardIndexEdited(shardIndex)
|
|
}
|
|
}
|
|
|
|
SettingsDirtyToastMessage {
|
|
id: settingsDirtyToastMessage
|
|
|
|
z: 1
|
|
anchors {
|
|
bottom: parent.bottom
|
|
horizontalCenter: parent.horizontalCenter
|
|
bottomMargin: 16
|
|
}
|
|
|
|
active: !!editSettingsPanelLoader.item &&
|
|
editSettingsPanelLoader.item.dirty
|
|
visible: active
|
|
|
|
saveChangesButtonEnabled:
|
|
!!editSettingsPanelLoader.item &&
|
|
editSettingsPanelLoader.item.saveChangesButtonEnabled
|
|
|
|
onResetChangesClicked: editSettingsPanelLoader.reloadContent()
|
|
|
|
onSaveChangesClicked: {
|
|
root.currentIndex = 0
|
|
root.edited(editSettingsPanelLoader.item)
|
|
editSettingsPanelLoader.reloadContent()
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: transferOwnershipAlertPopup
|
|
|
|
TransferOwnershipAlertPopup {
|
|
destroyOnClose: true
|
|
communityName: root.name
|
|
communityLogo: root.logoImageData
|
|
|
|
onMintClicked: root.mintOwnerTokenClicked()
|
|
}
|
|
}
|
|
}
|