collabvm/collabvm-auth-admin-panel
8
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add mod support and banning

Browse source
This commit is contained in:
Elijah R 2024-04-29 12:35:05 -04:00
parent 57095b2371
commit 6faad4b13a
4 changed files with 105 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Config.ts
View file

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

3
src/html/index.html
View file

@ -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>

26
src/ts/AuthManager.ts
View file

@ -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;
@ -275,4 +296,9 @@ export interface CreateBotResult {
export interface AdminUpdateBotResult {
success : boolean;
error : string | undefined;
}
export interface BanResult {
success : boolean;
error : string | undefined;
}

123
src/ts/main.ts
View file

@ -61,35 +61,33 @@ 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);
if (response === "") {
alert("Missing captcha!");
var hcaptchaToken = undefined;
if (auth!.info!.hcaptcha.required) {
var response = hcaptcha.getResponse(hcaptchaid);
if (response === "") {
alert("Missing captcha!");
return false;
}
hcaptchaToken = response;
}
var result = await auth.login(elements.loginUsername.value, elements.loginPassword.value, hcaptchaToken);
elements.loginUsername.value = "";
elements.loginPassword.value = "";
if (auth!.info!.hcaptcha.required) hcaptcha.reset(hcaptchaid);
if (result.success) {
if (result.rank !== 2 && result.rank !== 3) {
if (!result.developer) {
alert("You have no power here!");
await auth.logout();
return false;
}
hcaptchaToken = response;
}
var result = await auth.login(elements.loginUsername.value, elements.loginPassword.value, hcaptchaToken);
elements.loginUsername.value = "";
elements.loginPassword.value = "";
hcaptcha.reset(hcaptchaid);
if (result.success) {
if (result.rank !== 2) {
if (!result.developer) {
alert("You have no power here!");
await auth.logout();
return false;
}
elements.usersNavLink.style.display = "none";
loadBotsView();
} else loadUsersView();
localStorage.setItem(`collabvm_session_${new URL(Config.APIEndpoint).host}`, result.token!);
loadAdminView();
} else {
alert("Login failed: " + result.error);
}
elements.usersNavLink.style.display = "none";
loadBotsView();
} else loadUsersView();
localStorage.setItem(`collabvm_session_${new URL(Config.APIEndpoint).host}`, result.token!);
loadAdminView();
} else {
alert("Login failed: " + result.error);
}
return false;
});
@ -133,26 +131,57 @@ elements.searchUsersForm.addEventListener('submit', async e => {
cell.innerText = user.email;
cell = row.insertCell();
// Rank dropdown
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.value = user.rank.toString(10);
rankSelect.addEventListener('change', async e => {
var newRank = parseInt(rankSelect.value);
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>`;
rankSelect.value = user.rank.toString(10);
rankSelect.addEventListener('change', async e => {
var newRank = parseInt(rankSelect.value);
// @ts-ignore
if (!window.confirm(`Are you sure you want to set ${user.username}'s rank to ${RankString[newRank]}?`)) {
e.preventDefault();
rankSelect.value = user.rank.toString(10);
return false;
}
var result = await auth.updateUser(user.username, newRank);
if (!result.success) {
alert("Failed to set rank: " + result.error);
}
});
cell.appendChild(rankSelect);
} else {
// @ts-ignore
if (!window.confirm(`Are you sure you want to set ${user.username}'s rank to ${RankString[newRank]}?`)) {
e.preventDefault();
rankSelect.value = user.rank.toString(10);
return false;
}
var result = await auth.updateUser(user.username, newRank);
if (!result.success) {
alert("Failed to set rank: " + result.error);
cell.innerText = RankString[user.rank];
}
cell = row.insertCell();
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(rankSelect);
cell = row.insertCell();
cell.innerText = user.banned ? "Yes" : "No";
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}`);