From 63f4b979309c396e9a72967bac1c9ede66a47962 Mon Sep 17 00:00:00 2001
From: DL6ER <dl6er@dl6er.de>
Date: Mon, 22 May 2023 20:32:11 +0200
Subject: [PATCH] Show if connection to API is only partially end-to-end
 encrypted

Signed-off-by: DL6ER <dl6er@dl6er.de>
---
 scripts/pi-hole/js/settings-api.js | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/scripts/pi-hole/js/settings-api.js b/scripts/pi-hole/js/settings-api.js
index 1e7291ec..506fb7e8 100644
--- a/scripts/pi-hole/js/settings-api.js
+++ b/scripts/pi-hole/js/settings-api.js
@@ -38,7 +38,7 @@ $(function () {
       { data: null, width: "22px" },
       { data: "id" },
       { data: "valid", render: renderBool },
-      { data: "tls", render: renderBool },
+      { data: null },
       { data: "login_at", render: utils.renderTimestamp },
       { data: "valid_until", render: utils.renderTimestamp },
       { data: "remote_addr", type: "ip-address" },
@@ -76,6 +76,10 @@ $(function () {
         data.id +
         '" data-del-id="' +
         data.id +
+        '" title="Delete ' +
+        (data.current_session
+          ? "your current session\nWARNING: This will require you to re-login"
+          : "this session") +
         '">' +
         '<span class="far fa-trash-alt"></span>' +
         "</button>";
@@ -87,6 +91,20 @@ $(function () {
             data.remote_addr +
             "</strong>"
         );
+        let icon = "";
+        let title = "";
+        if (data.tls.mixed) {
+          title = "Session is PARTIALLY end-to-end encrypted";
+          icon = "fa-triangle-exclamation";
+        } else if (data.tls.login) {
+          title = "Session is end-to-end encrypted (TLS/SSL)";
+          icon = "fa-check";
+        } else {
+          title = "Session is NOT end-to-end encrypted (TLS/SSL)";
+          icon = "fa-xmark";
+        }
+
+        $("td:eq(3)", row).html('<i class="fa-solid ' + icon + '" title="' + title + '"></i>');
       }
     },
     select: {