SowinskiBraeden/comp2537-assignment2
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

assignment 2

Browse Source
This commit is contained in:
SowinskiBraeden committed 2025-05-12 15:48:29 -07:00
1 parent 33e8ef230c
commit 942ad7add0
11 files changed
+199 -79
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

views/admin.ejs
+53
View File
@@ -0,0 +1,53 @@
<%- include("./partials/header") %>
<div class="m-12 flex flex-row justify-center">
<div>
<div class="flex flex-row justify-between w-sm">
<h1 class="text-white font-bold text-xl">Welcome <%= user.name %></h1>
<a class="w-20 text-center py-1 bg-yellow-400 rounded-md font-semibold" href="/logout">Logout</a>
</div>
<br>
<h1 class="text-white text-lg mb-2">Users</h1>
<div class="flex flex-col justify-between">
<% users.forEach((u) => { %>
<div class="mb-4 bg-gray-200 p-4 flex flex-row justify-between rounded-md">
<div class="mr-6 mt-1"><p><%= u.type %></p></div>
<div class="mr-6 mt-1"><p><%= u.name %></p></div>
<div class="mr-6 mt-1"><p><%= u.email %></p></div>
<div>
<% if (u._id == user._id) { %>
<form method="POST" action="/demote">
<input hidden disabed name="userId" id="userId" value="<%= u._id %>">
<button disabled type="submit" class="w-3xs bg-green-600 rounded-md py-1 text-center text-white font-semibold cursor-not-allowed">
Cannot Demote Self
</button>
</form>
<% } else { %>
<% if (u.type == "admin") { %>
<form method="POST" action="/demote">
<input hidden disabed name="userId" id="userId" value="<%= u._id %>">
<button type="submit" class="w-3xs bg-green-600 rounded-md py-1 text-center text-white font-semibold cursor-pointer">
Demote to User
</button>
</form>
<% } else { %>
<form method="POST" action="/promote">
<input hidden disabed name="userId" id="userId" value="<%= u._id %>">
<button type="submit" class="w-3xs bg-red-400 rounded-md py-1 text-center text-white font-semibold cursor-pointer">
Promote to Admin
</button>
</form>
<% } %>
<% } %>
</div>
</div>
<% }) %>
</div>
</div>
</div>
<%- include("./partials/footer") %>
views/index.ejs
+29 -11
View File
@@ -1,15 +1,33 @@
<%- include("./partials/header") %>
<div class="center">
<% if (authenticated) { %>
<h1>Welcome <%= username %></h1>
<a href="/members">Go to members page</a>
<a style="background-color: grey; margin-top: 12pt;" href="/logout">Logout</a>
<% } else { %>
<a href="/login">Login</a>
<p>or</p>
<a href="/signup">Signup</a>
<% } %>
</div>
<% if (authenticated) { %>
<div class="m-12 flex flex-row justify-center">
<div class="flex flex-col justify-between">
<div class="flex flex-row justify-between mb-6">
<h1 class="text-white font-bold text-xl mt-1">Welcome <%= user.name %></h1>
<a class="w-20 py-2 pb-2.5 bg-yellow-400 rounded-md font-semibold text-center" href="/logout">Logout</a>
</div>
<div>
<a class="text-center block w-3xs bg-blue-600 rounded-md mx-8 text-white p-2 mb-4" href="/members">Go to members page</a>
<% if (user.type == "admin") { %>
<a class="text-center block w-3xs bg-blue-600 rounded-md mx-8 text-white p-2 mb-4" href="/admin">Go to admin page</a>
<% } %>
</div>
</div>
</div>
<% } else { %>
<div class="m-12 flex flex-row justify-center">
<div class="flex flex-col justify-between">
<a class="text-center block w-3xs bg-blue-600 rounded-md mx-8 text-white p-2 mb-4" href="/login">Login</a>
<p class="text-white text-center mb-4">or</p>
<a class="text-center block w-3xs bg-blue-600 rounded-md mx-8 text-white p-2 mb-4" href="/signup">Signup</a>
</div>
</div>
<% } %>
<%- include("./partials/footer") %>
views/login.ejs
+4 -2
View File
@@ -1,12 +1,15 @@
<%- include("./partials/header") %>
<div class="flex h-screen">
<div class="m-auto w-sm px-6 py-12 bg-white-200 rounded-lg space-y-6">
<div class="m-auto w-sm px-6 py-12 bg-white-200">
<div class="flex flex-row justify-center">
<h1 class="font-semibold text-xl mb-4 text-white">Login</h1>
</div>
<form action="/login" method="POST">
<div class="flex flex-col justify-center">
<% if (message) { %>
<div class="mb-6 block w-full py-3 bg-red-400 rounded-md outline-2 -outline-offset-1 outline-red-300"><h3 class="text-white text-center"><%= message %></h3></div>
<% } %>
<label for="username">
<i class="fas fa-envelope"></i>
</label>
@@ -20,7 +23,6 @@
<div class="flex flex-row justify-center">
<button type="submit" class="block w-3xs bg-blue-600 rounded-md mx-8 text-white p-2">Login</button>
<h3 class="text-red-500 text-center"><%= message %></h3>
</div>
</form>
</div>
views/members.ejs
+19 -7
View File
@@ -1,11 +1,23 @@
<%- include("./partials/header") %>
<h3>Hello <%= username %></h3>
<figure>
<img style="width: 400pt;" src="/static/images/<%= name %>.png">
<figcaption><%= name %></figcaption>
</figure>
<br>
<a style="background-color: grey; padding: 6px; margin-top: 12pt;" href="/logout">Logout</a>
<div class="m-12 flex flex-row justify-center">
<div class="flex flex-col justify-between">
<div class="flex flex-row justify-between mb-6">
<h1 class="text-white font-bold text-xl mt-1">Welcome <%= user.name %></h1>
<% if (user.type == "admin") { %>
<a class="text-center block w-30 bg-blue-600 rounded-md text-white p-2 mx-4 pt-4.5 md:pt-2 lg:pt-2" href="/admin">Admin</a>
<% } %>
<a class="h-auto w-20 py-2 pb-2.5 bg-yellow-400 rounded-md font-semibold text-center pt-4.5 md:pt-2 lg:pt-2" href="/logout">Logout</a>
</div>
<div class="flex flex-col md:flex-row lg:flex-row justify-between">
<img style="width: 200pt;" src="/static/images/carl.png">
<img style="width: 200pt;" src="/static/images/gary.png">
<img style="width: 200pt;" src="/static/images/jebediah.png">
</div>
</div>
</div>
<%- include("./partials/footer") %>
views/notFound.ejs
+13 -2
View File
@@ -1,6 +1,17 @@
<%- include("./partials/header") %>
<h1>404 - Not found</h1>
<a href="/">Home</a>
<div >
<h1 class="">404 - Not found</h1>
<a href="/">Home</a>
</div>
<div class="m-12 flex flex-row justify-center">
<div class="flex flex-col justify-between mt-40">
<h1 class="font-semibold text-xl mb-4 text-white text-center">404 - Not found</h1>
<a class="text-center block w-3xs bg-blue-600 rounded-md mx-8 text-white p-2 mb-4" href="/">Home</a>
</div>
</div>
<%- include("./partials/footer") %>
views/partials/footer.ejs
+10
View File
@@ -1,2 +1,12 @@
<footer class="fixed bottom-0 w-full bg-gray-500 h-15 text-white flex flex-col justify-center">
<div class="flex flex-row justify-center">
<div class="w-full flex flex-row justify-center">
<div class="mr-20">Copyright 2025</div>
<div>Super duper cool app</div>
</div>
</div>
</footer>
</body>
</html>
views/partials/header.ejs
+14
View File
@@ -8,3 +8,17 @@
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>
<body class="bg-gray-700">
<nav class="w-full bg-gray-500 h-15 text-white flex flex-col justify-center">
<div class="flex flex-row justify-between px-10 lg:px-20">
<div class="w-full">
Super duper cool app!
</div>
<div class="flex flex-row justify-between">
<a class="mx-4 lg:mx-12" href="/">Home</a>
<% if (authenticated) { %>
<a href="/logout">Logout</a>
<% } %>
</div>
</div>
</nav>
views/signup.ejs
+4 -1
View File
@@ -8,6 +8,10 @@
</div>
<form action="/signup" method="POST">
<div class="flex flex-col justify-center">
<% if (message) { %>
<div class="mb-6 block w-full py-3 bg-red-400 rounded-md outline-2 -outline-offset-1 outline-red-300"><h3 class="text-white text-center"><%= message %></h3></div>
<% } %>
<label for="name">
<i class="fas fa-user"></i>
</label>
@@ -26,7 +30,6 @@
<div class="flex flex-row justify-center">
<button type="submit" class="block w-3xs bg-blue-600 rounded-md mx-8 text-white p-2">Signup</button>
<h3 class="text-red"><%= message %></h3>
</div>
</form>
</div>