status-desktop/ui/app/AppLayouts/Profile/Sections/NewCustomNetworkModal.qml

import QtQuick 2.13
import QtQuick.Controls 2.13
import "../../../../imports"
import "../../../../shared"
import "../../../../shared/status"

ModalPopup {
    id: addNetworkPopup
    //% "Add network"
    title: qsTrId("add-network")
    height: 650

    property string nameValidationError: ""
    property string rpcValidationError: ""
    property string networkValidationError: ""
    property int networkId: 1;
    property string networkType: Constants.networkMainnet

    function validate() {
        nameValidationError = ""
        rpcValidationError = ""
        networkValidationError = "";

        if (nameInput.text === "") {
            //% "You need to enter a name"
            nameValidationError = qsTrId("you-need-to-enter-a-name")
        }

        if (rpcInput.text === "") {
            //% "You need to enter the RPC endpoint URL"
            rpcValidationError = qsTrId("you-need-to-enter-the-rpc-endpoint-url")
        } else if(!Utils.isURL(rpcInput.text)) {
            //% "Invalid URL"
            rpcValidationError = qsTrId("invalid-url")
        }

        if (customRadioBtn.checked) {
            if (networkInput.text === "") {
                //% "You need to enter the network id"
                networkValidationError = qsTrId("you-need-to-enter-the-network-id")
            } else if (isNaN(networkInput.text)){
                //% "Should be a number"
                networkValidationError = qsTrId("should-be-a-number");
            } else if (parseInt(networkInput.text, 10) <= 4){
                //% "Invalid network id"
                networkValidationError = qsTrId("invalid-network-id");
            }
        }
        return !nameValidationError && !rpcValidationError && !networkValidationError
    }

    onOpened: {
        nameInput.text = "";
        rpcInput.text = "";
        networkInput.text = "";
        mainnetRadioBtn.checked = true;
        addNetworkPopup.networkId = 1;
        addNetworkPopup.networkType = Constants.networkMainnet;

        nameValidationError = "";
        rpcValidationError = "";
        networkValidationError = "";
    }

    footer: StatusButton {
        anchors.right: parent.right
        anchors.rightMargin: Style.current.smallPadding
        //% "Save"
        text: qsTrId("save")
        anchors.bottom: parent.bottom
        enabled: nameInput.text !== "" && rpcInput.text !== ""
        onClicked: {
            if (!addNetworkPopup.validate()) {
                return;
            }

            if (customRadioBtn.checked){
                addNetworkPopup.networkId = parseInt(networkInput.text, 10);
            }

            profileModel.network.add(nameInput.text, rpcInput.text, addNetworkPopup.networkId, addNetworkPopup.networkType)
            profileModel.network.reloadCustomNetworks();
            addNetworkPopup.close()
        }
    }

    Input {
        id: nameInput
        //% "Name"
        label: qsTrId("name")
        //% "Specify a name"
        placeholderText: qsTrId("specify-name")
        validationError: addNetworkPopup.nameValidationError
    }

    Input {
        id: rpcInput
        //% "RPC URL"
        label: qsTrId("rpc-url")
        //% "Specify a RPC URL"
        placeholderText: qsTrId("specify-rpc-url")
        validationError: addNetworkPopup.rpcValidationError
        anchors.top: nameInput.bottom
        anchors.topMargin: Style.current.bigPadding
    }

    StatusSectionHeadline {
        id: networkChainHeadline
        //% "Network chain"
        text: qsTrId("network-chain")
        anchors.top: rpcInput.bottom
        anchors.topMargin: Style.current.bigPadding
    }

    Column {
        spacing: Style.current.padding
        anchors.top: networkChainHeadline.bottom
        anchors.topMargin: Style.current.smallPadding
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.rightMargin: Style.current.padding
        anchors.leftMargin: Style.current.padding

        ButtonGroup {
            id: networkChainGroup
        }

        StatusRadioButtonRow {
            id: mainnetRadioBtn
            //% "Main network"
            text: qsTrId("mainnet-network")
            buttonGroup: networkChainGroup
            checked: true
            onRadioCheckedChanged: {
                if (checked) {
                    addNetworkPopup.networkId = 1;
                    addNetworkPopup.networkType = Constants.networkMainnet;
                }
            }
        }

        StatusRadioButtonRow {
            //% "Ropsten test network"
            text: qsTrId("ropsten-network")
            buttonGroup: networkChainGroup
            onRadioCheckedChanged: {
                if (checked) {
                    addNetworkPopup.networkId = 3;
                    addNetworkPopup.networkType = Constants.networkRopsten;
                }
            }
        }

        StatusRadioButtonRow {
            //% "Rinkeby test network"
            text: qsTrId("rinkeby-network")
            buttonGroup: networkChainGroup
            onRadioCheckedChanged: {
                if (checked) {
                    addNetworkPopup.networkId = 4;
                    addNetworkPopup.networkType = Constants.networkRinkeby;
                }
            }
        }

        StatusRadioButtonRow {
            id: customRadioBtn
            //% "Custom"
            text: qsTrId("custom")
            buttonGroup: networkChainGroup
            onRadioCheckedChanged: {
                if (checked) {
                    addNetworkPopup.networkType = "";
                }
            }
        }

        Input {
            id: networkInput
            visible: customRadioBtn.checked
            //% "Network Id"
            label: qsTrId("network-id")
            //% "Specify the network id"
            placeholderText: qsTrId("specify-the-network-id")
            validationError: addNetworkPopup.networkValidationError
        }
    }
}