import QtQuick 2.9 import QtQuick.Dialogs 1.2 // TODO use native dialogs in labs.platform import QtQuick.Layouts 1.12 import QtQuick.Controls 2.4 import Qt.labs.platform 1.0 import "logic.js" as Logic ApplicationWindow { id: app visible: false width: 300 height: 600 maximumWidth: 300 minimumWidth: 300 maximumHeight: 500 minimumHeight: 300 property var ctx property var loginDone property var allowEmptyPass property var needsRestart property var needsDonate property var shownDonate onSceneGraphError: function(error, msg) { console.debug("ERROR while initializing scene") console.debug(msg) } MainBar { id: bar } StackLayout { anchors.fill: parent currentIndex: bar.currentIndex Item { id: infoTab anchors.centerIn: parent BackgroundImage { id: background } Item { id: connBox anchors.centerIn: parent width: 300 height: 300 Rectangle { anchors.fill: parent color: "white" opacity: 0.3 layer.enabled: true } Column { anchors.centerIn: parent spacing: 5 Text { id: mainStatus text: "off" font.pixelSize: 26 anchors.horizontalCenter: parent.horizontalCenter } Text { id: mainCurrentGateway text: "" font.pixelSize: 20 anchors.horizontalCenter: parent.horizontalCenter } VPNSwitch { id: vpntoggle Connections { function onCheckedChanged() { if (vpntoggle.checked == true && ctx.status == "off") { backend.switchOn() vpntoggle.checkable = false } if (vpntoggle.checked === false && ctx.status == "on") { backend.switchOff() vpntoggle.checkable = false } } } } LocationText { id: manualOverrideWarning visible: isManualLocation() } } // end column } // end inner item } // end outer item Item { id: gatewayTab anchors.centerIn: parent Column { anchors.centerIn: parent spacing: 10 //width: parent.width RadioButton { id: autoSelectionButton checked: !isManualLocation() text: qsTr("Recommended") onClicked: { backend.useAutomaticGateway() manualSelectionItem.checked = false } } RadioButton { id: manualSelectionButton checked: isManualLocation() text: qsTr("Manual") onClicked: setGwSelection() } ComboBox { id: gwSelector editable: false visible: manualSelectionButton.checked anchors.horizontalCenter: parent.horizontalCenter model: [qsTr("Recommended")] onActivated: { console.debug("Selected gateway:", currentText) if (ctx.status == "off") { gwNextConnectionText.visible = true } if (ctx.status == "on") { gwReconnectText.visible = true } backend.useLocation(currentText.toString()) manualSelectionItem.checked = true } delegate: ItemDelegate { // TODO: we could use icons // https://doc.qt.io/qt-5/qml-qtquick-controls2-abstractbutton.html#icon-prop background: Rectangle { color: { "#ffffff" // FIXME locations is not defined when we launch /* const fullness = ctx.locations[modelData] if (fullness >= 0 && fullness < 0.4) { "#83fc5a" } else if (fullness >= 0.4 && fullness < 0.75) { "#fcb149" } else if (fullness >= 0.75) { "#fc5a5d" } else { "#ffffff" } */ } } contentItem: Text { text: modelData font: gwSelector.font color: "#000000" } } } Text { id: gwReconnectText anchors.horizontalCenter: parent.horizontalCenter width: 180 font.pixelSize: 12 color: "green" wrapMode: Text.WordWrap text: qsTr("Reconnecting to the selected gateway…") visible: false } Text { id: gwNextConnectionText anchors.horizontalCenter: parent.horizontalCenter width: 180 font.pixelSize: 12 color: "green" wrapMode: Text.WordWrap text: qsTr("This gateway will be used for next connection.") visible: false } } // end column } // end item BridgesItem { id: bridgesTab } } // end stacklayout Connections { target: jsonModel function onDataChanged() { ctx = JSON.parse(jsonModel.getJson()) // TODO pass QML_DEBUG variable to be hyper-verbose //console.debug(jsonModel.getJson()) gwSelector.model = Object.keys(ctx.locations) if (ctx.donateDialog == 'true') { Logic.setNeedsDonate(true); } if (ctx.loginDialog == 'true') { console.debug(jsonModel.getJson()) console.debug("DEBUG: should display login") login.visible = true } if (ctx.loginOk == 'true') { loginOk.visible = true } if (ctx.errors) { login.visible = false if (ctx.errors == "nohelpers") { showInitFailure( qsTr("Could not find helpers. Please check your installation")) } else if (ctx.errors == "nopolkit") { showInitFailure(qsTr("Could not find polkit agent.")) } else { showInitFailure() } } if (ctx.donateURL) { donateItem.visible = true } if (ctx.status == "on") { gwNextConnectionText.visible = false gwReconnectText.visible = false } } } function showInitFailure(msg) { console.debug("ERRORS:", ctx.errors) if (msg == undefined) { if (ctx.errors == 'bad_auth_502' || ctx.errors == 'bad_auth_timeout') { msg = qsTr("Oops! The authentication service seems down. Please try again later") initFailure.title = qsTr("Service Error") } else if (ctx.errors == 'bad_auth') { if (allowEmptyPass) { // For now, this is a libraryVPN, so we can be explicit about what credentials are here. // Another option to consider is to customize the error strings while vendoring. //: Incorrect library card number msg = qsTr("Please check your Patron ID") } else { msg = qsTr("Could not log in with those credentials, please retry") } initFailure.title = qsTr("Login Error") } else { //: %1 -> application name //: %2 -> error string msg = qsTr("Got an error starting %1: %2").arg(ctx.appName).arg( ctx.errors) } } initFailure.text = msg initFailure.visible = true } function isManualLocation() { if (!ctx) { return false } return ctx.manualLocation == "true" } function hasMultipleGateways() { // could also count the gateways let provider = Logic.getSelectedProvider(providers); if (provider == "riseup") { return true; } else { return false; } } function setGwSelection() { if (!isManualLocation()) { manualSelectionItem.checked = false bar.currentIndex = 1 app.visible = true app.show() app.raise() return } // last used manual selection const location = ctx.currentLocation.toLowerCase() const idx = gwSelector.model.indexOf(location) gwSelector.currentIndex = idx backend.useLocation(location) } function showMainWindow() { bar.currentIndex = 0 app.visible = true app.show() app.raise() } Component.onCompleted: { Logic.debugInit() loginDone = false allowEmptyPass = Logic.shouldAllowEmptyPass(providers) needsRestart = false; shownDonate = false; /* this is a temporary workaround until general GUI revamp for 0.21.8 */ let provider = Logic.getSelectedProvider(providers); if (provider == "calyx") { background.color = "#8EA844"; background.backgroundVisible = false; gwSelector.visible = false; manualSelectionButton.visible = false; } if (!systrayAvailable) { app.visible = true app.raise() } } property var icons: { "off": "qrc:/assets/icon/png/white/vpn_off.png", "on": "qrc:/assets/icon/png/white/vpn_on.png", "wait": "qrc:/assets/icon/png/white/vpn_wait_0.png", "blocked": "qrc:/assets/icon/png/white/vpn_blocked.png" } VpnState { id: vpn } SystemTrayIcon { id: systray visible: systrayVisible /* the systray menu cannot be buried in a child qml file because * otherwise the ids are not available * from other components */ menu: Menu { id: systrayMenu MenuItem { id: statusItem text: qsTr("Checking status…") enabled: false } MenuSeparator {} MenuItem { id: autoSelectionItem text: qsTr("Recommended") checkable: true checked: !isManualLocation() onTriggered: { backend.useAutomaticGateway() manualSelectionItem.checked = false } } /* a minimal segfault for submenu */ // Menu {} MenuItem { id: manualSelectionItem text: { if (isManualLocation() != "") { locationStr() } else { qsTr("Pick location…") } } checkable: true checked: isManualLocation() onTriggered: setGwSelection() visible: hasMultipleGateways() } MenuItem { text: qsTr("Preferences…") visible: !hasMultipleGateways() onTriggered: showMainWindow() } MenuSeparator {} MenuItem { text: { if (vpn.state == "failed") qsTr("Reconnect") else qsTr("Turn on") } onTriggered: { backend.switchOn() } visible: ctx ? (ctx.status == "off" || ctx.status == "failed") : false } MenuItem { text: { if (ctx && ctx.status == "starting") qsTr("Cancel") else qsTr("Turn off") } onTriggered: { backend.switchOff() } visible: ctx ? (ctx.status == "on" || ctx.status == "starting" || ctx.status == "failed") : false } MenuSeparator {} MenuItem { text: qsTr("About…") onTriggered: { about.visible = true requestActivate() } } MenuItem { id: donateItem text: qsTr("Donate…") visible: ctx ? ctx.donateURL : false onTriggered: { donate.visible = true } } MenuSeparator {} MenuItem { text: qsTr("Help…") onTriggered: { console.debug(Qt.resolvedUrl(ctx.helpURL)) Qt.openUrlExternally(Qt.resolvedUrl(ctx.helpURL)) } } MenuItem { text: qsTr("Report a bug…") onTriggered: { Qt.openUrlExternally( Qt.resolvedUrl( "https://0xacab.org/leap/bitmask-vpn/issues")) } } MenuSeparator {} MenuItem { text: qsTr("Quit") onTriggered: backend.quit() } } Component.onCompleted: { systray.icon.source = icons["off"] tooltip = qsTr("Checking status…") console.debug("systray init completed") if (systrayVisible) { console.log("show systray") if (Qt.platform.os === "windows") { let appname = ctx ? ctx.appName : "VPN" Logic.showNotification( ctx, appname + " is up and running. Please use system tray icon to control it.") } } } } DonateDialog { id: donate visible: false } AboutDialog { id: about visible: false } LoginDialog { id: login visible: false } LoginOKDialog { id: loginOk visible: false } MessageDialog { id: errorStartingVPN modality: Qt.NonModal title: qsTr("Error starting VPN") text: "" detailedText: "" visible: false } MessageDialog { id: authAgent modality: Qt.NonModal title: qsTr("Missing authentication agent") text: qsTr("Could not find a polkit authentication agent. Please run one and try again.") visible: false } FailDialog { id: initFailure visible: false } function locationStr() { if (ctx.currentLocation && ctx.currentCountry) { return ctx.currentLocation + ", " + ctx.currentCountry } else { return "" } } function useBridges(value) { if (value==true) { backend.setTransport("obfs4") } else { backend.setTransport("openvpn") } } property alias brReconnect:bridgesTab.displayReconnect }