From 3cd9785b23d45d0ea88ae5be8d870e0a191738d0 Mon Sep 17 00:00:00 2001
From: BankaiNoJutsu <lbegert@gmail.com>
Date: Fri, 8 Oct 2021 07:18:46 +0200
Subject: [PATCH] added changes to white template, update docker-compose.yml

---
 docker-compose.yml       |  4 ++++
 src/www/index.black.html |  2 ++
 src/www/index.white.html | 13 ++++++++++++-
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 601ccf95..fb3e3688 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -12,6 +12,9 @@ services:
       # - WG_DEFAULT_ADDRESS=10.8.0.x
       # - WG_DEFAULT_DNS=1.1.1.1
       # - WG_ALLOWED_IPS=192.168.15.0/24, 10.0.1.0/24
+      # - WG_NAT=true
+      # - THEME=black
+      # - WG_SHOWDETAILS=true
       
     image: weejewel/wg-easy
     container_name: wg-easy
@@ -27,3 +30,4 @@ services:
     sysctls:
       - net.ipv4.ip_forward=1
       - net.ipv4.conf.all.src_valid_mark=1
+      - net.ipv6.conf.all.forwarding=1
diff --git a/src/www/index.black.html b/src/www/index.black.html
index 474d9a49..aa8af459 100644
--- a/src/www/index.black.html
+++ b/src/www/index.black.html
@@ -168,10 +168,12 @@
                     · {{new Date(client.latestHandshakeAt) | timeago}}
                   </span>
 
+                  <!-- Show Peer Allowed IPs -->
                   <span v-if="client.peerIPs && client.showDetails" title="Allowed IPs">
                     <br>{{client.peerIPs}}
                   </span>
 
+                  <!-- Client Endpoint -->
                   <span v-if="client.clientEndpoint && client.showDetails" title="Client IP">
                     · {{client.clientEndpoint}}
                   </span>
diff --git a/src/www/index.white.html b/src/www/index.white.html
index fe922499..cd0ce1e7 100644
--- a/src/www/index.white.html
+++ b/src/www/index.white.html
@@ -28,7 +28,7 @@
           </svg>
         </span>
         <h1 class="text-4xl font-medium mt-10 mb-2">
-          <img src="./img/logo.black.png" width="50" class="inline align-middle" />
+          <img src="./img/logo.png" width="50" class="inline align-middle" />
           <span class="align-middle">WireGuard</span>
         </h1>
         <h2 class="text-sm text-gray-400 mb-10"></h2>
@@ -167,6 +167,17 @@
                     :title="'Last seen at ' + dateTime(new Date(client.latestHandshakeAt))">
                     · {{new Date(client.latestHandshakeAt) | timeago}}
                   </span>
+
+                  <!-- Show Peer Allowed IPs -->
+                  <span v-if="client.peerIPs && client.showDetails" title="Allowed IPs">
+                    <br>{{client.peerIPs}}
+                  </span>
+
+                  <!-- Client Endpoint -->
+                  <span v-if="client.clientEndpoint && client.showDetails" title="Client IP">
+                    · {{client.clientEndpoint}}
+                  </span>
+
                 </div>
               </div>