makes max IP limit configurable per-user

src/admin/web/manage.ts

@@ -165,8 +165,8 @@ router.post("/reactivate-user/:token", (req, res) => {
 
   userStore.upsertUser({
     token: user.token,
-    disabledAt: 0,
-    disabledReason: "",
+    disabledAt: null,
+    disabledReason: null,
   });
   return res.sendStatus(204);
 });

src/admin/web/views/admin_list-users.ejs

@@ -80,41 +80,8 @@
   const state = localStorage.getItem("showNicknames") === "true";
   document.getElementById("toggle-nicknames").checked = state;
   toggleNicknames();
-  
-  document.querySelectorAll("td.actions a.ban").forEach(function (a) {
-    a.addEventListener("click", function (e) {
-      e.preventDefault();
-      var token = a.getAttribute("data-token");
-      if (confirm("Are you sure you want to ban this user?")) {
-        let reason = prompt("Reason for ban:");
-        fetch(
-          "/admin/manage/disable-user/" + token,
-          { 
-            method: "POST", 
-            credentials: "same-origin",
-            body: JSON.stringify({ reason, _csrf: document.querySelector("meta[name=csrf-token]").getAttribute("content") }),
-            headers: { "Content-Type": "application/json" }
-          }).then(() => window.location.reload());
-      }
-    });
-  });
-
-  document.querySelectorAll("td.actions a.unban").forEach(function (a) {
-    a.addEventListener("click", function (e) {
-      e.preventDefault();
-      var token = a.getAttribute("data-token");
-      if (confirm("Are you sure you want to unban this user?")) {
-        fetch(
-          "/admin/manage/reactivate-user/" + token,
-          { 
-            method: "POST", 
-            credentials: "same-origin",
-            body: JSON.stringify({ _csrf: document.querySelector("meta[name=csrf-token]").getAttribute("content") }),
-            headers: { "Content-Type": "application/json" }
-          }
-        ).then(() => window.location.reload());
-      }
-    });
-  });
 </script>
+
+<%- include("partials/admin-ban-xhr-script") %>
+
 <%- include("partials/admin-footer") %>

src/admin/web/views/admin_view-user.ejs

@@ -41,17 +41,35 @@
     </tr>
     <tr>
       <th scope="row">Disabled At</th>
-      <td colspan="2"><%- user.disabledAt %></td>
+      <td><%- user.disabledAt %></td>
+      <td class="actions">
+        <% if (user.disabledAt) { %>
+        <a title="Unban" href="#" class="unban" data-token="<%= user.token %>">🔄️</a>
+        <% } else { %>
+        <a title="Ban" href="#" class="ban" data-token="<%= user.token %>">🚫</a>
+        <% } %>
+      </td>
     </tr>
     <tr>
       <th scope="row">Disabled Reason</th>
-      <td colspan="2"><%- user.disabledReason %></td>
+      <td><%- user.disabledReason %></td>
+      <% if (user.disabledAt) { %>
+      <td class="actions">
+        <a title="Edit" id="edit-disabledReason" href="#" data-field="disabledReason"
+          data-token="<%= user.token %>">✏️</a>
+      </td>
+      <% } %>
+    </tr>
+    <tr>
+      <th scope="row">IP Address Limit</th>
+      <td><%- (user.maxIps ?? maxIps) || "Unlimited" %></td>
+      <td class="actions">
+        <a title="Edit" id="edit-maxIps" href="#" data-field="maxIps" data-token="<%= user.token %>">✏️</a>
+      </td>
     </tr>
     <tr>
       <th scope="row">IPs</th>
-      <td colspan="2">
-        <%- include("partials/shared_user_ip_list", { user, shouldRedact: false }) %>
-      </td>
+      <td colspan="2"><%- include("partials/shared_user_ip_list", { user, shouldRedact: false }) %></td>
     </tr>
     <% if (user.type === "temporary") { %>
     <tr>
@@ -69,9 +87,7 @@
   <input type="hidden" name="_csrf" value="<%- csrfToken %>" />
   <button type="submit" class="btn btn-primary">Refresh Quotas for User</button>
 </form>
-<% } %>
-<%- include("partials/shared_quota-info", { quota, user }) %>
-
+<% } %> <%- include("partials/shared_quota-info", { quota, user }) %>
 
 <p><a href="/admin/manage/list-users">Back to User List</a></p>
 
@@ -112,4 +128,4 @@
   });
 </script>
 
-<%- include("partials/admin-footer") %>
+<%- include("partials/admin-ban-xhr-script") %> <%- include("partials/admin-footer") %>

src/admin/web/views/partials/admin-ban-xhr-script.ejs

@@ -0,0 +1,32 @@
+<script>
+  document.querySelectorAll("td.actions a.ban").forEach(function (a) {
+    a.addEventListener("click", function (e) {
+      e.preventDefault();
+      var token = a.getAttribute("data-token");
+      if (confirm("Are you sure you want to ban this user?")) {
+        let reason = prompt("Reason for ban:");
+        fetch("/admin/manage/disable-user/" + token, {
+          method: "POST",
+          credentials: "same-origin",
+          body: JSON.stringify({ reason, _csrf: document.querySelector("meta[name=csrf-token]").getAttribute("content") }),
+          headers: { "Content-Type": "application/json" },
+        }).then(() => window.location.reload());
+      }
+    });
+  });
+
+  document.querySelectorAll("td.actions a.unban").forEach(function (a) {
+    a.addEventListener("click", function (e) {
+      e.preventDefault();
+      var token = a.getAttribute("data-token");
+      if (confirm("Are you sure you want to unban this user?")) {
+        fetch("/admin/manage/reactivate-user/" + token, {
+          method: "POST",
+          credentials: "same-origin",
+          body: JSON.stringify({ _csrf: document.querySelector("meta[name=csrf-token]").getAttribute("content") }),
+          headers: { "Content-Type": "application/json" },
+        }).then(() => window.location.reload());
+      }
+    });
+  });
+</script>