1 files changed, 95 insertions, 0 deletions
diff --git a/gui/components/About.qml b/gui/components/About.qml
new file mode 100644
index 0000000..8642578
--- /dev/null
+++ b/gui/components/About.qml
@@ -0,0 +1,95 @@
+import QtQuick 2.9
+import QtQuick.Controls 2.2
+import QtQuick.Controls.Material 2.1
+
+import "../themes/themes.js" as Theme
+
+ThemedPage {
+
+    title: qsTr("About")
+
+    Rectangle {
+        anchors.horizontalCenter: parent.horizontalCenter
+        width: root.appWidth * 0.9
+        height: root.appHeight - 100
+        radius: 10
+        color: "white"
+
+        anchors {
+            fill: parent
+            margins: 10
+        }
+
+        Column {
+            id: aboutCol
+            padding: 20
+            width: parent.width 
+
+            Text {
+                width: parent.width - 40
+                font.pixelSize: 11
+                wrapMode: Label.Wrap
+                text: getText()
+                anchors.horizontalCenter: parent.horizontalCenter
+                onLinkActivated: Qt.openUrlExternally(link)
+            }
+
+            VerticalSpacer {
+                visible: true
+                height: 20
+            }
+
+            Image {
+                height: 80
+                source: "../resources/icon-noshield.svg"
+                fillMode: Image.PreserveAspectFit
+                anchors.horizontalCenter: parent.horizontalCenter
+            }
+
+            TextEdit {
+                width: parent.width - 40
+                font.pixelSize: 10
+                readOnly: true
+                selectByMouse: true
+                text: getVersion()
+                anchors.horizontalCenter: parent.horizontalCenter
+            }
+
+            VerticalSpacer {
+                visible: true
+                height: 50
+            }
+        } // end column
+    } // end rectangle
+
+    function getText() {
+        var _name = ctx ? ctx.appName : "vpn"
+        var _provider = ctx ? ctx.provider : "unknown"
+        var _donateURL = ctx ? ctx.donateURL : ""
+        var _tosURL = ctx ? ctx.tosURL : "…"
+        var _donateTXT = ""
+        if (_donateURL) {
+            //: donation text of the about dialog
+            _donateTXT = qsTr(
+                        "<p>This service is paid for entirely by donations from users like you. <a href=\"%1\">Please donate</a>.</p>").arg(
+                        _donateURL)
+        }
+        //: about dialog
+        //: %1 -> application name
+        //: %2 -> provider name
+        //: %3 -> donation text if activated
+        var _txt = qsTr(
+                    "<p>%1 is an easy, fast, and secure VPN service from %2. %1 does not require a user account, keep logs, or track you in any way.</p> %3 <p>By using this application, you agree to the <a href=\"%4\">Terms of Service</a>. This service is provided as-is, without any warranty, and is intended for people who work to make the world a better place.</p>").arg(
+                    _name).arg(_provider).arg(_donateTXT).arg(_tosURL)
+        return _txt
+    }
+
+    function getVersion() {
+        var _name = ctx ? ctx.appName : "vpn"
+        var _ver = ctx ? ctx.version : "unknown"
+        //: %1 -> application name
+        //: %2 -> version string
+        var _txt = qsTr("%1 version: %2").arg(_name).arg(_ver)
+        return _txt
+    }
+}