What is the problem in this qml file?

[CKurdu]

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Window 2.15
import constants
import components.input_forms

Item {
    id: settingsDialog

    anchors.centerIn: parent
    visible: false

    property alias isBusyAddCamera: addCamera.isBusy
    property var camGridRef
    property var bottomBarRef
    property var restClient

    AddCamera {
        id: addCamera
        visible: false
        modal: true
        focus: true

        onChooseIPFromLANClicked: {
            console.log("Choose IP from LAN clicked")
        }

        onSelectLocalWebcamClicked: {
            console.log("Select local Webcam clicked")
        }

        onConnectClicked: {
            processUIData()
        }
        onCancelClicked: hide()
    }

    ListCameras {
        id: listCameras
        modal: true
        focus: true
        visible: false
        bottomMargin: bottomBarRef.height
    }

    VideoRecords {
        id: videoRecords
        visible: false
        modal: true
        focus: true

        Connections {
            target: videoRecords
            visible: false
            pageManager.show("videoRecordsPage")
        }
    }


    VideoPlayer {
        id: videoRecords
        visible: false
        modal: true
        focus: true

        Connections {
            target: videoRecords
            visible: false
            pageManager.show("videoPlayerPage")
        }
    }

    CameraSettings {
        id: cameraSettings
        visible: false
        modal: true
        focus: true
    
        onSubmitClicked: {
            processUIData()
        }
        onCancelClicked: hide()

    }

    states: [
        State {
            name: "hidden"
            PropertyChanges {
                target: settingsDialog
                visible: false
            }
            PropertyChanges {
                target: addCamera
                visible: false
            }
            PropertyChanges {
                target: listCameras
                visible: false
            }
            PropertyChanges {
                target: cameraSettings
                visible: false
            }
            PropertyChanges {
                target: camGridRef
                opacity: 1
                visible: true
            }
            PropertyChanges {
                target: bottomBarRef
                opacity: 1
            }
        },
        State {
            name: "refresh_camera"
            PropertyChanges {
                target: settingsDialog
                visible: false
            }
            PropertyChanges {
                target: addCamera
                visible: false
            }
            PropertyChanges {
                target: listCameras
                visible: false
            }
            PropertyChanges {
                target: cameraSettings
                visible: false
            }
            PropertyChanges {
                target: camGridRef
                opacity: 1
                visible: true
            }
            PropertyChanges {
                target: bottomBarRef
                opacity: 1
            }
        },

        State {
            name: "add_camera"
            PropertyChanges {
                target: settingsDialog
                visible: true
                width: 600
                height: 500
            }
            PropertyChanges {
                target: addCamera
                visible: true
            }
            PropertyChanges {
                target: camGridRef
                opacity: 0.3
                visible: true
            }
            PropertyChanges {
                target: bottomBarRef
                opacity: 0.3
            }
        },

        State {
            name: "list_cameras"
            PropertyChanges {
                target: settingsDialog
                width: camGridRef.width
                height: camGridRef.height
                visible: true
            }
            PropertyChanges {
                target: listCameras
                visible: true
            }
            PropertyChanges {
                target: camGridRef
                visible: false
            }
            PropertyChanges {
                target: bottomBarRef
                opacity: 0.3
            }
        },

        State {
            name: "camera_settings"
            PropertyChanges {
                target: settingsDialog
                visible: true
                width: 400
                height: 300
            }
            PropertyChanges {
                target: cameraSettings
                visible: true
            }
            PropertyChanges {
                target: camGridRef
                opacity: 0.3
                visible: true
            }
            PropertyChanges {
                target: bottomBarRef
                opacity: 0.3
            }
        },

        State {
            name: "video_records"
            PropertyChanges {
                target: settingsDialog
                width: 400
                height: 300
                visible: true
            }
            PropertyChanges {
                target: camGridRef
                visible: false
            }
            PropertyChanges {
                target: bottomBarRef
                opacity: 0.3
            }
        }
    ]

    transitions: Transition {
        NumberAnimation { properties: "opacity"; duration: 200 }
    }

    function changeState(newState) {
        state = newState
    }

    function showVideoRecords() {
        changeState("video_records");
    }

    function hide() { visible = false; state = "hidden" }
    function show() { visible = true }
    function toggle() { visible = !visible }

    function getAllCameras() {
        console.log("get_all_cameras")
        restClient.get_all_cameras()
    }

    function processUIData() {
        console.log("processUIData")
        var jsonData = "" // JSON data to be sent to the server
        if (state == "add_camera") {
            console.log("add_camera camera_id: ", addCamera.camera_id)

            var data = {}
            data["name"] = addCamera.camera_name
            data["xaddr"] = addCamera.camera_url
            data["port"] = addCamera.camera_port
            data["user"] = addCamera.camera_user
            data["password"] = addCamera.camera_password
            data["group"] = addCamera.camera_group
            data["enabled"] = addCamera.camera_enabled
            jsonData = JSON.stringify(data)
            restClient.create_camera(jsonData)
        } else if (state == "cameras") {
            console.log("cameras")
        } else if (state == "camera_settings") {
            console.log("camera_settings")
            restClient.get_camera_settings()
        }
    }

}

What is the problem in this qml file?

[SGaist]

Hi,

What problem do you have with it ?
Which version of Qt are you using ?
On which OS ?

[CKurdu]

pyside6.7.2
linux and windows
Can you look at the "Connections" part?

[SGaist]

You did not answer all of my questions.