Alternative approach

Signed-off-by: XhmikosR <[email protected]>

Author: XhmikosR

scripts/js/logout.js

@@ -9,8 +9,9 @@
 
 document.addEventListener("DOMContentLoaded", () => {
   const logoutButton = document.getElementById("logout-button");
-  logoutButton.addEventListener("click", event => {
+  const logoutUrl = logoutButton.dataset.logoutUrl;
+  logoutButton.addEventListener("click", () => {
     event.preventDefault();
-    utils.doLogout();
+    utils.doLogout(logoutUrl);
   });
 });

scripts/js/utils.js

@@ -463,12 +463,12 @@ function changeBulkDeleteStates(table) {
   }
 }
 
-function doLogout() {
+function doLogout(url) {
   $.ajax({
     url: "/api/auth",
     method: "DELETE",
   }).always(function () {
-    globalThis.location = "/admin/login";
+    globalThis.location = url;
   });
 }
 

scripts/lua/header_authenticated.lp

@@ -87,7 +87,7 @@ mg.include('header.lp','r')
                                 <a class="btn-link" href="https://github.com/pi-hole" rel="noopener" target="_blank"><i class="fa-fw menu-icon fab fa-github"></i> GitHub</a>
                                 <a class="btn-link" href="https://discourse.pi-hole.net/c/announcements/5" rel="noopener" target="_blank"><i class="fa-fw menu-icon fa-solid fa-rocket"></i> Pi-hole Releases</a>
                                 <? if pihole.needLogin() then ?>
-                                <a class="btn-link" href="#" id="logout-button"><i class="fa-fw menu-icon fa-solid fa-arrow-right-from-bracket"></i> Log out</a>
+                                <a class="btn-link" href="#" id="logout-button" data-logout-url="<?=pihole.webhome() .. '/login'?>"><i class="fa-fw menu-icon fa-solid fa-arrow-right-from-bracket"></i> Log out</a>
                                 <? end ?>
                             </li>
                         </ul>