[ux] customize background for calyxvpn

3 files changed, 23 insertions, 1 deletions

diff --git a/gui/qml/BackgroundImage.qml b/gui/qml/BackgroundImage.qml
index 86b8cba..3071bf4 100644
--- a/gui/qml/BackgroundImage.qml
+++ b/gui/qml/BackgroundImage.qml
@@ -6,10 +6,19 @@ Rectangle {
     anchors.fill: parent;
     anchors.topMargin: 40;
 
+    property var backgroundSrc
+    property var backgroundVisible
+
     Image {
-        source: "qrc:/assets/img/bird.jpg";
+        source: parent.backgroundSrc;
+        visible: parent.backgroundVisible;
         fillMode: Image.PreserveAspectCrop;
         anchors.fill: parent; 
         opacity: 0.8;
     }
+
+    Component.onCompleted: {
+        /* default for riseup, needs customizing */
+        backgroundSrc = "qrc:/assets/img/bird.jpg";
+    }
 }
diff --git a/gui/qml/logic.js b/gui/qml/logic.js
index 10ebfcd..4709008 100644
--- a/gui/qml/logic.js
+++ b/gui/qml/logic.js
@@ -65,6 +65,11 @@ function shouldAllowEmptyPass(providers) {
     return false
 }
 
+function getSelectedProvider(providers) {
+    let obj = JSON.parse(providers.getJson())
+    return obj['default']
+}
+
 function debugInit() {
     console.debug("Platform:", Qt.platform.os)
     console.debug("DEBUG: Pre-seeded providers:")
diff --git a/gui/qml/main.qml b/gui/qml/main.qml
index e12c61d..b30fa0a 100644
--- a/gui/qml/main.qml
+++ b/gui/qml/main.qml
@@ -276,6 +276,14 @@ ApplicationWindow {
         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.backgroundVisible = false;
+            background.color = "#8EA844";
+        }
+
         if (!systrayAvailable) {
           app.visible = true
           app.raise()