add mod support and banning

Config.ts

@@ -1,3 +1,3 @@
 export const Config = {
-    APIEndpoint: "https://auth.collabvm.org"
+    APIEndpoint: "http://127.0.0.1:5858"
 };

src/html/index.html

@@ -80,7 +80,8 @@
                                 <th>Username</th>
                                 <th>Email</th>
                                 <th>Rank</th>
-                                <th>Banned</th>
+                                <th>Banned?</th>
+                                <th>Ban Reason</th>
                                 <th>Date of Birth</th>
                                 <th>Created At</th>
                                 <th>Registration IP</th>

src/ts/AuthManager.ts

@@ -129,6 +129,26 @@ export default class AuthManager {
         });
     }
 
+    setUserBan(username : string, banned : boolean, reason : string | undefined = undefined) {
+        return new Promise<BanResult>(async res => {
+            if (!this.account) throw new Error("Cannot ban/unban without logging in first");
+            var data = await fetch(this.apiEndpoint + "/api/v1/admin/ban", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({
+                    token: this.account.sessionToken,
+                    username: username,
+                    banned: banned,
+                    reason: reason
+                })
+            });
+            var json = await data.json() as BanResult;
+            res(json);
+        });
+    }
+
     listBots(resultsPerPage : number, page : number, owner : string | undefined) {
         return new Promise<ListBotsResult>(async res => {
             var data = await fetch(this.apiEndpoint + "/api/v1/bots/list", {
@@ -233,6 +253,7 @@ export interface User {
     email : string;
     rank : number;
     banned : boolean;
+    banReason : string;
     dateOfBirth : string;
     dateJoined : string;
     registrationIp : string;
@@ -276,3 +297,8 @@ export interface AdminUpdateBotResult {
     success : boolean;
     error : string | undefined;
 }
+
+export interface BanResult {
+    success : boolean;
+    error : string | undefined;
+}

src/ts/main.ts

@@ -61,7 +61,6 @@ var hcaptchaid : string;
 
 elements.adminLoginForm.addEventListener('submit', async e => {
     e.preventDefault();
-    if (auth.info!.hcaptcha.required) {
     var hcaptchaToken = undefined;
     if (auth!.info!.hcaptcha.required) {
         var response = hcaptcha.getResponse(hcaptchaid);
@@ -74,9 +73,9 @@ elements.adminLoginForm.addEventListener('submit', async e => {
     var result = await auth.login(elements.loginUsername.value, elements.loginPassword.value, hcaptchaToken);
     elements.loginUsername.value = "";
     elements.loginPassword.value = "";
-        hcaptcha.reset(hcaptchaid);
+    if (auth!.info!.hcaptcha.required) hcaptcha.reset(hcaptchaid);
     if (result.success) {
-            if (result.rank !== 2) {
+        if (result.rank !== 2 && result.rank !== 3) {
             if (!result.developer) {
                 alert("You have no power here!");
                 await auth.logout();
@@ -90,7 +89,6 @@ elements.adminLoginForm.addEventListener('submit', async e => {
     } else {
         alert("Login failed: " + result.error);
     }
-    }
     return false;
 });
 elements.accountLogoutButton.addEventListener('click', async () => {
@@ -133,6 +131,7 @@ elements.searchUsersForm.addEventListener('submit', async e => {
         cell.innerText = user.email;
         cell = row.insertCell();
         // Rank dropdown
+        if (auth.account!.rank === 2) {
             var rankSelect = document.createElement('select');
             rankSelect.classList.add('form-select');
             rankSelect.innerHTML = `<option value="1">User</option><option value="2">Administrator</option><option value="3">Moderator</option>`;
@@ -151,8 +150,38 @@ elements.searchUsersForm.addEventListener('submit', async e => {
                 }
             });
             cell.appendChild(rankSelect);
+        } else {
+            // @ts-ignore
+            cell.innerText = RankString[user.rank];
+        }
         cell = row.insertCell();
-        cell.innerText = user.banned ? "Yes" : "No";
+        var bannedCheckbox = document.createElement('input');
+        bannedCheckbox.type = 'checkbox';
+        bannedCheckbox.checked = user.banned;
+        bannedCheckbox.addEventListener('change', async e => {
+            var banned = bannedCheckbox.checked;
+            if (banned) {
+                var reason = window.prompt(`Enter a reason for banning ${user.username}:`);
+                if (reason === null || reason === "") {
+                    e.preventDefault();
+                    bannedCheckbox.checked = false;
+                    return false;
+                }
+                await auth.setUserBan(user.username, true, reason);
+                banReasonCell.innerText = reason;
+            } else {
+                if (!window.confirm(`Are you sure you want to unban ${user.username}?`)) {
+                    e.preventDefault();
+                    bannedCheckbox.checked = true;
+                    return false;
+                }
+                await auth.setUserBan(user.username, false);
+                banReasonCell.innerText = "";
+            }
+        });
+        cell.appendChild(bannedCheckbox);
+        var banReasonCell = row.insertCell();
+        banReasonCell.innerText = user.banReason;
         cell = row.insertCell();
         cell.innerText = user.dateOfBirth;
         cell = row.insertCell();
@@ -220,10 +249,10 @@ elements.searchBotsForm.addEventListener('submit', async e => {
         cell = row.insertCell();
         cell.innerText = bot.username;
         cell = row.insertCell();
-        if (auth!.account!.rank === 2) {
+        if (auth!.account!.rank === 2 || auth!.account!.username === bot.owner) {
             var rankSelect = document.createElement('select');
             rankSelect.classList.add('form-select');
-            rankSelect.innerHTML = `<option value="1">User</option><option value="2">Administrator</option><option value="3">Moderator</option>`;
+            rankSelect.innerHTML = `<option value="1">User</option>${auth!.account!.rank === 2 && `<option value="2">Administrator</option>`}<option value="3">Moderator</option>`;
             rankSelect.value = bot.rank.toString(10);
             rankSelect.addEventListener('change', async e => {
                 var newRank = parseInt(rankSelect.value);
@@ -286,7 +315,7 @@ elements.createBotForm.addEventListener('submit', async e => {
     if (token) {
         var session = await auth.loadSession(token);
         if (session.success) {
-            if (session.rank! !== 2) {
+            if (session.rank! !== 2 && session.rank! !== 3) {
                 if (!session.developer) {
                     await auth.logout();
                     localStorage.removeItem(`collabvm_session_${new URL(Config.APIEndpoint).host}`);