admin: Add log out button (#870)

Author: BBaoVanC

CHANGES.rst

@@ -13,7 +13,9 @@ New Features
 - Add CSS variables for better organization and flexibility (`#1001`_, pkvach)
 - Add support for comment search by Thread URL in admin interface (`#1020`_, pkvach)
 - Add sorting option for comments (`#1005`_, pkvach)
+- admin: Add log out button (`#870`_, bbaovanc)
 
+.. _#870: https://github.com/posativ/isso/pull/870
 .. _#966: https://github.com/posativ/isso/pull/966
 .. _#998: https://github.com/isso-comments/isso/pull/998
 .. _#1000: https://github.com/isso-comments/isso/pull/1000

isso/css/admin.css

@@ -51,6 +51,9 @@ input {
     color: #4d4c4c;
     text-decoration: none;
 }
+.header .logout {
+    float: right;
+}
 .outer {
     background-color: #eeeeee;
     box-shadow: 0 0 0.5em #c0c0c0 inset;

isso/js/admin.js

@@ -124,8 +124,13 @@ function send_edit(com_id, hash, isso_host_script) {
     edit(com_id, hash, author, email, website, comment, isso_host_script);
     stop_edit(com_id, true);
 }
+function log_out() {
+    // Delete cookie
+    document.cookie = "admin-session=; Max-Age=0; domain=" + window.location.hostname + "; path=/";
+    window.location.reload();
+}
 
 function toggleTooltip(tooltipContainer) {
     const tooltipText = tooltipContainer.querySelector(".search-tooltip-text");
     tooltipText.classList.toggle("show");
-}
+}

isso/templates/admin.html

@@ -18,6 +18,7 @@ <h2>Administration</h2>
           </a>
         </div>
       </header>
+      <a id="logout" class="logout label" onClick="javascript:log_out()">Log Out</a>
     </div>
     <div class="outer">
       <div class="filters">