ServerContainers qml ui started to fix
This commit is contained in:
Pokamest Nikak
parent
40fa2d6779
commit
542f363e92
17 changed files with 837 additions and 507 deletions
|
|
@ -8,6 +8,7 @@ Drawer {
|
|||
id: root
|
||||
signal containerSelected(int id)
|
||||
property alias selectedIndex: tb.currentIndex
|
||||
property var filter: function (item){ return item.is_vpn_role }
|
||||
|
||||
z: -3
|
||||
|
||||
|
|
@ -20,10 +21,6 @@ Drawer {
|
|||
modal: true
|
||||
interactive: true
|
||||
|
||||
onClosed: {
|
||||
tb.currentIndex = -1
|
||||
}
|
||||
|
||||
Flickable {
|
||||
clip: true
|
||||
anchors.fill: parent
|
||||
|
|
@ -54,9 +51,18 @@ Drawer {
|
|||
spacing: 1
|
||||
clip: true
|
||||
interactive: false
|
||||
model: UiLogic.allContainersModel
|
||||
model: UiLogic.containersModel
|
||||
|
||||
delegate: Item {
|
||||
required property int index
|
||||
|
||||
required property string name_role
|
||||
required property string desc_role
|
||||
required property bool is_vpn_role
|
||||
required property bool is_other_role
|
||||
required property bool is_installed_role
|
||||
|
||||
visible: filter(this)
|
||||
implicitWidth: 170 * 2
|
||||
implicitHeight: 30
|
||||
Item {
|
||||
|
|
@ -79,8 +85,8 @@ Drawer {
|
|||
}
|
||||
Text {
|
||||
id: text_name
|
||||
text: name
|
||||
font.pointSize: 12
|
||||
text: name_role
|
||||
font.pixelSize: 16
|
||||
anchors.fill: parent
|
||||
leftPadding: 10
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
|
|
@ -116,7 +122,7 @@ Drawer {
|
|||
// clip: true
|
||||
// interactive: false
|
||||
// property int currentRow: -1
|
||||
// model: UiLogic.allContainersModel
|
||||
// model: UiLogic.containersModel
|
||||
|
||||
// delegate: Item {
|
||||
// implicitWidth: 170 * 2
|
||||
|
|
@ -142,7 +148,7 @@ Drawer {
|
|||
// Text {
|
||||
// id: text_name_other
|
||||
// text: name
|
||||
// font.pointSize: 12
|
||||
// font.pixelSize: 16
|
||||
// anchors.fill: parent
|
||||
// leftPadding: 10
|
||||
// verticalAlignment: Text.AlignVCenter
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
import QtQuick 2.12
|
||||
import QtQuick.Controls 2.12
|
||||
import QtQuick.Layouts 1.3
|
||||
import "./"
|
||||
import "../Controls"
|
||||
import "../Config"
|
||||
|
|
@ -17,6 +18,7 @@ Item {
|
|||
|
||||
BlueButtonType {
|
||||
id: pushButtonConfigure
|
||||
enabled: container_selector.selectedIndex > 0
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
y: parent.height - 60
|
||||
width: parent.width - 40
|
||||
|
|
@ -27,7 +29,7 @@ Item {
|
|||
}
|
||||
}
|
||||
|
||||
RoundButton {
|
||||
BlueButtonType {
|
||||
id: pb_add_container
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
anchors.top: caption.bottom
|
||||
|
|
@ -35,31 +37,63 @@ Item {
|
|||
|
||||
width: parent.width - 40
|
||||
height: 40
|
||||
text: qsTr("Add protocol")
|
||||
font.pointSize: 12
|
||||
onClicked: drawer_menu.visible ? drawer_menu.close() : drawer_menu.open()
|
||||
text: qsTr("Select protocol container")
|
||||
font.pixelSize: 16
|
||||
onClicked: container_selector.visible ? container_selector.close() : container_selector.open()
|
||||
|
||||
}
|
||||
|
||||
SelectContainer {
|
||||
id: drawer_menu
|
||||
id: container_selector
|
||||
//filter: function (){ return is_vpn_role }
|
||||
}
|
||||
|
||||
Column {
|
||||
id: c1
|
||||
visible: container_selector.selectedIndex > 0
|
||||
width: parent.width
|
||||
anchors.top: pb_add_container.bottom
|
||||
anchors.topMargin: 10
|
||||
|
||||
Caption {
|
||||
font.pixelSize: 22
|
||||
text: UiLogic.containerName(container_selector.selectedIndex)
|
||||
}
|
||||
|
||||
Text {
|
||||
width: parent.width
|
||||
anchors.topMargin: 10
|
||||
padding: 10
|
||||
|
||||
font.family: "Lato"
|
||||
font.styleName: "normal"
|
||||
font.pixelSize: 16
|
||||
color: "#181922"
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
wrapMode: Text.Wrap
|
||||
|
||||
text: UiLogic.containerDesc(container_selector.selectedIndex)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
Rectangle {
|
||||
id: frame_settings
|
||||
visible: container_selector.selectedIndex > 0
|
||||
width: parent.width
|
||||
anchors.top: pb_add_container.bottom
|
||||
anchors.bottom: parent.bottom
|
||||
anchors.top: c1.bottom
|
||||
anchors.topMargin: 10
|
||||
|
||||
border.width: 1
|
||||
border.color: "lightgray"
|
||||
anchors.bottomMargin: 5
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
visible: false
|
||||
radius: 2
|
||||
Grid {
|
||||
id: container
|
||||
id: grid
|
||||
visible: container_selector.selectedIndex > 0
|
||||
anchors.fill: parent
|
||||
columns: 2
|
||||
horizontalItemAlignment: Grid.AlignHCenter
|
||||
|
|
@ -71,12 +105,10 @@ Item {
|
|||
|
||||
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
|
||||
|
|
@ -84,12 +116,10 @@ Item {
|
|||
}
|
||||
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"),
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ import QtQuick.Controls 2.12
|
|||
import "./"
|
||||
import "../Controls"
|
||||
import "../Config"
|
||||
import "InstallSettings"
|
||||
|
||||
Item {
|
||||
id: root
|
||||
|
|
@ -11,446 +12,565 @@ Item {
|
|||
id: back
|
||||
}
|
||||
Caption {
|
||||
id: caption
|
||||
text: qsTr("Protocols")
|
||||
}
|
||||
ProgressBar {
|
||||
id: progress_bar
|
||||
BlueButtonType {
|
||||
id: pb_add_container
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
y: 570
|
||||
width: 301
|
||||
anchors.top: caption.bottom
|
||||
anchors.topMargin: 10
|
||||
|
||||
width: parent.width - 40
|
||||
height: 40
|
||||
from: 0
|
||||
to: ServerContainersLogic.progressBarProtocolsContainerReinstallMaximium
|
||||
value: ServerContainersLogic.progressBarProtocolsContainerReinstallValue
|
||||
visible: ServerContainersLogic.progressBarProtocolsContainerReinstallVisible
|
||||
background: Rectangle {
|
||||
implicitWidth: parent.width
|
||||
implicitHeight: parent.height
|
||||
color: "#100A44"
|
||||
radius: 4
|
||||
}
|
||||
text: qsTr("Add protocols container")
|
||||
font.pixelSize: 16
|
||||
onClicked: container_selector.visible ? container_selector.close() : container_selector.open()
|
||||
|
||||
contentItem: Item {
|
||||
implicitWidth: parent.width
|
||||
implicitHeight: parent.height
|
||||
Rectangle {
|
||||
width: progress_bar.visualPosition * parent.width
|
||||
height: parent.height
|
||||
radius: 4
|
||||
color: Qt.rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
LabelType {
|
||||
anchors.fill: parent
|
||||
text: qsTr("Configuring...")
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
font.family: "Lato"
|
||||
font.styleName: "normal"
|
||||
font.pixelSize: 16
|
||||
color: "#D4D4D4"
|
||||
}
|
||||
}
|
||||
ScrollView {
|
||||
x: 0
|
||||
y: 70
|
||||
width: 380
|
||||
height: 471
|
||||
SelectContainer {
|
||||
id: container_selector
|
||||
filter: function (item){ return ! item.is_installed_role && (item.is_vpn_role || item.is_other_role)}
|
||||
}
|
||||
|
||||
Flickable {
|
||||
clip: true
|
||||
width: parent.width
|
||||
anchors.top: pb_add_container.bottom
|
||||
anchors.bottom: parent.bottom
|
||||
contentHeight: col.height
|
||||
|
||||
Column {
|
||||
spacing: 5
|
||||
Rectangle {
|
||||
id: frame_openvpn_ss_cloak
|
||||
x: 9
|
||||
height: 135
|
||||
width: 363
|
||||
border.width: 1
|
||||
border.color: "lightgray"
|
||||
radius: 2
|
||||
visible: ServerContainersLogic.frameOpenvpnSsCloakSettingsVisible
|
||||
Item {
|
||||
x: 5
|
||||
y: 5
|
||||
width: parent.width - 10
|
||||
height: parent.height - 10
|
||||
LabelType {
|
||||
anchors.left: parent.left
|
||||
width: 239
|
||||
height: 24
|
||||
text: qsTr("Cloak container")
|
||||
leftPadding: 5
|
||||
}
|
||||
ImageButtonType {
|
||||
anchors.right: sr1.left
|
||||
anchors.rightMargin: 5
|
||||
checkable: true
|
||||
icon.source: checked ? "qrc:/images/check.png" : "qrc:/images/uncheck.png"
|
||||
width: 24
|
||||
height: 24
|
||||
checked: ServerContainersLogic.pushButtonCloakOpenVpnContDefaultChecked
|
||||
onCheckedChanged: {
|
||||
ServerContainersLogic.pushButtonCloakOpenVpnContDefaultChecked = checked
|
||||
}
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoCloakOpenVpnContDefaultClicked(checked)
|
||||
}
|
||||
|
||||
visible: ServerContainersLogic.pushButtonCloakOpenVpnContDefaultVisible
|
||||
}
|
||||
|
||||
ImageButtonType {
|
||||
id: sr1
|
||||
anchors.right: cn1.left
|
||||
anchors.rightMargin: 5
|
||||
icon.source: "qrc:/images/share.png"
|
||||
width: 24
|
||||
height: 24
|
||||
visible: ServerContainersLogic.pushButtonCloakOpenVpnContShareVisible
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoCloakOpenVpnContShareClicked(false)
|
||||
}
|
||||
}
|
||||
ImageButtonType {
|
||||
id: cn1
|
||||
anchors.right: parent.right
|
||||
checkable: true
|
||||
icon.source: checked ? "qrc:/images/connect_button_connected.png"
|
||||
: "qrc:/images/connect_button_disconnected.png"
|
||||
width: 36
|
||||
height: 24
|
||||
checked: ServerContainersLogic.pushButtonCloakOpenVpnContInstallChecked
|
||||
onCheckedChanged: {
|
||||
ServerContainersLogic.pushButtonCloakOpenVpnContInstallChecked = checked
|
||||
}
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoCloakOpenVpnContInstallClicked(checked)
|
||||
}
|
||||
enabled: ServerContainersLogic.pushButtonCloakOpenVpnContInstallEnabled
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
x: 10
|
||||
y: 42
|
||||
height: 83
|
||||
width: 343
|
||||
border.width: 1
|
||||
border.color: "lightgray"
|
||||
radius: 2
|
||||
SettingButtonType {
|
||||
x: 10
|
||||
y: 10
|
||||
width: 323
|
||||
height: 24
|
||||
text: qsTr("OpenVPN settings")
|
||||
icon.source: "qrc:/images/settings.png"
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoCloakOpenVpnContOpenvpnConfigClicked()
|
||||
}
|
||||
}
|
||||
SettingButtonType {
|
||||
x: 10
|
||||
y: 33
|
||||
width: 323
|
||||
height: 24
|
||||
text: qsTr("ShadowSocks settings")
|
||||
icon.source: "qrc:/images/settings.png"
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoCloakOpenVpnContSsConfigClicked()
|
||||
}
|
||||
}
|
||||
SettingButtonType {
|
||||
x: 10
|
||||
y: 56
|
||||
width: 323
|
||||
height: 24
|
||||
text: qsTr("Cloak settings")
|
||||
icon.source: "qrc:/images/settings.png"
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoCloakOpenVpnContCloakConfigClicked()
|
||||
}
|
||||
}
|
||||
}
|
||||
id: col
|
||||
anchors {
|
||||
left: parent.left;
|
||||
right: parent.right;
|
||||
}
|
||||
Rectangle {
|
||||
id: frame_openvpn_ss
|
||||
x: 9
|
||||
height: 105
|
||||
width: 363
|
||||
border.width: 1
|
||||
border.color: "lightgray"
|
||||
radius: 2
|
||||
visible: ServerContainersLogic.frameOpenvpnSsSettingsVisible
|
||||
Item {
|
||||
x: 5
|
||||
y: 5
|
||||
width: parent.width - 10
|
||||
height: parent.height - 10
|
||||
LabelType {
|
||||
anchors.left: parent.left
|
||||
width: 239
|
||||
height: 24
|
||||
text: qsTr("ShadowSocks container")
|
||||
leftPadding: 5
|
||||
}
|
||||
ImageButtonType {
|
||||
anchors.right: sr2.left
|
||||
anchors.rightMargin: 5
|
||||
checkable: true
|
||||
icon.source: checked ? "qrc:/images/check.png" : "qrc:/images/uncheck.png"
|
||||
width: 24
|
||||
height: 24
|
||||
checked: ServerContainersLogic.pushButtonSsOpenVpnContDefaultChecked
|
||||
onCheckedChanged: {
|
||||
ServerContainersLogic.pushButtonSsOpenVpnContDefaultChecked = checked
|
||||
}
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoSsOpenVpnContDefaultClicked(checked)
|
||||
}
|
||||
topPadding: 20
|
||||
spacing: 10
|
||||
|
||||
visible: ServerContainersLogic.pushButtonSsOpenVpnContDefaultVisible
|
||||
}
|
||||
Caption {
|
||||
id: cap1
|
||||
text: qsTr("Installed VPN containers")
|
||||
font.pixelSize: 20
|
||||
|
||||
ImageButtonType {
|
||||
id: sr2
|
||||
anchors.right: cn2.left
|
||||
anchors.rightMargin: 5
|
||||
icon.source: "qrc:/images/share.png"
|
||||
width: 24
|
||||
height: 24
|
||||
visible: ServerContainersLogic.pushButtonSsOpenVpnContShareVisible
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoSsOpenVpnContShareClicked(false)
|
||||
}
|
||||
}
|
||||
ImageButtonType {
|
||||
id: cn2
|
||||
anchors.right: parent.right
|
||||
checkable: true
|
||||
icon.source: checked ? "qrc:/images/connect_button_connected.png"
|
||||
: "qrc:/images/connect_button_disconnected.png"
|
||||
width: 36
|
||||
height: 24
|
||||
checked: ServerContainersLogic.pushButtonSsOpenVpnContInstallChecked
|
||||
onCheckedChanged: {
|
||||
ServerContainersLogic.pushButtonSsOpenVpnContInstallChecked = checked
|
||||
}
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoSsOpenVpnContInstallClicked(checked)
|
||||
}
|
||||
enabled: ServerContainersLogic.pushButtonSsOpenVpnContInstallEnabled
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
x: 10
|
||||
y: 42
|
||||
height: 53
|
||||
width: 343
|
||||
border.width: 1
|
||||
border.color: "lightgray"
|
||||
radius: 2
|
||||
SettingButtonType {
|
||||
x: 10
|
||||
y: 5
|
||||
width: 323
|
||||
height: 24
|
||||
text: qsTr("OpenVPN settings")
|
||||
icon.source: "qrc:/images/settings.png"
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoSsOpenVpnContOpenvpnConfigClicked()
|
||||
}
|
||||
}
|
||||
SettingButtonType {
|
||||
x: 10
|
||||
y: 27
|
||||
width: 323
|
||||
height: 24
|
||||
text: qsTr("ShadowSocks settings")
|
||||
icon.source: "qrc:/images/settings.png"
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoSsOpenVpnContSsConfigClicked()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
id: frame_openvpn
|
||||
x: 9
|
||||
height: 100
|
||||
width: 363
|
||||
border.width: 1
|
||||
border.color: "lightgray"
|
||||
radius: 2
|
||||
visible: ServerContainersLogic.frameOpenvpnSettingsVisible
|
||||
Item {
|
||||
x: 5
|
||||
y: 5
|
||||
width: parent.width - 10
|
||||
height: parent.height - 10
|
||||
LabelType {
|
||||
|
||||
ListView {
|
||||
id: tb
|
||||
x: 10
|
||||
width: parent.width - 40
|
||||
height: contentItem.height
|
||||
|
||||
spacing: 1
|
||||
clip: true
|
||||
interactive: false
|
||||
model: UiLogic.containersModel
|
||||
|
||||
delegate: Item {
|
||||
required property int index
|
||||
|
||||
required property string name_role
|
||||
required property string desc_role
|
||||
required property bool is_vpn_role
|
||||
required property bool is_other_role
|
||||
required property bool is_installed_role
|
||||
|
||||
visible: true
|
||||
implicitWidth: 170 * 2
|
||||
implicitHeight: 30
|
||||
Item {
|
||||
width: parent.width
|
||||
height: 30
|
||||
anchors.left: parent.left
|
||||
width: 239
|
||||
height: 24
|
||||
text: qsTr("OpenVPN container")
|
||||
leftPadding: 5
|
||||
}
|
||||
ImageButtonType {
|
||||
anchors.right: sr3.left
|
||||
anchors.rightMargin: 5
|
||||
checkable: true
|
||||
icon.source: checked ? "qrc:/images/check.png" : "qrc:/images/uncheck.png"
|
||||
width: 24
|
||||
height: 24
|
||||
checked: ServerContainersLogic.pushButtonOpenVpnContDefaultChecked
|
||||
onCheckedChanged: {
|
||||
ServerContainersLogic.pushButtonOpenVpnContDefaultChecked = checked
|
||||
}
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoOpenVpnContDefaultClicked(checked)
|
||||
id: c1
|
||||
Rectangle {
|
||||
anchors.top: parent.top
|
||||
width: parent.width
|
||||
height: 1
|
||||
color: "lightgray"
|
||||
visible: index !== tb.currentIndex
|
||||
}
|
||||
Rectangle {
|
||||
anchors.fill: parent
|
||||
color: "#63B4FB"
|
||||
visible: index === tb.currentIndex
|
||||
|
||||
visible: ServerContainersLogic.pushButtonOpenVpnContDefaultVisible
|
||||
}
|
||||
Text {
|
||||
id: text_name
|
||||
text: name_role
|
||||
font.pixelSize: 16
|
||||
anchors.fill: parent
|
||||
leftPadding: 10
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
wrapMode: Text.WordWrap
|
||||
}
|
||||
}
|
||||
|
||||
ImageButtonType {
|
||||
id: sr3
|
||||
anchors.right: cn3.left
|
||||
anchors.rightMargin: 5
|
||||
icon.source: "qrc:/images/share.png"
|
||||
width: 24
|
||||
height: 24
|
||||
visible: ServerContainersLogic.pushButtonOpenVpnContShareVisible
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoOpenVpnContShareClicked(false)
|
||||
tb.currentIndex = index
|
||||
containerSelected(index)
|
||||
root.close()
|
||||
}
|
||||
}
|
||||
ImageButtonType {
|
||||
id: cn3
|
||||
anchors.right: parent.right
|
||||
checkable: true
|
||||
icon.source: checked ? "qrc:/images/connect_button_connected.png"
|
||||
: "qrc:/images/connect_button_disconnected.png"
|
||||
width: 36
|
||||
height: 24
|
||||
checked: ServerContainersLogic.pushButtonOpenVpnContInstallChecked
|
||||
onCheckedChanged: {
|
||||
ServerContainersLogic.pushButtonOpenVpnContInstallChecked = checked
|
||||
}
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoOpenVpnContInstallClicked(checked)
|
||||
}
|
||||
enabled: ServerContainersLogic.pushButtonOpenVpnContInstallEnabled
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
x: 10
|
||||
y: 42
|
||||
height: 44
|
||||
width: 343
|
||||
border.width: 1
|
||||
border.color: "lightgray"
|
||||
radius: 2
|
||||
SettingButtonType {
|
||||
x: 10
|
||||
y: 10
|
||||
width: 323
|
||||
height: 24
|
||||
text: qsTr("OpenVPN settings")
|
||||
icon.source: "qrc:/images/settings.png"
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoOpenVpnContOpenvpnConfigClicked()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
id: frame_wireguard
|
||||
x: 9
|
||||
height: 100
|
||||
width: 363
|
||||
border.width: 1
|
||||
border.color: "lightgray"
|
||||
radius: 2
|
||||
visible: ServerContainersLogic.frameWireguardVisible
|
||||
Item {
|
||||
x: 5
|
||||
y: 5
|
||||
width: parent.width - 10
|
||||
height: parent.height - 10
|
||||
LabelType {
|
||||
anchors.left: parent.left
|
||||
width: 239
|
||||
height: 24
|
||||
text: qsTr("WireGuard container")
|
||||
leftPadding: 5
|
||||
}
|
||||
ImageButtonType {
|
||||
anchors.right: sr4.left
|
||||
anchors.rightMargin: 5
|
||||
checkable: true
|
||||
icon.source: checked ? "qrc:/images/check.png" : "qrc:/images/uncheck.png"
|
||||
width: 24
|
||||
height: 24
|
||||
checked: ServerContainersLogic.pushButtonWireguardContDefaultChecked
|
||||
onCheckedChanged: {
|
||||
ServerContainersLogic.pushButtonWireguardContDefaultChecked = checked
|
||||
}
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoWireguardContDefaultClicked(checked)
|
||||
}
|
||||
|
||||
visible: ServerContainersLogic.pushButtonWireguardContDefaultVisible
|
||||
}
|
||||
|
||||
ImageButtonType {
|
||||
id: sr4
|
||||
anchors.right: cn4.left
|
||||
anchors.rightMargin: 5
|
||||
icon.source: "qrc:/images/share.png"
|
||||
width: 24
|
||||
height: 24
|
||||
visible: ServerContainersLogic.pushButtonWireguardContShareVisible
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoWireguardContShareClicked(false)
|
||||
}
|
||||
}
|
||||
ImageButtonType {
|
||||
id: cn4
|
||||
anchors.right: parent.right
|
||||
checkable: true
|
||||
icon.source: checked ? "qrc:/images/connect_button_connected.png"
|
||||
: "qrc:/images/connect_button_disconnected.png"
|
||||
width: 36
|
||||
height: 24
|
||||
checked: ServerContainersLogic.pushButtonWireguardContInstallChecked
|
||||
onCheckedChanged: {
|
||||
ServerContainersLogic.pushButtonWireguardContInstallChecked = checked
|
||||
}
|
||||
onClicked: {
|
||||
ServerContainersLogic.onPushButtonProtoWireguardContInstallClicked(checked)
|
||||
}
|
||||
enabled: ServerContainersLogic.pushButtonWireguardContInstallEnabled
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
id: frame_wireguard_settings
|
||||
visible: ServerContainersLogic.frameWireguardSettingsVisible
|
||||
x: 10
|
||||
y: 42
|
||||
height: 44
|
||||
width: 343
|
||||
border.width: 1
|
||||
border.color: "lightgray"
|
||||
radius: 2
|
||||
SettingButtonType {
|
||||
x: 10
|
||||
y: 10
|
||||
width: 323
|
||||
height: 24
|
||||
text: qsTr("WireGuard settings")
|
||||
icon.source: "qrc:/images/settings.png"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ProgressBar {
|
||||
// id: progress_bar
|
||||
// anchors.horizontalCenter: parent.horizontalCenter
|
||||
// y: 570
|
||||
// width: 301
|
||||
// height: 40
|
||||
// from: 0
|
||||
// to: ServerContainersLogic.progressBarProtocolsContainerReinstallMaximium
|
||||
// value: ServerContainersLogic.progressBarProtocolsContainerReinstallValue
|
||||
// visible: ServerContainersLogic.progressBarProtocolsContainerReinstallVisible
|
||||
// background: Rectangle {
|
||||
// implicitWidth: parent.width
|
||||
// implicitHeight: parent.height
|
||||
// color: "#100A44"
|
||||
// radius: 4
|
||||
// }
|
||||
|
||||
// contentItem: Item {
|
||||
// implicitWidth: parent.width
|
||||
// implicitHeight: parent.height
|
||||
// Rectangle {
|
||||
// width: progress_bar.visualPosition * parent.width
|
||||
// height: parent.height
|
||||
// radius: 4
|
||||
// color: Qt.rgba(255, 255, 255, 0.15);
|
||||
// }
|
||||
// }
|
||||
|
||||
// LabelType {
|
||||
// anchors.fill: parent
|
||||
// text: qsTr("Configuring...")
|
||||
// horizontalAlignment: Text.AlignHCenter
|
||||
// font.family: "Lato"
|
||||
// font.styleName: "normal"
|
||||
// font.pixelSize: 16
|
||||
// color: "#D4D4D4"
|
||||
// }
|
||||
// }
|
||||
// ScrollView {
|
||||
// x: 0
|
||||
// y: 190
|
||||
// width: 380
|
||||
// height: 471
|
||||
// clip: true
|
||||
// Column {
|
||||
// spacing: 5
|
||||
// Rectangle {
|
||||
// id: frame_openvpn_ss_cloak
|
||||
// x: 9
|
||||
// height: 135
|
||||
// width: 363
|
||||
// border.width: 1
|
||||
// border.color: "lightgray"
|
||||
// radius: 2
|
||||
// visible: ServerContainersLogic.frameOpenvpnSsCloakSettingsVisible
|
||||
// Item {
|
||||
// x: 5
|
||||
// y: 5
|
||||
// width: parent.width - 10
|
||||
// height: parent.height - 10
|
||||
// LabelType {
|
||||
// anchors.left: parent.left
|
||||
// width: 239
|
||||
// height: 24
|
||||
// text: qsTr("Cloak container")
|
||||
// leftPadding: 5
|
||||
// }
|
||||
// ImageButtonType {
|
||||
// anchors.right: sr1.left
|
||||
// anchors.rightMargin: 5
|
||||
// checkable: true
|
||||
// icon.source: checked ? "qrc:/images/check.png" : "qrc:/images/uncheck.png"
|
||||
// width: 24
|
||||
// height: 24
|
||||
// checked: ServerContainersLogic.pushButtonCloakOpenVpnContDefaultChecked
|
||||
// onCheckedChanged: {
|
||||
// ServerContainersLogic.pushButtonCloakOpenVpnContDefaultChecked = checked
|
||||
// }
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoCloakOpenVpnContDefaultClicked(checked)
|
||||
// }
|
||||
|
||||
// visible: ServerContainersLogic.pushButtonCloakOpenVpnContDefaultVisible
|
||||
// }
|
||||
|
||||
// ImageButtonType {
|
||||
// id: sr1
|
||||
// anchors.right: cn1.left
|
||||
// anchors.rightMargin: 5
|
||||
// icon.source: "qrc:/images/share.png"
|
||||
// width: 24
|
||||
// height: 24
|
||||
// visible: ServerContainersLogic.pushButtonCloakOpenVpnContShareVisible
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoCloakOpenVpnContShareClicked(false)
|
||||
// }
|
||||
// }
|
||||
// ImageButtonType {
|
||||
// id: cn1
|
||||
// anchors.right: parent.right
|
||||
// checkable: true
|
||||
// icon.source: checked ? "qrc:/images/connect_button_connected.png"
|
||||
// : "qrc:/images/connect_button_disconnected.png"
|
||||
// width: 36
|
||||
// height: 24
|
||||
// checked: ServerContainersLogic.pushButtonCloakOpenVpnContInstallChecked
|
||||
// onCheckedChanged: {
|
||||
// ServerContainersLogic.pushButtonCloakOpenVpnContInstallChecked = checked
|
||||
// }
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoCloakOpenVpnContInstallClicked(checked)
|
||||
// }
|
||||
// enabled: ServerContainersLogic.pushButtonCloakOpenVpnContInstallEnabled
|
||||
// }
|
||||
// }
|
||||
// Rectangle {
|
||||
// x: 10
|
||||
// y: 42
|
||||
// height: 83
|
||||
// width: 343
|
||||
// border.width: 1
|
||||
// border.color: "lightgray"
|
||||
// radius: 2
|
||||
// SettingButtonType {
|
||||
// x: 10
|
||||
// y: 10
|
||||
// width: 323
|
||||
// height: 24
|
||||
// text: qsTr("OpenVPN settings")
|
||||
// icon.source: "qrc:/images/settings.png"
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoCloakOpenVpnContOpenvpnConfigClicked()
|
||||
// }
|
||||
// }
|
||||
// SettingButtonType {
|
||||
// x: 10
|
||||
// y: 33
|
||||
// width: 323
|
||||
// height: 24
|
||||
// text: qsTr("ShadowSocks settings")
|
||||
// icon.source: "qrc:/images/settings.png"
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoCloakOpenVpnContSsConfigClicked()
|
||||
// }
|
||||
// }
|
||||
// SettingButtonType {
|
||||
// x: 10
|
||||
// y: 56
|
||||
// width: 323
|
||||
// height: 24
|
||||
// text: qsTr("Cloak settings")
|
||||
// icon.source: "qrc:/images/settings.png"
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoCloakOpenVpnContCloakConfigClicked()
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// Rectangle {
|
||||
// id: frame_openvpn_ss
|
||||
// x: 9
|
||||
// height: 105
|
||||
// width: 363
|
||||
// border.width: 1
|
||||
// border.color: "lightgray"
|
||||
// radius: 2
|
||||
// visible: ServerContainersLogic.frameOpenvpnSsSettingsVisible
|
||||
// Item {
|
||||
// x: 5
|
||||
// y: 5
|
||||
// width: parent.width - 10
|
||||
// height: parent.height - 10
|
||||
// LabelType {
|
||||
// anchors.left: parent.left
|
||||
// width: 239
|
||||
// height: 24
|
||||
// text: qsTr("ShadowSocks container")
|
||||
// leftPadding: 5
|
||||
// }
|
||||
// ImageButtonType {
|
||||
// anchors.right: sr2.left
|
||||
// anchors.rightMargin: 5
|
||||
// checkable: true
|
||||
// icon.source: checked ? "qrc:/images/check.png" : "qrc:/images/uncheck.png"
|
||||
// width: 24
|
||||
// height: 24
|
||||
// checked: ServerContainersLogic.pushButtonSsOpenVpnContDefaultChecked
|
||||
// onCheckedChanged: {
|
||||
// ServerContainersLogic.pushButtonSsOpenVpnContDefaultChecked = checked
|
||||
// }
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoSsOpenVpnContDefaultClicked(checked)
|
||||
// }
|
||||
|
||||
// visible: ServerContainersLogic.pushButtonSsOpenVpnContDefaultVisible
|
||||
// }
|
||||
|
||||
// ImageButtonType {
|
||||
// id: sr2
|
||||
// anchors.right: cn2.left
|
||||
// anchors.rightMargin: 5
|
||||
// icon.source: "qrc:/images/share.png"
|
||||
// width: 24
|
||||
// height: 24
|
||||
// visible: ServerContainersLogic.pushButtonSsOpenVpnContShareVisible
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoSsOpenVpnContShareClicked(false)
|
||||
// }
|
||||
// }
|
||||
// ImageButtonType {
|
||||
// id: cn2
|
||||
// anchors.right: parent.right
|
||||
// checkable: true
|
||||
// icon.source: checked ? "qrc:/images/connect_button_connected.png"
|
||||
// : "qrc:/images/connect_button_disconnected.png"
|
||||
// width: 36
|
||||
// height: 24
|
||||
// checked: ServerContainersLogic.pushButtonSsOpenVpnContInstallChecked
|
||||
// onCheckedChanged: {
|
||||
// ServerContainersLogic.pushButtonSsOpenVpnContInstallChecked = checked
|
||||
// }
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoSsOpenVpnContInstallClicked(checked)
|
||||
// }
|
||||
// enabled: ServerContainersLogic.pushButtonSsOpenVpnContInstallEnabled
|
||||
// }
|
||||
// }
|
||||
// Rectangle {
|
||||
// x: 10
|
||||
// y: 42
|
||||
// height: 53
|
||||
// width: 343
|
||||
// border.width: 1
|
||||
// border.color: "lightgray"
|
||||
// radius: 2
|
||||
// SettingButtonType {
|
||||
// x: 10
|
||||
// y: 5
|
||||
// width: 323
|
||||
// height: 24
|
||||
// text: qsTr("OpenVPN settings")
|
||||
// icon.source: "qrc:/images/settings.png"
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoSsOpenVpnContOpenvpnConfigClicked()
|
||||
// }
|
||||
// }
|
||||
// SettingButtonType {
|
||||
// x: 10
|
||||
// y: 27
|
||||
// width: 323
|
||||
// height: 24
|
||||
// text: qsTr("ShadowSocks settings")
|
||||
// icon.source: "qrc:/images/settings.png"
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoSsOpenVpnContSsConfigClicked()
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// Rectangle {
|
||||
// id: frame_openvpn
|
||||
// x: 9
|
||||
// height: 100
|
||||
// width: 363
|
||||
// border.width: 1
|
||||
// border.color: "lightgray"
|
||||
// radius: 2
|
||||
// visible: ServerContainersLogic.frameOpenvpnSettingsVisible
|
||||
// Item {
|
||||
// x: 5
|
||||
// y: 5
|
||||
// width: parent.width - 10
|
||||
// height: parent.height - 10
|
||||
// LabelType {
|
||||
// anchors.left: parent.left
|
||||
// width: 239
|
||||
// height: 24
|
||||
// text: qsTr("OpenVPN container")
|
||||
// leftPadding: 5
|
||||
// }
|
||||
// ImageButtonType {
|
||||
// anchors.right: sr3.left
|
||||
// anchors.rightMargin: 5
|
||||
// checkable: true
|
||||
// icon.source: checked ? "qrc:/images/check.png" : "qrc:/images/uncheck.png"
|
||||
// width: 24
|
||||
// height: 24
|
||||
// checked: ServerContainersLogic.pushButtonOpenVpnContDefaultChecked
|
||||
// onCheckedChanged: {
|
||||
// ServerContainersLogic.pushButtonOpenVpnContDefaultChecked = checked
|
||||
// }
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoOpenVpnContDefaultClicked(checked)
|
||||
// }
|
||||
|
||||
// visible: ServerContainersLogic.pushButtonOpenVpnContDefaultVisible
|
||||
// }
|
||||
|
||||
// ImageButtonType {
|
||||
// id: sr3
|
||||
// anchors.right: cn3.left
|
||||
// anchors.rightMargin: 5
|
||||
// icon.source: "qrc:/images/share.png"
|
||||
// width: 24
|
||||
// height: 24
|
||||
// visible: ServerContainersLogic.pushButtonOpenVpnContShareVisible
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoOpenVpnContShareClicked(false)
|
||||
// }
|
||||
// }
|
||||
// ImageButtonType {
|
||||
// id: cn3
|
||||
// anchors.right: parent.right
|
||||
// checkable: true
|
||||
// icon.source: checked ? "qrc:/images/connect_button_connected.png"
|
||||
// : "qrc:/images/connect_button_disconnected.png"
|
||||
// width: 36
|
||||
// height: 24
|
||||
// checked: ServerContainersLogic.pushButtonOpenVpnContInstallChecked
|
||||
// onCheckedChanged: {
|
||||
// ServerContainersLogic.pushButtonOpenVpnContInstallChecked = checked
|
||||
// }
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoOpenVpnContInstallClicked(checked)
|
||||
// }
|
||||
// enabled: ServerContainersLogic.pushButtonOpenVpnContInstallEnabled
|
||||
// }
|
||||
// }
|
||||
// Rectangle {
|
||||
// x: 10
|
||||
// y: 42
|
||||
// height: 44
|
||||
// width: 343
|
||||
// border.width: 1
|
||||
// border.color: "lightgray"
|
||||
// radius: 2
|
||||
// SettingButtonType {
|
||||
// x: 10
|
||||
// y: 10
|
||||
// width: 323
|
||||
// height: 24
|
||||
// text: qsTr("OpenVPN settings")
|
||||
// icon.source: "qrc:/images/settings.png"
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoOpenVpnContOpenvpnConfigClicked()
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// Rectangle {
|
||||
// id: frame_wireguard
|
||||
// x: 9
|
||||
// height: 100
|
||||
// width: 363
|
||||
// border.width: 1
|
||||
// border.color: "lightgray"
|
||||
// radius: 2
|
||||
// visible: ServerContainersLogic.frameWireguardVisible
|
||||
// Item {
|
||||
// x: 5
|
||||
// y: 5
|
||||
// width: parent.width - 10
|
||||
// height: parent.height - 10
|
||||
// LabelType {
|
||||
// anchors.left: parent.left
|
||||
// width: 239
|
||||
// height: 24
|
||||
// text: qsTr("WireGuard container")
|
||||
// leftPadding: 5
|
||||
// }
|
||||
// ImageButtonType {
|
||||
// anchors.right: sr4.left
|
||||
// anchors.rightMargin: 5
|
||||
// checkable: true
|
||||
// icon.source: checked ? "qrc:/images/check.png" : "qrc:/images/uncheck.png"
|
||||
// width: 24
|
||||
// height: 24
|
||||
// checked: ServerContainersLogic.pushButtonWireguardContDefaultChecked
|
||||
// onCheckedChanged: {
|
||||
// ServerContainersLogic.pushButtonWireguardContDefaultChecked = checked
|
||||
// }
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoWireguardContDefaultClicked(checked)
|
||||
// }
|
||||
|
||||
// visible: ServerContainersLogic.pushButtonWireguardContDefaultVisible
|
||||
// }
|
||||
|
||||
// ImageButtonType {
|
||||
// id: sr4
|
||||
// anchors.right: cn4.left
|
||||
// anchors.rightMargin: 5
|
||||
// icon.source: "qrc:/images/share.png"
|
||||
// width: 24
|
||||
// height: 24
|
||||
// visible: ServerContainersLogic.pushButtonWireguardContShareVisible
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoWireguardContShareClicked(false)
|
||||
// }
|
||||
// }
|
||||
// ImageButtonType {
|
||||
// id: cn4
|
||||
// anchors.right: parent.right
|
||||
// checkable: true
|
||||
// icon.source: checked ? "qrc:/images/connect_button_connected.png"
|
||||
// : "qrc:/images/connect_button_disconnected.png"
|
||||
// width: 36
|
||||
// height: 24
|
||||
// checked: ServerContainersLogic.pushButtonWireguardContInstallChecked
|
||||
// onCheckedChanged: {
|
||||
// ServerContainersLogic.pushButtonWireguardContInstallChecked = checked
|
||||
// }
|
||||
// onClicked: {
|
||||
// ServerContainersLogic.onPushButtonProtoWireguardContInstallClicked(checked)
|
||||
// }
|
||||
// enabled: ServerContainersLogic.pushButtonWireguardContInstallEnabled
|
||||
// }
|
||||
// }
|
||||
// Rectangle {
|
||||
// id: frame_wireguard_settings
|
||||
// visible: ServerContainersLogic.frameWireguardSettingsVisible
|
||||
// x: 10
|
||||
// y: 42
|
||||
// height: 44
|
||||
// width: 343
|
||||
// border.width: 1
|
||||
// border.color: "lightgray"
|
||||
// radius: 2
|
||||
// SettingButtonType {
|
||||
// x: 10
|
||||
// y: 10
|
||||
// width: 323
|
||||
// height: 24
|
||||
// text: qsTr("WireGuard settings")
|
||||
// icon.source: "qrc:/images/settings.png"
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue