Improve mobile UI

controllers/AccountController.ts

@@ -111,8 +111,6 @@ export default class AccountController extends Controller {
 			domains: await UserService.GetDomains(this.session.userId)
 		};
 
-		console.log(domainsViewModel);
-
 		return this.view(domainsViewModel);
 	}
 

controllers/UploadController.ts

@@ -7,7 +7,6 @@ export default class UploadController extends Controller {
 		if (data && data.type === "file") {
 			let uploadKey: string = "";
 			let host: string = "";
-			//console.log(this.req.headers);
 			if ("upload-key" in this.req.headers) {
 				// @ts-ignore
 				uploadKey = this.req.headers["upload-key"];

index.ts

@@ -156,5 +156,6 @@ fastify.listen({ port: Config.hosts.webPort, host: Config.hosts.webHost }, (err,
 		process.exit(1);
 	}
 
+	Console.printWarn(`[ ${green("MAIN")} ] The EUS rewrite is currently beta software, use at your own risk!`);
 	Console.printInfo(`[ ${green("MAIN")} ] Listening at ${address.replace("0.0.0.0", "localhost").replace("127.0.0.1", "localhost")}`);
 });

package.json

@@ -17,26 +17,26 @@
 		"build": "ncc build index.ts -o build"
 	},
 	"devDependencies": {
-		"@types/bun": "^1.2.0",
+		"@types/bun": "^1.2.6",
 		"@types/ejs": "^3.1.5",
 		"@vercel/ncc": "^0.38.3",
-		"check-outdated": "^2.12.0",
+		"check-outdated": "^2.13.0",
 		"nodemon": "^3.1.9",
 		"ts-node": "^10.9.2",
-		"typescript": "^5.7.3"
+		"typescript": "^5.8.2"
 	},
 	"dependencies": {
 		"@fastify/cookie": "^11.0.2",
 		"@fastify/formbody": "^8.0.2",
 		"@fastify/multipart": "^9.0.3",
-		"@fastify/static": "^8.0.4",
+		"@fastify/static": "^8.1.1",
-		"@fastify/view": "^10.0.2",
+		"@fastify/view": "^11.0.0",
 		"dyetty": "^1.0.1",
 		"ejs": "^3.1.10",
-		"fastify": "^5.2.1",
+		"fastify": "^5.2.2",
 		"funky-array": "^1.0.0",
 		"hsconsole": "^1.1.0",
-		"mysql2": "^3.12.0",
+		"mysql2": "^3.14.0",
 		"watcher": "^2.3.1"
 	}
 }

views/account/api.ejs

@@ -21,7 +21,7 @@
 				</div>
 			</div>
 			<div class="card-body">
-				<div class="row">
+				<div class="row row-cols-1 row-cols-md-2">
 					<div class="col">
 						<h4>API Key</h4>
 						<p>
@@ -38,7 +38,7 @@
 						<br>
 						<span class="small">Only do this if you really need to, existing applications using this API Key will cease to function until it is replaced.</span>
 					</div>
-					<div class="col">
+					<div class="col mt-3 mt-md-0">
 						<h4>Upload Key</h4>
 						<p>
 							This is the key you need to upload files to EUS when using the /upload POST endpoint.<br>

views/account/dashboard.ejs

@@ -13,7 +13,7 @@
 
 <div class="row">
 	<!-- Recent Uploads -->
-	<div class="col">
+	<div class="col mb-3 mb-md-0">
 		<div class="card">
 			<div class="card-header">
 				<div class="row">
@@ -48,10 +48,10 @@
 			<div class="card-body">
 				<div class="row">
 					<div class="col">
-						<a class="btn btn-primary" href="/account/information">Account Information</a>
+						<a class="btn btn-primary my-1" href="/account/information">Account Information</a>
-						<a class="btn btn-primary" href="/account/api">API</a>
+						<a class="btn btn-primary my-1" href="/account/api">API</a>
-						<a class="btn btn-primary" href="/account/domains">Domains</a>
+						<a class="btn btn-primary my-1" href="/account/domains">Domains</a>
-						<a class="btn btn-primary" href="/account/media">Media</a>
+						<a class="btn btn-primary my-1" href="/account/media">Media</a>
 					</div>
 				</div>
 			</div>

views/account/domain.ejs

@@ -0,0 +1,64 @@
+<%- include("../base/header", { title: "Add Domain", session }) %>
+
+<div class="row mb-3">
+	<div class="col">
+		<nav aria-label="breadcrumb">
+			<ol class="breadcrumb">
+				<li class="breadcrumb-item"></li>
+				<li class="breadcrumb-item"><a href="/account/dashboard">Dashboard</a></li>
+				<li class="breadcrumb-item"><a href="/account/domains">Domains</a></li>
+				<li class="breadcrumb-item" aria-current="page">Add Domain</li>
+			</ol>
+		</nav>
+	</div>
+</div>
+
+<div class="row">
+	<div class="col">
+		<div class="card">
+			<div class="card-header">
+				<div class="row">
+					<div class="col text-start">Your Domains</div>
+				</div>
+			</div>
+			<div class="card-body">
+				<div class="row">
+					<div class="col">
+						<table class="table table-striped" style="word-break:break-word">
+							<thead>
+								<th>Domain Name</th>
+								<th>Has HTTPS</th>
+								<th>Active</th>
+								<th>&nbsp;</th>
+							</thead>
+							<tbody>
+							<% for (const domain of domains) { %>
+								<tr>
+									<td><%= domain.Domain %></td>
+									<td><%= domain.HasHttpsString %></td>
+									<td><%= domain.ActiveString %></td>
+									<td class="text-end">
+										<a class="btn btn-success"><i class="bi bi-pencil-square"></i> Edit</a>
+										<a class="btn btn-danger"><i class="bi bi-trash"></i> Delete</a>
+									</td>
+								</tr>
+							<% } %>
+							</tbody>
+						</table>
+						<div class="row">
+							<div class="col text-end">
+								<a class="btn btn-primary"><i class="bi bi-plus-lg"></i> Add Domain</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+<script type="text/javascript">
+	
+</script>
+
+<%- include("../base/footer") %>

views/account/domains.ejs

@@ -23,7 +23,7 @@
 			<div class="card-body">
 				<div class="row">
 					<div class="col">
-						<table class="table table-striped">
+						<table class="table table-striped" style="word-break:break-word">
 							<thead>
 								<th>Domain Name</th>
 								<th>Has HTTPS</th>
@@ -36,7 +36,7 @@
 									<td><%= domain.Domain %></td>
 									<td><%= domain.HasHttpsString %></td>
 									<td><%= domain.ActiveString %></td>
-									<td>
+									<td class="text-end">
 										<a class="btn btn-success"><i class="bi bi-pencil-square"></i> Edit</a>
 										<a class="btn btn-danger"><i class="bi bi-trash"></i> Delete</a>
 									</td>
@@ -44,6 +44,11 @@
 							<% } %>
 							</tbody>
 						</table>
+						<div class="row">
+							<div class="col text-end">
+								<a class="btn btn-primary"><i class="bi bi-plus-lg"></i> Add Domain</a>
+							</div>
+						</div>
 					</div>
 				</div>
 			</div>