Reworked page 'Settings', added a stackview

MiddlePanel.qml

@@ -37,6 +37,7 @@ import QtGraphicalEffects 1.0
 import moneroComponents.Wallet 1.0
 
 import "./pages"
+import "./pages/settings"
 
 Rectangle {
     id: root
@@ -141,7 +142,7 @@ Rectangle {
             }, State {
                 name: "Settings"
                PropertyChanges { target: root; currentView: settingsView }
-               PropertyChanges { target: mainFlickable; contentHeight: settingsView.settingsHeight + 100 }
+               PropertyChanges { target: mainFlickable; contentHeight: settingsView.settingsHeight }
             }, State {
                 name: "Mining"
                 PropertyChanges { target: root; currentView: miningView }

pages/settings/Settings.qml

@@ -31,788 +31,109 @@ import QtQuick.Controls 1.4
 import QtQuick.Controls.Styles 1.4
 import QtQuick.Layouts 1.1
 import QtQuick.Dialogs 1.2
-import "../version.js" as Version
+import "../../js/Windows.js" as Windows
-import "../js/Windows.js" as Windows
+import "../../js/Utils.js" as Utils
-import "../js/Utils.js" as Utils
+import "../../components" as MoneroComponents
-
+import "../../pages"
-
+import "."
-import "../components"
 import moneroComponents.Clipboard 1.0
 
-Rectangle {
+ColumnLayout {
-    property bool viewOnly: false
+    id: settingsPage
-    property alias settingsHeight: mainLayout.height
-    id: page
-
-    color: "transparent"
-
-    // fires on every page load
-    function onPageCompleted() {
-        console.log("Settings page loaded");
-
-        if(typeof daemonManager != "undefined"){
-            daemonRunning = persistentSettings.useRemoteNode ? false : appWindow.daemonRunning;
-        }
-
-        logLevelDropdown.update()
-    }
-
-    Clipboard { id: clipboard }
-
-    ColumnLayout {
-        id: mainLayout
-        anchors.margins: (isMobile)? 17 : 40
-        anchors.left: parent.left
-        anchors.top: parent.top
-        anchors.right: parent.right
-        spacing: 26 * scaleRatio
-
-        //! Manage wallet
-        RowLayout {
     Layout.fillWidth: true
-            Label {
+    Layout.preferredHeight: 900
-                id: manageWalletLabel
-                fontSize: 22 * scaleRatio
-                Layout.fillWidth: true
-                text: qsTr("Manage wallet") + translationManager.emptyString
-                Layout.topMargin: 10 * scaleRatio
-            }
-
-            Rectangle {
-                anchors.top: manageWalletLabel.bottom
-                anchors.topMargin: 4
-                anchors.left: parent.left
-                anchors.right: parent.right
-                Layout.fillWidth: true
-                height: 2
-                color: Style.dividerColor
-                opacity: Style.dividerOpacity
-            }
-        }
-
-        GridLayout {
-            columns: (isMobile)? 1 : 4
-            StandardButton {
-                id: closeWalletButton
-                small: true
-                text: qsTr("Close wallet") + translationManager.emptyString
-                visible: true
-                onClicked: {
-                    console.log("closing wallet button clicked")
-                    appWindow.showWizard();
-                }
-            }
-
-            StandardButton {
-                id: createViewOnlyWalletButton
-                enabled: !viewOnly
-                small: true
-                text: qsTr("Create view only wallet") + translationManager.emptyString
-                visible: true
-                onClicked: {
-                    wizard.openCreateViewOnlyWalletPage();
-                }
-            }
-
-/*          Rescan cache - Disabled until we know it's needed
-
-            StandardButton {
-                id: rescanWalletbutton
-                shadowReleasedColor: "#FF4304"
-                shadowPressedColor: "#B32D00"
-                releasedColor: "#FF6C3C"
-                pressedColor: "#FF4304"
-                text: qsTr("Rescan wallet cache") + translationManager.emptyString
-                onClicked: {
-                    // Show confirmation dialog
-                    confirmationDialog.title = qsTr("Rescan wallet cache") + translationManager.emptyString;
-                    confirmationDialog.text  = qsTr("Are you sure you want to rebuild the wallet cache?\n"
-                                                    + "The following information will be deleted\n"
-                                                    + "- Recipient addresses\n"
-                                                    + "- Tx keys\n"
-                                                    + "- Tx descriptions\n\n"
-                                                    + "The old wallet cache file will be renamed and can be restored later.\n"
-                                                    );
-                    confirmationDialog.icon = StandardIcon.Question
-                    confirmationDialog.cancelText = qsTr("Cancel")
-                    confirmationDialog.onAcceptedCallback = function() {
-                        walletManager.closeWallet();
-                        walletManager.clearWalletCache(persistentSettings.wallet_path);
-                        walletManager.openWalletAsync(persistentSettings.wallet_path, appWindow.walletPassword,
-                                                          persistentSettings.nettype);
-                    }
-
-                    confirmationDialog.onRejectedCallback = null;
-
-                    confirmationDialog.open()
-
-                }
-            }
-*/
-            StandardButton {
-                id: rescanSpentButton
-                small: true
-                enabled: !persistentSettings.useRemoteNode
-                text: qsTr("Rescan wallet balance") + translationManager.emptyString
-                onClicked: {
-                    if (!currentWallet.rescanSpent()) {
-                        console.error("Error: ", currentWallet.errorString);
-                        informationPopup.title = qsTr("Error") + translationManager.emptyString;
-                        informationPopup.text  = qsTr("Error: ") + currentWallet.errorString
-                        informationPopup.icon  = StandardIcon.Critical
-                        informationPopup.onCloseCallback = null
-                        informationPopup.open();
-                    } else {
-                        informationPopup.title = qsTr("Information") + translationManager.emptyString
-                        informationPopup.text  = qsTr("Successfully rescanned spent outputs.") + translationManager.emptyString
-                        informationPopup.icon  = StandardIcon.Information
-                        informationPopup.onCloseCallback = null
-                        informationPopup.open();
-                    }
-                }
-            }
-        }
-
-        RowLayout{
-            Layout.fillWidth: true
-
-            StandardButton {
-                id: changePasswordButton
-                small: true
-                text: qsTr("Change password") + translationManager.emptyString
-                onClicked: {
-                    passwordDialog.onAcceptedCallback = function() {
-                        if(appWindow.walletPassword === passwordDialog.password){
-                            newPasswordDialog.open()
-                        } else {
-                            informationPopup.title  = qsTr("Error") + translationManager.emptyString;
-                            informationPopup.text = qsTr("Wrong password");
-                            informationPopup.open()
-                            informationPopup.onCloseCallback = function() {
-                                changePasswordDialog.open()
-                            }
-                            passwordDialog.open()
-                        }
-                    }
-                    passwordDialog.onRejectedCallback = null;
-                    passwordDialog.open()
-                }
-            }
-        }
-
-        RowLayout {
-            Layout.fillWidth: true
-
-            LabelSubheader {
-                text: qsTr("Daemon mode") + translationManager.emptyString
-            }
-        }
-
-        ColumnLayout {
-            RadioButton {
-                id: remoteDisconnect
-                checked: !persistentSettings.useRemoteNode
-                text: qsTr("Local Node") + translationManager.emptyString
-                onClicked: {
-                    persistentSettings.useRemoteNode = false;
-                    remoteConnect.checked = false;
-                    appWindow.disconnectRemoteNode();
-                }
-            }
-
-            RadioButton {
-                id: remoteConnect
-                checked: persistentSettings.useRemoteNode
-                text: qsTr("Remote Node") + translationManager.emptyString
-                onClicked: {
-                    persistentSettings.useRemoteNode = true;
-                    remoteDisconnect.checked = false;
-                    appWindow.connectRemoteNode();
-                }
-            }
-        }
-
-        RowLayout {
-            visible: !isMobile && !persistentSettings.useRemoteNode
-            Layout.fillWidth: true
-
-            LabelSubheader {
-                text:  qsTr("Bootstrap node") + translationManager.emptyString
-            }
-        }
-
-        RowLayout {
-            visible: !isMobile && !persistentSettings.useRemoteNode
-
-            ColumnLayout {
-                Layout.fillWidth: true
-
-                RemoteNodeEdit {
-                    id: bootstrapNodeEdit
-                    Layout.minimumWidth: 100 * scaleRatio
-                    Layout.bottomMargin: 20 * scaleRatio
-
-                    lineEditBackgroundColor: "transparent"
-                    lineEditFontColor: "white"
-                    lineEditBorderColor: Style.inputBorderColorActive
-
-                    daemonAddrLabelText: qsTr("Address") + translationManager.emptyString
-                    daemonPortLabelText: qsTr("Port") + translationManager.emptyString
-                    daemonAddrText: persistentSettings.bootstrapNodeAddress.split(":")[0].trim()
-                    daemonPortText: {
-                        var node_split = persistentSettings.bootstrapNodeAddress.split(":");
-                        if(node_split.length == 2){
-                            (node_split[1].trim() == "") ? "18081" : node_split[1];
-                        } else {
-                            return ""
-                        }
-                    }
-                    onEditingFinished: {
-                        persistentSettings.bootstrapNodeAddress = daemonAddrText ? bootstrapNodeEdit.getAddress() : "";
-                        console.log("setting bootstrap node to " + persistentSettings.bootstrapNodeAddress)
-                    }
-                }
-            }
-        }
-
-        RowLayout {
-            visible: persistentSettings.useRemoteNode
-            ColumnLayout {
-                Layout.fillWidth: true
-
-                RemoteNodeEdit {
-                    id: remoteNodeEdit
-                    Layout.minimumWidth: 100 * scaleRatio
-
-                    lineEditBackgroundColor: "transparent"
-                    lineEditFontColor: "white"
-                    lineEditBorderColor: Qt.rgba(255, 255, 255, 0.35)
-
-                    daemonAddrLabelText: qsTr("Address")
-                    daemonPortLabelText: qsTr("Port")
-
-                    property var rna: persistentSettings.remoteNodeAddress
-                    daemonAddrText: rna.search(":") != -1 ? rna.split(":")[0].trim() : ""
-                    daemonPortText: rna.search(":") != -1 ? (rna.split(":")[1].trim() == "") ? "18081" : rna.split(":")[1] : ""
-                    onEditingFinished: {
-                        persistentSettings.remoteNodeAddress = remoteNodeEdit.getAddress();
-                        console.log("setting remote node to " + persistentSettings.remoteNodeAddress)
-                    }
-                }
-            }
-        }
-
-        RowLayout{
-            visible: persistentSettings.useRemoteNode
-            Layout.fillWidth: true
-
-            StandardButton {
-                id: remoteNodeSave
-                small: true
-                text: qsTr("Connect") + translationManager.emptyString
-                onClicked: {
-                    // Update daemon login
-                    persistentSettings.remoteNodeAddress = remoteNodeEdit.getAddress();
-                    persistentSettings.daemonUsername = daemonUsername.text;
-                    persistentSettings.daemonPassword = daemonPassword.text;
-                    persistentSettings.useRemoteNode = true
-
-                    currentWallet.setDaemonLogin(persistentSettings.daemonUsername, persistentSettings.daemonPassword);
-
-                    appWindow.connectRemoteNode()
-                }
-            }
-        }
-
-        //! Manage daemon
-        RowLayout {
-            visible: !isMobile
-
-            Label {
-                id: manageDaemonLabel
-                fontSize: 22 * scaleRatio
-                text: qsTr("Manage Daemon") + translationManager.emptyString
-            }
-
-            Rectangle {
-                anchors.top: manageDaemonLabel.bottom
-                anchors.topMargin: 4
-                anchors.left: parent.left
-                anchors.right: parent.right
-                Layout.fillWidth: true
-                height: 2
-                color: Style.dividerColor
-                opacity: Style.dividerOpacity
-            }
-        }
-
-        GridLayout {
-            visible: !isMobile && !persistentSettings.useRemoteNode
-            id: daemonStatusRow
-            columns: (isMobile) ?  2 : 4
-            StandardButton {
-                id: startDaemonButton
-                small: true
-                visible: !daemonRunning
-                text: qsTr("Start Local Node") + translationManager.emptyString
-                onClicked: {
-                    // Update bootstrap daemon address
-                    persistentSettings.bootstrapNodeAddress = bootstrapNodeEdit.daemonAddrText ? bootstrapNodeEdit.getAddress() : "";
-
-                    // Set current daemon address to local
-                    appWindow.currentDaemonAddress = appWindow.localDaemonAddress;
-                    appWindow.startDaemon(daemonFlags.text);
-                }
-            }
-
-            StandardButton {
-                id: stopDaemonButton
-                small: true
-                visible: daemonRunning
-                text: qsTr("Stop Local Node") + translationManager.emptyString
-                onClicked: {
-                    appWindow.stopDaemon()
-                }
-            }
-
-            StandardButton {
-                id: daemonStatusButton
-                small: true
-                visible: true
-                text: qsTr("Show status") + translationManager.emptyString
-                onClicked: {
-                    daemonManager.sendCommand("status",currentWallet.nettype);
-                    daemonConsolePopup.open();
-                }
-            }
-        }
-
-        ColumnLayout {
-            id: blockchainFolderRow
-            visible: !isMobile && !persistentSettings.useRemoteNode
-
-            RowLayout {
-                Layout.fillWidth: true
-                Layout.bottomMargin: 14 * scaleRatio
-
-                LabelSubheader {
-                    text: qsTr("Blockchain location") + translationManager.emptyString
-                }
-            }
-
-            RowLayout {
-                visible: persistentSettings.blockchainDataDir.length > 0
-
-                LineEdit {
-                    id: blockchainFolder
-                    Layout.preferredWidth: 200
-
-                    Layout.fillWidth: true
-                    text: persistentSettings.blockchainDataDir;
-                    placeholderText: qsTr("(optional)") + translationManager.emptyString
-                }
-            }
-
-            RowLayout {
-                Layout.fillWidth: true
-                Layout.topMargin: 8
-                StandardButton {
-                    id: blockchainFolderButton
-                    small: true
-                    visible: true
-                    text: qsTr("Change location") + translationManager.emptyString
-                    onClicked: {
-                        //mouse.accepted = false
-                        if(persistentSettings.blockchainDataDir != "")
-                            blockchainFileDialog.folder = "file://" + persistentSettings.blockchainDataDir
-                        blockchainFileDialog.open()
-                        blockchainFolder.focus = true
-                    }
-                }
-            }
-        }
-
-        RowLayout{
-            CheckBox {
-                id: daemonAdvanced
-                text: qsTr("Show advanced") + translationManager.emptyString
-            }
-        }
-
-        RowLayout {
-            visible: daemonAdvanced.checked && !isMobile && !persistentSettings.useRemoteNode
-            id: daemonFlagsRow
-
-            LineEdit {
-                id: daemonFlags
-                Layout.preferredWidth:  200
-                Layout.fillWidth: true
-                labelText: qsTr("Local daemon startup flags") + translationManager.emptyString
-                text: appWindow.persistentSettings.daemonFlags;
-                placeholderText: qsTr("(optional)") + translationManager.emptyString
-            }
-        }
-
-        ColumnLayout {
-            visible: (daemonAdvanced.checked || isMobile) && persistentSettings.useRemoteNode
-            GridLayout {
-                columns: (isMobile) ? 1 : 2
-                columnSpacing: 32
-
-                LineEdit {
-                    id: daemonUsername
-                    Layout.fillWidth: true
-                    labelText: "Daemon username"
-                    text: persistentSettings.daemonUsername
-                    placeholderText: qsTr("Username") + translationManager.emptyString
-                }
-
-                LineEdit {
-                    id: daemonPassword
-                    Layout.fillWidth: true
-                    labelText: "Daemon password"
-                    text: persistentSettings.daemonPassword
-                    placeholderText: qsTr("Password") + translationManager.emptyString
-                    echoMode: TextInput.Password
-                }
-            }
-        }
-
-        RowLayout {
-            visible: !isMobile
-            Label {
-                id: layoutSettingsLabel
-                fontSize: 22 * scaleRatio
-                text: qsTr("Layout settings") + translationManager.emptyString
-            }
-
-            Rectangle {
-                anchors.top: layoutSettingsLabel.bottom
-                anchors.topMargin: 4
-                anchors.left: parent.left
-                anchors.right: parent.right
-                Layout.fillWidth: true
-                height: 2
-                color: Style.dividerColor
-                opacity: Style.dividerOpacity
-            }
-        }
-
-        RowLayout {
-            CheckBox {
-                visible: !isMobile
-                id: customDecorationsCheckBox
-                checked: persistentSettings.customDecorations
-                onClicked: Windows.setCustomWindowDecorations(checked)
-                text: qsTr("Custom decorations") + translationManager.emptyString
-            }
-        }
-
-        // Log level
-
-        RowLayout {
-            Label {
-                id: logLevelLabel
-                fontSize: 22 * scaleRatio
-                text: qsTr("Log level") + translationManager.emptyString
-            }
-
-            Rectangle {
-                anchors.top: logLevelLabel.bottom
-                anchors.topMargin: 4
-                anchors.left: parent.left
-                anchors.right: parent.right
-                Layout.fillWidth: true
-                height: 2
-                color: Style.dividerColor
-                opacity: Style.dividerOpacity
-            }
-        }
-
-        GridLayout {
-            columns: (isMobile)? 1 : 3
-            Layout.fillWidth: true
-            columnSpacing: 32
-
-            ColumnLayout {
     spacing: 0
+    Clipboard { id: clipboard }
+    property bool viewOnly: false
+    property int settingsHeight: 900
+
+    Navbar{}
+
+    Rectangle{
+        id: settingsStateView
+        property Item currentView
+        property Item previousView
+        property SettingsWallet settingsWalletView: SettingsWallet { }
+        property SettingsLayout settingsLayoutView: SettingsLayout { }
+        property SettingsNode settingsNodeView: SettingsNode { }
+        property SettingsLog settingsLogView: SettingsLog { }
+        property SettingsInfo settingsInfoView: SettingsInfo { }
         Layout.fillWidth: true
+        Layout.preferredHeight: parent.height
+        color: "transparent"
+        state: "Wallet"
 
-                ListModel {
+        onCurrentViewChanged: {
-                     id: logLevel
+            if (previousView) {
-                     ListElement { name: "none"; column1: "0"; }
+//                if (typeof previousView.onPageClosed === "function") {
-                     ListElement { column1: "1"; }
+//                    previousView.onPageClosed();
-                     ListElement { column1: "2"; }
+//                }
-                     ListElement { column1: "3"; }
-                     ListElement { column1: "4"; }
-                     ListElement { column1: "custom"; }
-                 }
-
-                StandardDropdown {
-                    id: logLevelDropdown
-                    dataModel: logLevel
-                    currentIndex: appWindow.persistentSettings.logLevel;
-                    onChanged: {
-                        if (currentIndex == 5) {
-                            console.log("log categories changed: ", logCategories.text);
-                            walletManager.setLogCategories(logCategories.text);
-                        }
-                        else {
-                            console.log("log level changed: ",currentIndex);
-                            walletManager.setLogLevel(currentIndex);
-                        }
-                        appWindow.persistentSettings.logLevel = currentIndex;
-                    }
-                    Layout.fillWidth: true
-                    shadowReleasedColor: "#FF4304"
-                    shadowPressedColor: "#B32D00"
-                    releasedColor: "#363636"
-                    pressedColor: "#202020"
-                }
-                // Make sure dropdown is on top
-            }
-
-            ColumnLayout {
-                Layout.fillWidth: true
-            }
-
-            ColumnLayout {
-                Layout.fillWidth: true
-            }
-
-            z: parent.z + 1
-        }
-
-        ColumnLayout {
-            LineEdit {
-                id: logCategories
-                Layout.fillWidth: true
-                text: appWindow.persistentSettings.logCategories
-                labelText: "Log Categories"
-                placeholderText: "(e.g. *:WARNING,net.p2p:DEBUG)"
-                enabled: logLevelDropdown.currentIndex === 5
-                onEditingFinished: {
-                    if(enabled) {
-                        console.log("log categories changed: ", text);
-                        walletManager.setLogCategories(text);
-                        appWindow.persistentSettings.logCategories = text;
-                    }
             }
+            previousView = currentView
+            if (currentView) {
+                stackView.replace(currentView)
+                // Component.onCompleted is called before wallet is initilized
+//                if (typeof currentView.onPageCompleted === "function") {
+//                    currentView.onPageCompleted();
+//                }
             }
         }
 
-        // Version
+        states: [
-        RowLayout {
+            State {
-            Label {
+                name: "Wallet"
-                id: debugLabel
+                PropertyChanges { target: settingsStateView; currentView: settingsStateView.settingsWalletView }
-                text: qsTr("Debug info") + translationManager.emptyString
+            }, State {
-                fontSize: 22
+                name: "UI"
-                anchors.topMargin: 30 * scaleRatio
+                PropertyChanges { target: settingsStateView; currentView: settingsStateView.settingsLayoutView }
-                Layout.topMargin: 30 * scaleRatio
+            }, State {
+                name: "Node"
+                PropertyChanges { target: settingsStateView; currentView: settingsStateView.settingsNodeView }
+            }, State {
+                name: "Log"
+                PropertyChanges { target: settingsStateView; currentView: settingsStateView.settingsLogView }
+            }, State {
+                name: "Info"
+                PropertyChanges { target: settingsStateView; currentView: settingsStateView.settingsInfoView }
             }
+        ]
 
-            Rectangle {
+        StackView {
-                anchors.top: debugLabel.bottom
+            id: stackView
-                anchors.topMargin: 4
+            initialItem: settingsStateView.settingsWalletView
-                anchors.left: parent.left
-                anchors.right: parent.right
-                Layout.fillWidth: true
-                height: 2
-                color: Style.dividerColor
-                opacity: Style.dividerOpacity
-            }
-        }
-
-        GridLayout {
-            id: grid
-            columns: 2
-            columnSpacing: 20 * scaleRatio
-
-            TextBlock {
-                font.pixelSize: 14
-                text: qsTr("GUI version: ") + translationManager.emptyString
-            }
-
-            TextBlock {
-                font.pixelSize: 14
-                font.bold: true
-                text: Version.GUI_VERSION + " (Qt " + qtRuntimeVersion + ")" + translationManager.emptyString
-            }
-
-            TextBlock {
-                id: guiMoneroVersion
-                font.pixelSize: 14
-                text: qsTr("Embedded Monero version: ") + translationManager.emptyString
-            }
-
-            TextBlock {
-                font.pixelSize: 14
-                font.bold: true
-                text: Version.GUI_MONERO_VERSION + translationManager.emptyString
-            }
-
-            TextBlock {
-                Layout.fillWidth: true
-                font.pixelSize: 14
-                text: qsTr("Wallet name: ") + translationManager.emptyString
-            }
-
-            TextBlock {
-                Layout.fillWidth: true
-                font.pixelSize: 14
-                font.bold: true
-                text: walletName + translationManager.emptyString
-            }
-
-            TextBlock {
-                id: restoreHeight
-                font.pixelSize: 14
-                textFormat: Text.RichText
-                text: (typeof currentWallet == "undefined") ? "" : qsTr("Wallet creation height: ") + translationManager.emptyString
-            }
-
-            TextBlock {
-                id: restoreHeightText
-                textFormat: Text.RichText
-                font.pixelSize: 14
-                font.bold: true
-                property var style: "<style type='text/css'>a {cursor:pointer;text-decoration: none; color: #FF6C3C}</style>"
-                text: (currentWallet ? currentWallet.walletCreationHeight : "") + style + qsTr(" <a href='#'> (Click to change)</a>") + translationManager.emptyString
-                onLinkActivated: {
-                    inputDialog.labelText = qsTr("Set a new restore height:") + translationManager.emptyString;
-                    inputDialog.inputText = currentWallet ? currentWallet.walletCreationHeight : "0";
-                    inputDialog.onAcceptedCallback = function() {
-                        var _restoreHeight = inputDialog.inputText;
-                        if(Utils.isNumeric(_restoreHeight)){
-                            _restoreHeight = parseInt(_restoreHeight);
-                            if(_restoreHeight >= 0) {
-                                currentWallet.walletCreationHeight = _restoreHeight
-                                // Restore height is saved in .keys file. Set password to trigger rewrite.
-                                currentWallet.setPassword(appWindow.walletPassword)
-
-                                // Show confirmation dialog
-                                confirmationDialog.title = qsTr("Rescan wallet cache") + translationManager.emptyString;
-                                confirmationDialog.text  = qsTr("Are you sure you want to rebuild the wallet cache?\n"
-                                                                + "The following information will be deleted\n"
-                                                                + "- Recipient addresses\n"
-                                                                + "- Tx keys\n"
-                                                                + "- Tx descriptions\n\n"
-                                                                + "The old wallet cache file will be renamed and can be restored later.\n"
-                                                                );
-                                confirmationDialog.icon = StandardIcon.Question
-                                confirmationDialog.cancelText = qsTr("Cancel")
-                                confirmationDialog.onAcceptedCallback = function() {
-                                    walletManager.closeWallet();
-                                    walletManager.clearWalletCache(persistentSettings.wallet_path);
-                                    walletManager.openWalletAsync(persistentSettings.wallet_path, appWindow.walletPassword,
-                                                                      persistentSettings.nettype);
-                                }
-
-                                confirmationDialog.onRejectedCallback = null;
-                                confirmationDialog.open()
-                                return;
-                            }
-                        }
-
-                        appWindow.showStatusMessage(qsTr("Invalid restore height specified. Must be a number."),3);
-                    }
-                    inputDialog.onRejectedCallback = null;
-                    inputDialog.open()
-                }
-
-                MouseArea {
             anchors.fill: parent
-                    acceptedButtons: Qt.NoButton
+            clip: false // otherwise animation will affect left panel
-                    cursorShape: parent.hoveredLink ? Qt.PointingHandCursor : Qt.ArrowCursor
-                }
-            }
 
-            TextBlock {
+            delegate: StackViewDelegate {
-                Layout.fillWidth: true
+                pushTransition: StackViewTransition {
-                font.pixelSize: 14
+                    PropertyAnimation {
-                text: qsTr("Wallet log path: ") + translationManager.emptyString
+                        target: enterItem
+                        property: "x"
+                        from: 0 - target.width
+                        to: 0
+                        duration: 300
+                        easing.type: Easing.OutCubic
                     }
-
+                    PropertyAnimation {
-            TextBlock {
+                        target: exitItem
-                Layout.fillWidth: true
+                        property: "x"
-                font.pixelSize: 14
+                        from: 0
-                text: walletLogPath
+                        to: target.width
+                        duration: 300
+                        easing.type: Easing.OutCubic
                     }
                 }
             }
-
-    // Choose blockchain folder
-    FileDialog {
-        id: blockchainFileDialog
-        title: qsTr("Please choose a folder") + translationManager.emptyString;
-        selectFolder: true
-        folder: "file://" + persistentSettings.blockchainDataDir
-
-        onAccepted: {
-            var dataDir = walletManager.urlToLocalPath(blockchainFileDialog.fileUrl);
-            console.log(dataDir);
-            var validator = daemonManager.validateDataDir(dataDir);
-            if(!validator.valid) {
-
-                confirmationDialog.title = qsTr("Warning") + translationManager.emptyString;
-                confirmationDialog.text = "";
-                if(validator.readOnly) {
-                    confirmationDialog.text  += qsTr("Error: Filesystem is read only") + "\n\n"                  
         }
-                
-                if(validator.storageAvailable < estimatedBlockchainSize) {
-                    confirmationDialog.text  += qsTr("Warning: There's only %1 GB available on the device. Blockchain requires ~%2 GB of data.").arg(validator.storageAvailable).arg(estimatedBlockchainSize) + "\n\n"     
-                } else {
-                    confirmationDialog.text  += qsTr("Note: There's %1 GB available on the device. Blockchain requires ~%2 GB of data.").arg(validator.storageAvailable).arg(estimatedBlockchainSize) + "\n\n"
-                }
-                
-                if(!validator.lmdbExists) {
-                    confirmationDialog.text  += qsTr("Note: lmdb folder not found. A new folder will be created.") + "\n\n" 
-                }
-
-                confirmationDialog.icon = StandardIcon.Question
-                confirmationDialog.cancelText = qsTr("Cancel")
-
-                // Continue
-                confirmationDialog.onAcceptedCallback = function() {
-                    persistentSettings.blockchainDataDir = dataDir
-                }
-
-                // Cancel
-                confirmationDialog.onRejectedCallback = function() {
-                };
-
-                confirmationDialog.open()
-            } else {
-                persistentSettings.blockchainDataDir = dataDir
-            }
-
-            delete validator;
-
-
-        }
-        onRejected: {
-            console.log("data dir selection canceled")
-        }
-
-    }
-
-    // fires only once
-    Component.onCompleted: {
-        if(typeof daemonManager != "undefined")
-            daemonManager.daemonConsoleUpdated.connect(onDaemonConsoleUpdated)
     }
 
     function onDaemonConsoleUpdated(message){
         // Update daemon console
-        daemonConsolePopup.textArea.logMessage(message)
+        settingsStateView.settingsLogView.consoleArea.logMessage(message)
     }
 
-
+    // fires on every page load
-
+    function onPageCompleted() {
-
+        console.log("Settings page loaded");
+    }
 }
-
-
-
-