Started working on the admin panel

2021-01-31 12:07:03 +11:00
parent 71f3f8e370
commit be89c2d8d9
14 changed files with 202 additions and 6 deletions
@@ -0,0 +1,108 @@
+import React, { useState, useEffect } from 'react';
+
+const BannedEmails = props => {
+	const [data, setData] = useState(null);
+	let usernameElement, emailElement, dateElement, reasonElement;
+	let unbanElement;
+
+	fetch('/api/admin/banned', { method: 'POST' })
+		.then(banned => banned.json())
+		.then(banned => !data ? setData(banned) : null)
+		.catch(e => console.error(e))
+	;
+
+	return (
+		<div>
+			<h2>Banned Accounts</h2>
+			<table>
+				<thead>
+					<tr>
+						<th>Username</th>
+						<th>Email</th>
+						<th>Privilege</th>
+						<th>Expiry</th>
+						<th>Reason</th>
+					</tr>
+				</thead>
+				<tbody>
+					{(data || []).map((entry, index) =>
+					<tr key={index}>
+						<td>{entry.username}</td>
+						<td>{entry.email}</td>
+						<td>{entry.privilege}</td>
+						<td>{entry.expiry}</td>
+						<td>{entry.reason}</td>
+					</tr>
+					)}
+				</tbody>
+			</table>
+
+			<h2>Ban</h2>
+			<form onSubmit={async e => { e.preventDefault(); await handleBan(usernameElement.value, emailElement.value, dateElement.value, reasonElement.value); }}>
+				<div>
+					<label htmlFor='username'>Username:</label>
+					<input type='text' name='username' ref={e => usernameElement = e} />
+				</div>
+
+				<div>
+					<label htmlFor='email'>Email:</label>
+					<input type='email' name='email' ref={e => emailElement = e} />
+				</div>
+
+				<div>
+					<label htmlFor='expiry'>Expiry:</label>
+					<input type='date' name='expiry' ref={e => dateElement = e} />
+				</div>
+
+				<div>
+					<label htmlFor='reason'>Reason:</label>
+					<textarea rows='4' cols='50' name='reason' ref={e => reasonElement = e} />
+				</div>
+
+				<button type='submit'>Drop The Banhammer</button>
+			</form>
+
+			<h2>Unban</h2>
+			<form onSubmit={async e => { e.preventDefault(); await handleUnban(unbanElement.value); }}>
+				<div>
+					<label htmlFor='username'>Unban User</label>
+					<input type='text' name='username' ref={e => unbanElement = e} />
+				</div>
+
+				<button type='submit'>Release From Horny Jail</button>
+			</form>
+		</div>
+	);
+};
+
+const handleBan = async (username, email, date, reason) => {
+	username = username.trim();
+	email = email.trim();
+	reason = reason.trim();
+
+	//generate a new formdata payload
+	let formData = new FormData();
+
+	formData.append('username', username);
+	formData.append('email', email);
+	formData.append('date', date);
+	formData.append('reason', reason);
+
+	const result = await fetch('/api/admin/ban', { method: 'POST', body: formData });
+
+	alert(await result.text());
+};
+
+const handleUnban = async (username) => {
+	username = username.trim();
+
+	let formData = new FormData();
+
+	formData.append('username', username);
+
+	const result = await fetch('/api/admin/unban', { method: 'POST', body: formData });
+
+	alert(await result.text());
+};
+
+export default BannedEmails;
@@ -0,0 +1,5 @@
+const NewsPublisher = props => {
+	return null;
+};
+
+export default NewsPublisher;