added changes to white template, update docker-compose.yml

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

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>

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>