amnezia-client/client/ui/qml/Pages/PageNewServerProtocols.qml

import QtQuick 2.12
import QtQuick.Controls 2.12
import "./"
import "../Controls"
import "../Config"
import "InstallSettings"

Item {
    id: root
    BackButton {
        id: back
    }
    Caption {
        id: caption
        text: qsTr("Select VPN protocols")
    }

    BlueButtonType {
        id: pushButtonConfigure
        anchors.horizontalCenter: parent.horizontalCenter
        y: parent.height - 60
        width: parent.width - 40
        height: 40
        text: qsTr("Setup server")
        onClicked: {
            NewServerProtocolsLogic.pushButtonConfigureClicked()
        }
    }

//    RoundButton {
//        id: pb_add_container
//        anchors.horizontalCenter: parent.horizontalCenter
//        anchors.top: labelCaption.bottom
//        anchors.topMargin: 10

//        width: parent.width - 40
//        height: 40
//        text: qsTr("Add protocol")
//        onClicked: drawer_menu.visible ? drawer_menu.close() : drawer_menu.open()

//    }

//    Drawer {
//        id: drawer_menu
//        z: -3

//        y: 0
//        x: 0
//        edge: Qt.RightEdge
//        width: parent.width * 0.75
//        height: parent.height

//        modal: true
//        interactive: true

//        Label {
//            text: "Content goes here!"
//            anchors.centerIn: parent
//        }
//    }

    ScrollView {
        id: scrollView
        width: parent.width - 40
        anchors.horizontalCenter: parent.horizontalCenter

        anchors.top: caption.bottom
        anchors.topMargin: 10

        anchors.bottom: pushButtonConfigure.top
        anchors.bottomMargin: 10

        clip: true
        Column {
            width: scrollView.width
            anchors.horizontalCenter: parent.horizontalCenter

            spacing: 5
            InstallSettingsBase {
                containerDescription: qsTr("OpenVPN and ShadowSocks\n with masking using Cloak plugin")
                onContainerChecked: NewServerProtocolsLogic.checkBoxCloakChecked = checked

                LabelType {
                    width: 130
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    text: qsTr("Port (TCP)")
                }
                TextFieldType {
                    width: parent.width - 130 - parent.spacing - parent.leftPadding * 2
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    text: NewServerProtocolsLogic.lineEditCloakPortText
                    onEditingFinished: {
                        NewServerProtocolsLogic.lineEditCloakPortText = text
                    }
                }
                LabelType {
                    width: 130
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    text: qsTr("Fake Web Site")
                }
                TextFieldType {
                    width: parent.width - 130 - parent.spacing - parent.leftPadding * 2
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    text: NewServerProtocolsLogic.lineEditCloakSiteText
                    onEditingFinished: {
                        NewServerProtocolsLogic.lineEditCloakSiteText = text
                    }
                }

            }

            InstallSettingsBase {
                containerDescription: qsTr("ShadowSocks")
                onContainerChecked: NewServerProtocolsLogic.checkBoxSsChecked = checked

                LabelType {
                    width: 130
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    text: qsTr("Port (TCP)")
                }
                TextFieldType {
                    width: parent.width - 130 - parent.spacing - parent.leftPadding * 2
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    text: NewServerProtocolsLogic.lineEditSsPortText
                    onEditingFinished: {
                        NewServerProtocolsLogic.lineEditSsPortText = text
                    }
                }
                LabelType {
                    width: 130
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    text: qsTr("Encryption")
                }
                ComboBoxType {
                    width: parent.width - 130 - parent.spacing - parent.leftPadding * 2
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    model: [
                        qsTr("chacha20-ietf-poly1305"),
                        qsTr("xchacha20-ietf-poly1305"),
                        qsTr("aes-256-gcm"),
                        qsTr("aes-192-gcm"),
                        qsTr("aes-128-gcm")
                    ]
                    currentIndex: {
                        for (let i = 0; i < model.length; ++i) {
                            if (NewServerProtocolsLogic.comboBoxSsCipherText === model[i]) {
                                return i
                            }
                        }
                        return -1
                    }
                    onCurrentTextChanged: {
                        NewServerProtocolsLogic.comboBoxSsCipherText = currentText
                    }
                }

            }

            InstallSettingsBase {
                containerDescription: qsTr("OpenVPN")
                onContainerChecked: NewServerProtocolsLogic.checkBoxOpenVpnChecked = checked

                LabelType {
                    width: 130
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    text: qsTr("Port (TCP/UDP)")
                }
                TextFieldType {
                    width: parent.width - 130 - parent.spacing - parent.leftPadding * 2
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    text: NewServerProtocolsLogic.lineEditOpenvpnPortText
                    onEditingFinished: {
                        NewServerProtocolsLogic.lineEditOpenvpnPortText = text
                    }
                }
                LabelType {
                    width: 130
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    text: qsTr("Protocol")
                }
                ComboBoxType {
                    width: parent.width - 130 - parent.spacing - parent.leftPadding * 2
                    height: (parent.height - parent.spacing - parent.topPadding * 2) / 2
                    model: [
                        qsTr("udp"),
                        qsTr("tcp"),
                    ]
                    currentIndex: {
                        for (let i = 0; i < model.length; ++i) {
                            if (NewServerProtocolsLogic.comboBoxOpenvpnProtoText === model[i]) {
                                return i
                            }
                        }
                        return -1
                    }
                    onCurrentTextChanged: {
                        NewServerProtocolsLogic.comboBoxOpenvpnProtoText = currentText
                    }
                }

            }

            InstallSettingsBase {
                visible: false
                containerDescription: qsTr("WireGuard")
                onContainerChecked: NewServerProtocolsLogic.checkBoxWireGuardChecked = checked

                LabelType {
                    width: 130
                    height: (parent.height - parent.spacing - parent.topPadding * 2)
                    text: qsTr("Port (UDP)")
                }
                TextFieldType {
                    width: parent.width - 130 - parent.spacing - parent.leftPadding * 2
                    height: (parent.height - parent.spacing - parent.topPadding * 2)
                    text: "32767"
                }
            }
        }
    }
}