246 lines
8.2 KiB
QML
246 lines
8.2 KiB
QML
import QtQuick 2.12
|
||
import QtQuick.Controls 2.3
|
||
import QtGraphicalEffects 1.13
|
||
import QtQuick.Dialogs 1.3
|
||
import "../../../../imports"
|
||
import "../../../../shared"
|
||
|
||
import StatusQ.Core 0.1
|
||
import StatusQ.Core.Theme 0.1
|
||
import StatusQ.Components 0.1
|
||
import StatusQ.Controls 0.1
|
||
import StatusQ.Popups 0.1
|
||
|
||
StatusModal {
|
||
property string communityId
|
||
property string categoryId
|
||
property string categoryName: ""
|
||
property var channels: []
|
||
|
||
property bool isEdit: false
|
||
|
||
readonly property int maxCategoryNameLength: 30
|
||
readonly property var categoryNameValidator: Utils.Validate.NoEmpty
|
||
| Utils.Validate.TextLength
|
||
|
||
id: popup
|
||
|
||
onOpened: {
|
||
if(isEdit){
|
||
popup.contentComponent.categoryName.text = categoryName
|
||
channels = JSON.parse(chatsModel.communities.activeCommunity.getChatIdsByCategory(categoryId))
|
||
}
|
||
popup.contentComponent.categoryName.forceActiveFocus(Qt.MouseFocusReason)
|
||
}
|
||
onClosed: destroy()
|
||
|
||
function isFormValid() {
|
||
return Utils.validateAndReturnError(popup.contentComponent.categoryName.text,
|
||
categoryNameValidator,
|
||
qsTr("category name"),
|
||
maxCategoryNameLength) === ""
|
||
}
|
||
|
||
header.title: isEdit ?
|
||
qsTr("Edit category") :
|
||
qsTr("New category")
|
||
|
||
content: ScrollView {
|
||
id: scrollView
|
||
|
||
width: popup.width
|
||
height: Math.min(content.height, 432)
|
||
|
||
property ScrollBar vScrollBar: ScrollBar.vertical
|
||
property alias categoryName: nameInput
|
||
|
||
contentHeight: content.height
|
||
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
||
clip: true
|
||
|
||
function scrollBackUp() {
|
||
vScrollBar.setPosition(0)
|
||
}
|
||
|
||
Column {
|
||
id: content
|
||
width: parent.width
|
||
|
||
StatusModalDivider {
|
||
bottomPadding: 8
|
||
}
|
||
|
||
Item {
|
||
width: parent.width
|
||
height: 76
|
||
Input {
|
||
id: nameInput
|
||
width: parent.width -32
|
||
|
||
anchors.centerIn: parent
|
||
anchors.left: undefined
|
||
anchors.right: undefined
|
||
|
||
placeholderText: qsTr("Category title")
|
||
maxLength: maxCategoryNameLength
|
||
|
||
onTextEdited: {
|
||
validationError = Utils.validateAndReturnError(text,
|
||
categoryNameValidator,
|
||
qsTr("category name"),
|
||
maxCategoryNameLength)
|
||
}
|
||
}
|
||
}
|
||
|
||
StatusModalDivider {
|
||
topPadding: 8
|
||
bottomPadding: 8
|
||
}
|
||
|
||
Item {
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
width: parent.width - 32
|
||
height: 34
|
||
StatusBaseText {
|
||
text: qsTr("Channels")
|
||
anchors.bottom: parent.bottom
|
||
anchors.bottomMargin: 4
|
||
font.pixelSize: 15
|
||
color: Theme.palette.baseColor1
|
||
}
|
||
}
|
||
|
||
ListView {
|
||
id: communityChannelList
|
||
height: childrenRect.height
|
||
model: chatsModel.communities.activeCommunity.chats
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
|
||
delegate: StatusListItem {
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
width: parent.width - 32
|
||
visible: popup.isEdit ?
|
||
model.category === popup.categoryId || model.categoryId === "" :
|
||
model.categoryId === ""
|
||
|
||
title: "#" + model.name
|
||
icon.isLetterIdenticon: true
|
||
icon.background.color: model.color
|
||
sensor.onClicked: channelItemCheckbox.checked = !channelItemCheckbox.checked
|
||
|
||
components: [
|
||
StatusCheckBox {
|
||
id: channelItemCheckbox
|
||
checked: popup.isEdit ? channels.indexOf(model.id) > - 1 : false
|
||
onCheckedChanged: {
|
||
var idx = channels.indexOf(model.id)
|
||
if(checked){
|
||
if(idx === -1){
|
||
channels.push(model.id)
|
||
}
|
||
} else {
|
||
if(idx > -1){
|
||
channels.splice(idx, 1);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
|
||
StatusModalDivider {
|
||
visible: deleteCategoryButton.visible
|
||
topPadding: 8
|
||
bottomPadding: 8
|
||
}
|
||
|
||
StatusListItem {
|
||
id: deleteCategoryButton
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
visible: isEdit
|
||
|
||
title: qsTr("Delete category")
|
||
icon.name: "delete"
|
||
type: StatusListItem.Type.Danger
|
||
sensor.onClicked: {
|
||
openPopup(deleteCategoryConfirmationDialogComponent, {
|
||
title: qsTr("Delete %1 category").arg(popup.contentComponent.categoryName.text),
|
||
confirmationText: qsTr("Are you sure you want to delete %1 category? Channels inside the category won’t be deleted.").arg(popup.contentComponent.categoryName.text)
|
||
|
||
})
|
||
}
|
||
}
|
||
|
||
StatusModalDivider {
|
||
topPadding: 8
|
||
}
|
||
|
||
Component {
|
||
id: deleteCategoryConfirmationDialogComponent
|
||
ConfirmationDialog {
|
||
btnType: "warn"
|
||
height: 216
|
||
showCancelButton: true
|
||
onClosed: {
|
||
destroy()
|
||
}
|
||
onCancelButtonClicked: {
|
||
close();
|
||
}
|
||
onConfirmButtonClicked: function(){
|
||
const error = chatsModel.communities.deleteCommunityCategory(chatsModel.communities.activeCommunity.id, popup.categoryId)
|
||
if (error) {
|
||
creatingError.text = error
|
||
return creatingError.open()
|
||
}
|
||
close();
|
||
popup.close()
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
rightButtons: [
|
||
StatusButton {
|
||
enabled: isFormValid()
|
||
text: isEdit ?
|
||
qsTr("Save") :
|
||
qsTr("Create")
|
||
onClicked: {
|
||
if (!isFormValid()) {
|
||
scrollView.scrollBackUp()
|
||
return
|
||
}
|
||
|
||
let error = ""
|
||
|
||
if (isEdit) {
|
||
error = chatsModel.communities.editCommunityCategory(communityId, categoryId, Utils.filterXSS(nameInput.text), JSON.stringify(channels))
|
||
} else {
|
||
error = chatsModel.communities.createCommunityCategory(communityId, Utils.filterXSS(popup.contentComponent.categoryName.text), JSON.stringify(channels))
|
||
}
|
||
|
||
if (error) {
|
||
categoryError.text = error
|
||
return categoryError.open()
|
||
}
|
||
|
||
popup.close()
|
||
}
|
||
}
|
||
]
|
||
|
||
MessageDialog {
|
||
id: categoryError
|
||
title: isEdit ?
|
||
qsTr("Error editing the category") :
|
||
qsTr("Error creating the category")
|
||
icon: StandardIcon.Critical
|
||
standardButtons: StandardButton.Ok
|
||
}
|
||
}
|