mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 14:26:34 +00:00
0efca3f0bd
[Design for edit community settings](https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba⎜Desktop?node-id=3132%3A383870&mode=dev) [Design for create community popup](https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba⎜Desktop?type=design&node-id=2636-359221&mode=design&t=Z888PCuW1eTwF5RY-0) 1. Update alignments, paddings and item size to match the new design 2. Update subtitles (Only for edit community settings. Create community popup has different subtitles) 3. Create new EditCommunitySettingsLayout with the new design to be reused in CreateCommunityPopup 4. Update CreateCommunity popup to align it with the new design 5. Add basic EditSettingsPanelPage to storybook 6. Fix TagsPicker bug where the tags were not showing when opening the edit community settings for the first time
74 lines
2.6 KiB
QML
74 lines
2.6 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Layouts 1.15
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Popups 0.1
|
|
|
|
import AppLayouts.Communities.controls 1.0
|
|
|
|
StatusScrollView {
|
|
id: root
|
|
objectName: "communityEditPanelScrollView"
|
|
|
|
property alias name: baseLayout.name
|
|
property alias description: baseLayout.description
|
|
property alias introMessage: introMessageTextInput.text
|
|
property alias outroMessage: outroMessageTextInput.text
|
|
property alias color: baseLayout.color
|
|
property alias tags: baseLayout.tags
|
|
property alias selectedTags: baseLayout.selectedTags
|
|
property alias options: baseLayout.options
|
|
|
|
property alias logoImageData: baseLayout.logoImageData
|
|
property alias logoImagePath: baseLayout.logoImagePath
|
|
property alias logoCropRect: baseLayout.logoCropRect
|
|
property alias bannerImageData: baseLayout.bannerImageData
|
|
property alias bannerPath: baseLayout.bannerPath
|
|
property alias bannerCropRect: baseLayout.bannerCropRect
|
|
|
|
property size bottomReservedSpace: Qt.size(0, 0)
|
|
property bool bottomReservedSpaceActive: false
|
|
|
|
readonly property bool saveChangesButtonEnabled: !((baseLayout.isNameDirty && !baseLayout.isNameValid) ||
|
|
(baseLayout.isDescriptionDirty && !baseLayout.isDescriptionValid) ||
|
|
(introMessageTextInput.input.dirty && !introMessageTextInput.valid) ||
|
|
(outroMessageTextInput.input.dirty && !outroMessageTextInput.valid))
|
|
|
|
padding: 0
|
|
ColumnLayout {
|
|
id: mainLayout
|
|
width: baseLayout.width
|
|
spacing: 16
|
|
EditCommunitySettingsForm {
|
|
id: baseLayout
|
|
Layout.fillHeight: true
|
|
}
|
|
StatusModalDivider {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: -baseLayout.spacing
|
|
Layout.bottomMargin: 2
|
|
}
|
|
IntroMessageInput {
|
|
id: introMessageTextInput
|
|
input.edit.objectName: "editCommunityIntroInput"
|
|
Layout.fillWidth: true
|
|
minimumHeight: 482
|
|
maximumHeight: 482
|
|
}
|
|
|
|
OutroMessageInput {
|
|
id: outroMessageTextInput
|
|
input.edit.objectName: "editCommunityOutroInput"
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Item {
|
|
// settingsDirtyToastMessage placeholder
|
|
visible: root.bottomReservedSpaceActive
|
|
implicitWidth: root.bottomReservedSpace.width
|
|
implicitHeight: root.bottomReservedSpace.height
|
|
}
|
|
}
|
|
}
|
|
|