216 lines
6 KiB
QML
216 lines
6 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import QtQuick.Dialogs
|
|
|
|
import PageEnum 1.0
|
|
import Style 1.0
|
|
|
|
import "./"
|
|
import "../Controls2"
|
|
import "../Controls2/TextTypes"
|
|
import "../Config"
|
|
|
|
PageType {
|
|
id: root
|
|
|
|
property bool showContent: false
|
|
|
|
BackButtonType {
|
|
id: backButton
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.topMargin: 20
|
|
}
|
|
|
|
Connections {
|
|
target: ImportController
|
|
|
|
function onImportErrorOccurred(error, goToPageHome) {
|
|
if (goToPageHome) {
|
|
PageController.goToStartPage()
|
|
} else {
|
|
PageController.closePage()
|
|
}
|
|
}
|
|
|
|
function onImportFinished() {
|
|
if (!ConnectionController.isConnected) {
|
|
ServersModel.setDefaultServerIndex(ServersModel.getServersCount() - 1);
|
|
ServersModel.processedIndex = ServersModel.defaultIndex
|
|
}
|
|
|
|
PageController.goToPageHome()
|
|
}
|
|
}
|
|
|
|
ListViewType {
|
|
id: listView
|
|
|
|
anchors.top: backButton.bottom
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
|
|
header: ColumnLayout {
|
|
width: listView.width
|
|
|
|
BaseHeaderType {
|
|
Layout.leftMargin: 16
|
|
Layout.rightMargin: 16
|
|
|
|
headerText: qsTr("New connection")
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.topMargin: 32
|
|
Layout.leftMargin: 16
|
|
Layout.rightMargin: 16
|
|
|
|
spacing: 8
|
|
|
|
visible: fileName.text !== ""
|
|
|
|
Image {
|
|
source: "qrc:/images/controls/file-check-2.svg"
|
|
}
|
|
|
|
Header2TextType {
|
|
id: fileName
|
|
|
|
Layout.fillWidth: true
|
|
|
|
text: ImportController.getConfigFileName()
|
|
wrapMode: Text.Wrap
|
|
}
|
|
}
|
|
|
|
BasicButtonType {
|
|
id: showContentButton
|
|
Layout.topMargin: 16
|
|
Layout.leftMargin: 16
|
|
Layout.rightMargin: 16
|
|
|
|
implicitHeight: 32
|
|
|
|
defaultColor: AmneziaStyle.color.transparent
|
|
hoveredColor: AmneziaStyle.color.translucentWhite
|
|
pressedColor: AmneziaStyle.color.sheerWhite
|
|
disabledColor: AmneziaStyle.color.mutedGray
|
|
textColor: AmneziaStyle.color.goldenApricot
|
|
|
|
text: showContent ? qsTr("Collapse content") : qsTr("Show content")
|
|
|
|
clickedFunc: function() {
|
|
showContent = !showContent
|
|
}
|
|
}
|
|
|
|
CheckBoxType {
|
|
id: cloakingCheckBox
|
|
objectName: "cloakingCheckBox"
|
|
|
|
visible: ImportController.isNativeWireGuardConfig()
|
|
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 16
|
|
Layout.rightMargin: 16
|
|
|
|
text: qsTr("Enable WireGuard obfuscation. It may be useful if WireGuard is blocked on your provider.")
|
|
}
|
|
}
|
|
|
|
model: 1 // fake model to force the ListView to be created without a model
|
|
|
|
delegate: ColumnLayout {
|
|
width: listView.width
|
|
|
|
WarningType {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
Layout.leftMargin: 16
|
|
Layout.rightMargin: 16
|
|
|
|
textString: ImportController.getMaliciousWarningText()
|
|
textFormat: Qt.RichText
|
|
visible: textString !== ""
|
|
|
|
iconPath: "qrc:/images/controls/alert-circle.svg"
|
|
|
|
textColor: AmneziaStyle.color.vibrantRed
|
|
imageColor: AmneziaStyle.color.vibrantRed
|
|
}
|
|
|
|
WarningType {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
Layout.leftMargin: 16
|
|
Layout.rightMargin: 16
|
|
|
|
textString: qsTr("Use connection codes only from sources you trust. Codes from public sources may have been created to intercept your data.")
|
|
|
|
iconPath: "qrc:/images/controls/alert-circle.svg"
|
|
}
|
|
}
|
|
|
|
footer: ColumnLayout {
|
|
width: listView.width
|
|
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.bottomMargin: 48
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
|
|
implicitHeight: configContent.implicitHeight
|
|
|
|
radius: 10
|
|
color: AmneziaStyle.color.onyxBlack
|
|
|
|
visible: showContent
|
|
|
|
ParagraphTextType {
|
|
id: configContent
|
|
|
|
anchors.fill: parent
|
|
|
|
wrapMode: Text.Wrap
|
|
|
|
text: ImportController.getConfig()
|
|
}
|
|
}
|
|
|
|
BasicButtonType {
|
|
id: connectButton
|
|
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
Layout.bottomMargin: 32
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
|
|
text: qsTr("Connect")
|
|
clickedFunc: function() {
|
|
const headerItem = listView.headerItem;
|
|
if (!headerItem) {
|
|
console.error("Header item not found in ListView")
|
|
return
|
|
}
|
|
|
|
const cloakingCheckBoxItem = headerItem.children.find(c => c.objectName === "cloakingCheckBox");
|
|
if (!cloakingCheckBoxItem) {
|
|
console.error("cloakingCheckBox not found")
|
|
return
|
|
}
|
|
|
|
if (cloakingCheckBoxItem.checked) {
|
|
ImportController.processNativeWireGuardConfig()
|
|
}
|
|
ImportController.importConfig()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|