use breadcrumps

Author: saeugetier

qml/SettingsMenuForm.ui.qml

@@ -101,6 +101,7 @@ Item {
                         Label {
                             id: labelPhotoDirectory
                             Layout.fillWidth: true
+                            text: applicationSettings.foldername
                         }
                         Item {
                             Layout.fillWidth: true

qml/content/CustomFolderDialog.qml

@@ -30,26 +30,73 @@ Dialog {
             spacing: 10
 
             Text {
-                text: "Select Folder"
+                text: qsTr("Select Folder")
                 font.pixelSize: 20
                 Layout.alignment: Qt.AlignHCenter
             }
 
-            // Path display field (read-only)
-            Label {
-                text: currentFolder
+            RowLayout {
+                id: breadcrumbBar
                 Layout.fillWidth: true
-                horizontalAlignment: Text.AlignLeft
-                wrapMode: Text.WrapAnywhere
-                font.pixelSize: 14
+                spacing: 4
+
+                // Root Button "/"
+                Button {
+                    text: "/"
+                    font.pixelSize: 14
+                    onClicked: {
+                        root.currentFolder = "file:///"
+                        folderModel.folder = root.currentFolder
+                    }
+                }
+
+                Repeater {
+                    model:{
+                        var path = root.currentFolder.toString().replace("file://", "")
+                        var segments = path.split("/").filter(s => s.length > 0)
+                        return segments
+                    }
+
+                    delegate: RowLayout {
+                        spacing: 2
+
+                        Button {
+                            text: modelData === "/" ? "/" : modelData
+                            font.pixelSize: 14
+                            onClicked: {
+                                let segments = root.currentFolder.toString().replace("file://", "").split("/").filter(s => s.length > 0)
+                                let newPath = "/" + segments.slice(0, index + 1).join("/")
+                                root.currentFolder = "file://" + newPath
+                                folderModel.folder = root.currentFolder
+
+                            }
+                        }
+
+                        Text {
+                            text: index < breadcrumbBarRepeater.count - 1 ? " / " : ""
+                            font.pixelSize: 14
+                            color: Material.foreground
+                        }
+                    }
+
+                    id: breadcrumbBarRepeater
+                }
+            }
+
+            RowLayout {
+                ToolSeparator {
+                    Layout.fillWidth: true
+                    orientation: Qt.Horizontal
+                }
             }
 
             RowLayout {
                 Layout.fillWidth: true
                 spacing: 10
 
+
                 Button {
-                    text: "Go Up"
+                    text: qsTr("Parent folder")
                     enabled: currentFolder !== "file:///"
                     onClicked: {
                         var path = currentFolder.toString().replace("file://", "")
@@ -68,8 +115,12 @@ Dialog {
                     }
                 }
 
+                Item {
+                    Layout.fillWidth: true
+                }
+
                 Button {
-                    text: createMode ? "Cancel" : "New Folder"
+                    text: createMode ? qsTr("Cancel") : qsTr("New Folder")
                     onClicked: {
                         createMode = !createMode
                         if (!createMode)
@@ -78,6 +129,13 @@ Dialog {
                 }
             }
 
+            RowLayout {
+                ToolSeparator {
+                    Layout.fillWidth: true
+                    orientation: Qt.Horizontal
+                }
+            }
+
             // Inline New Folder Creation
             RowLayout {
                 visible: createMode
@@ -104,20 +162,20 @@ Dialog {
                     Button {
                         text: "Create"
                         onClicked: {
-                                const name = newFolderNameField.text.trim()
-                                if (name.length > 0) {
-                                    var basePath = currentFolder.toString().replace("file://", "")
-                                    var newPath = basePath + "/" + name
-                                    var success = filesystem.createFolder(newPath)
-                                    console.log("Folder created:", success, newPath)
-
-                                    if (success) {
-                                        createMode = false
-                                        newFolderNameField.text = ""
-                                        Qt.inputMethod.hide()
-                                    }
+                            const name = newFolderNameField.text.trim()
+                            if (name.length > 0) {
+                                var basePath = currentFolder.toString().replace("file://", "")
+                                var newPath = basePath + "/" + name
+                                var success = filesystem.createFolder(newPath)
+                                console.log("Folder created:", success, newPath)
+
+                                if (success) {
+                                    createMode = false
+                                    newFolderNameField.text = ""
+                                    Qt.inputMethod.hide()
                                 }
                             }
+                        }
                     }
                 }
             }
@@ -128,6 +186,10 @@ Dialog {
                 Layout.fillHeight: true
                 clip: true
 
+                ScrollBar.vertical: ScrollBar {
+                            policy: ScrollBar.AlwaysOn
+                        }
+
                 model: FolderListModel {
                     id: folderModel
                     folder: currentFolder
@@ -186,8 +248,9 @@ Dialog {
         InputPanel {
             id: inputPanel
             y: parent.height - height
-            width: parent.width
+            width: parent.width > 600 ? 600 : parent.width
             visible: Qt.inputMethod.visible && createMode
+            anchors.horizontalCenter: parent.horizontalCenter
             z: 100
         }
     }