From 76c713499dd47bf15b80c07408101c4503504b09 Mon Sep 17 00:00:00 2001
From: Thomas Willems <twillems@willtho.com>
Date: Sat, 27 Jan 2024 19:15:07 +0100
Subject: [PATCH] allow clients with no privateKey

see https://github.com/wg-easy/wg-easy/discussions/791

I disabled the download from the frontend.
If someone tries to manually call the API, the privateKey block is set to "REPLACE_ME" to indicate that this value must be set manually.
---
 src/www/css/app.css | 5 +++++
 src/www/index.html  | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/www/css/app.css b/src/www/css/app.css
index 96e6a88d..c63cd014 100644
--- a/src/www/css/app.css
+++ b/src/www/css/app.css
@@ -1371,6 +1371,11 @@ video {
   transition-duration: 150ms;
 }
 
+.disabled-link {
+  opacity: 0.25;
+  cursor: default;
+}
+
 .duration-200 {
   transition-duration: 200ms;
 }
diff --git a/src/www/index.html b/src/www/index.html
index b772917e..8931c725 100644
--- a/src/www/index.html
+++ b/src/www/index.html
@@ -258,7 +258,7 @@
                       class="align-middle bg-gray-100 dark:bg-neutral-600 dark:text-neutral-300 p-2 rounded transition"
                       :class="{
                         'hover:bg-red-800 dark:hover:bg-red-800 hover:text-white dark:hover:text-white': client.downloadableConfig,
-                        'inactive': !client.downloadableConfig
+                        'opacity-25': !client.downloadableConfig
                       }"
                       :title="!client.downloadableConfig ? $t('noPrivKey') : $t('showQR')"
                       @click="qrcode = `./api/wireguard/client/${client.id}/qrcode.svg`">
@@ -276,7 +276,7 @@
                       class="align-middle inline-block bg-gray-100 dark:bg-neutral-600 dark:text-neutral-300 p-2 rounded transition"
                       :class="{
                         'hover:bg-red-800 dark:hover:bg-red-800 hover:text-white dark:hover:text-white': client.downloadableConfig,
-                        'inactive': !client.downloadableConfig
+                        'disabled-link': !client.downloadableConfig
                       }"
                       :title="!client.downloadableConfig ? $t('noPrivKey') : $t('downloadConfig')"
                       @click="if(!client.downloadableConfig) { $event.preventDefault(); }">