Add user and admin pages

Author: faisalnjs

frontend/pages/admin.ejs

@@ -0,0 +1,9 @@
+<%- include('head.ejs') %>
+<img src="<%= tenant.logo %>" alt="<%= tenant.name %>">
+<h1>Commission Management</h1>
+<p>Manage commissions created on your platform.</p>
+<div class="buttons">
+	<div class="button hidden">Back</div>
+	<div class="button active">Next</div>
+</div>
+<%- include('foot.ejs') %>

frontend/pages/template.ejs

@@ -1,11 +1,9 @@
 <%- include('head.ejs') %>
-<main>
-	<img src="<%= tenant.logo %>" alt="<%= tenant.name %>">
-	<h1></h1>
-	<p></p>
-	<div class="buttons">
-		<a class="button"></a>
-		<div class="button"></div>
-	</div>
-</main>
+<img src="<%= tenant.logo %>" alt="<%= tenant.name %>">
+<h1></h1>
+<p></p>
+<div class="buttons">
+	<a class="button"></a>
+	<div class="button"></div>
+</div>
 <%- include('foot.ejs') %>

frontend/pages/user.ejs

@@ -0,0 +1,10 @@
+<%- include('head.ejs') %>
+<img src="<%= tenant.logo %>" alt="<%= tenant.name %>">
+<h1>New Commission</h1>
+<p>Estimated time to complete: 2 minutes</p>
+<div class="buttons">
+	<div class="button hidden">Back</div>
+	<div class="button active hidden">Next</div>
+	<div class="button active" onclick="start();">Start</div>
+</div>
+<%- include('foot.ejs') %>

frontend/public/styles.css

@@ -72,14 +72,23 @@ code {
 	transition: 0.25s;
 }
 
+.button.hidden {
+	display: none;
+}
+
 .button:hover,
 .button:focus,
-.button.active {
+.button.active:not(:hover):not(:focus) {
 	background: #2c2c2c;
 	border-color: #393939;
 	text-decoration: none;
 }
 
+.button.active:hover,
+.button.active:focus {
+	opacity: 0.5;
+}
+
 main {
 	display: flex;
 	padding: min(100px, 10vh) 0;

index.js

@@ -118,7 +118,17 @@ app.get('/', async (req, res) => {
   if (tenant.auth && tenant.auth.enabled && vars.userId && !req.session[vars.userId]) return res.render('auth', { tenant, title: 'Authenticate - ' });
   console.log('User ID:', req.session[vars.userId]);
   console.log('Role:', getUserRole(req.session));
-  res.send(`Hello ${req.session[vars.name] || req.session[vars.userId]}`);
+  switch (getUserRole(req.session)) {
+    case 'admin':
+      res.render('admin', { tenant, title: 'Admin - ' });
+      break;
+    case 'dev':
+      res.render('dev', { tenant, title: 'Developer - ' });
+      break;
+    default:
+      res.render('user', { tenant, title: 'User - ' });
+      break;
+  };
 });
 
 module.exports = {