qt-creator/share/qtcreator/qmldesigner/effectComposerQmlSources/SaveAsDialog.qml

// Copyright (C) 2023 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only WITH Qt-GPL-exception-1.0

import QtQuick
import QtQuick.Controls
import HelperWidgets as HelperWidgets
import StudioControls as StudioControls
import StudioTheme as StudioTheme
import EffectComposerBackend

StudioControls.Dialog {
    id: root

    title: qsTr("Save Effect")

    closePolicy: Popup.CloseOnEscape
    modal: true
    implicitWidth: 250
    implicitHeight: 160

    property bool clearOnClose: false // clear the effect composer after saving

    onOpened: {
        nameText.text = EffectComposerBackend.effectComposerModel.getUniqueEffectName()
        nameText.selectAll()
        nameText.forceActiveFocus()
        emptyText.text = ""
    }

    contentItem: Item {
        Column {
            spacing: 2

            Row {
                id: row
                Text {
                    text: qsTr("Effect name: ")
                    anchors.verticalCenter: parent.verticalCenter
                    color: StudioTheme.Values.themeTextColor
                }

                StudioControls.TextField {
                    id: nameText

                    actionIndicator.visible: false
                    translationIndicator.visible: false

                    onTextChanged: {
                        let errMsg = ""
                        if (/[^A-Za-z0-9_]+/.test(text))
                            errMsg = qsTr("Name contains invalid characters.")
                        else if (!/^[A-Z]/.test(text))
                            errMsg = qsTr("Name must start with a capital letter")
                        else if (text.length < 3)
                            errMsg = qsTr("Name must have at least 3 characters")
                        else if (/\s/.test(text))
                            errMsg = qsTr("Name cannot contain white space")

                        emptyText.text = errMsg
                        btnSave.enabled = errMsg.length === 0
                    }
                    Keys.onEnterPressed: btnSave.onClicked()
                    Keys.onReturnPressed: btnSave.onClicked()
                    Keys.onEscapePressed: root.reject()
                }
            }

            Text {
                id: emptyText

                color: StudioTheme.Values.themeError
                anchors.right: row.right
            }
        }

        Row {
            anchors.right: parent.right
            anchors.bottom: parent.bottom
            spacing: 2

            HelperWidgets.Button {
                id: btnSave

                text: qsTr("Save")
                enabled: nameText.text !== ""
                onClicked: {
                    if (!enabled) // needed since this event handler can be triggered from keyboard events
                        return

                    EffectComposerBackend.effectComposerModel.saveComposition(nameText.text)

                    if (root.clearOnClose) {
                        EffectComposerBackend.effectComposerModel.clear(true)
                        root.clearOnClose = false
                    }

                    root.accept() // TODO: confirm before overriding effect with same name
                }
            }

            HelperWidgets.Button {
                text: qsTr("Cancel")

                onClicked: {
                    if (root.clearOnClose) {
                        EffectComposerBackend.effectComposerModel.clear()
                        root.clearOnClose = false
                    }

                    root.reject()
                }
            }
        }
    }
}