Get login and session-handling working and begin work on dashboard.

This commit is contained in:
2023-09-30 02:37:48 -04:00
parent 3439a6cabe
commit 3757bad043
12 changed files with 785 additions and 35 deletions

View File

@@ -59,7 +59,7 @@ API_RATE_REQUESTS=1000
API_RATE_WINDOW=60000 API_RATE_WINDOW=60000
# --- Google ReCaptcha --- # --- Google ReCaptcha ---
# TechnicFlux comes with Google ReCaptcha support. # TechnicFlux comes with optional Google ReCaptcha support.
# When configured, this will enable captcha protection on your login page. # When configured, this will enable captcha protection on your login page.
# (Optional) Google ReCaptcha Credentials # (Optional) Google ReCaptcha Credentials

BIN
README.md

Binary file not shown.

26
package-lock.json generated
View File

@@ -20,6 +20,7 @@
"express-rate-limit": "^7.0.2", "express-rate-limit": "^7.0.2",
"express-recaptcha": "^5.1.0", "express-recaptcha": "^5.1.0",
"express-session": "^1.17.3", "express-session": "^1.17.3",
"express-validator": "^7.0.1",
"hbs": "~4.2.0", "hbs": "~4.2.0",
"http-errors": "~1.6.3", "http-errors": "~1.6.3",
"mongoose": "^7.5.3", "mongoose": "^7.5.3",
@@ -1719,6 +1720,18 @@
} }
] ]
}, },
"node_modules/express-validator": {
"version": "7.0.1",
"resolved": "https://registry.npmjs.org/express-validator/-/express-validator-7.0.1.tgz",
"integrity": "sha512-oB+z9QOzQIE8FnlINqyIFA8eIckahC6qc8KtqLdLJcU3/phVyuhXH3bA4qzcrhme+1RYaCSwrq+TlZ/kAKIARA==",
"dependencies": {
"lodash": "^4.17.21",
"validator": "^13.9.0"
},
"engines": {
"node": ">= 8.0.0"
}
},
"node_modules/express/node_modules/cookie": { "node_modules/express/node_modules/cookie": {
"version": "0.5.0", "version": "0.5.0",
"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz", "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
@@ -2784,6 +2797,11 @@
"url": "https://github.com/sponsors/sindresorhus" "url": "https://github.com/sponsors/sindresorhus"
} }
}, },
"node_modules/lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
},
"node_modules/lodash.merge": { "node_modules/lodash.merge": {
"version": "4.6.2", "version": "4.6.2",
"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -4514,6 +4532,14 @@
"node": ">= 0.4.0" "node": ">= 0.4.0"
} }
}, },
"node_modules/validator": {
"version": "13.11.0",
"resolved": "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz",
"integrity": "sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==",
"engines": {
"node": ">= 0.10"
}
},
"node_modules/vary": { "node_modules/vary": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",

View File

@@ -48,6 +48,7 @@
"express-rate-limit": "^7.0.2", "express-rate-limit": "^7.0.2",
"express-recaptcha": "^5.1.0", "express-recaptcha": "^5.1.0",
"express-session": "^1.17.3", "express-session": "^1.17.3",
"express-validator": "^7.0.1",
"hbs": "~4.2.0", "hbs": "~4.2.0",
"http-errors": "~1.6.3", "http-errors": "~1.6.3",
"mongoose": "^7.5.3", "mongoose": "^7.5.3",

View File

@@ -0,0 +1,17 @@
window.addEventListener('DOMContentLoaded', event => {
// Toggle the side navigation
const sidebarToggle = document.body.querySelector('#sidebarToggle');
if (sidebarToggle) {
// Uncomment Below to persist sidebar toggle between refreshes
// if (localStorage.getItem('sb|sidebar-toggle') === 'true') {
// document.body.classList.toggle('sb-sidenav-toggled');
// }
sidebarToggle.addEventListener('click', event => {
event.preventDefault();
document.body.classList.toggle('sb-sidenav-toggled');
localStorage.setItem('sb|sidebar-toggle', document.body.classList.contains('sb-sidenav-toggled'));
});
}
});

View File

@@ -0,0 +1,9 @@
window.addEventListener('DOMContentLoaded', event => {
// Simple-DataTables
// https://github.com/fiduswriter/Simple-DataTables/wiki
const datatablesSimple = document.getElementById('datatablesSimple');
if (datatablesSimple) {
new simpleDatatables.DataTable(datatablesSimple);
}
});

View File

@@ -2,14 +2,15 @@ body {
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
} }
.pageContent {
padding: 50px;
}
a { a {
color: #00B7FF; color: #00B7FF;
} }
.pageContent {
position: relative;
min-height: 100vh;
}
.grecaptcha-badge { .grecaptcha-badge {
margin-bottom: 65px; margin-bottom: 65px;
} }

View File

@@ -10961,7 +10961,7 @@ body {
margin-left: 1.5rem; margin-left: 1.5rem;
flex-direction: column; flex-direction: column;
} }
.sb-sidenav .sb-sidenav-footer { .sb-sidenav .sb-sidenav-header {
padding: 0.75rem; padding: 0.75rem;
flex-shrink: 0; flex-shrink: 0;
} }

View File

@@ -1,6 +1,9 @@
const express = require('express') const express = require('express')
const router = express.Router() const database = require('../database/database')
const { body, validationResult } = require('express-validator')
const { RecaptchaV3 } = require('express-recaptcha') const { RecaptchaV3 } = require('express-recaptcha')
const router = express.Router()
// --- Google ReCaptcha // --- Google ReCaptcha
const site_key = process.env?.CAPTCHA_SITE_KEY const site_key = process.env?.CAPTCHA_SITE_KEY
@@ -12,25 +15,82 @@ const recaptcha = captcha_enabled ? new RecaptchaV3(site_key, site_secret, {
/* GET home page. */ /* GET home page. */
router.get('/', captcha_enabled ? recaptcha.middleware.render : (req, res, next) => {next()}, function (req, res) { router.get('/', captcha_enabled ? recaptcha.middleware.render : (req, res, next) => {next()}, function (req, res) {
res.render('index', { if (!req.session.user) {
title: 'TechnicFlux', return res.render('index', {
captcha: captcha_enabled ? res.recaptcha : false title: 'TechnicFlux',
}) captcha: captcha_enabled ? res.recaptcha : false
})
} else {
return res.render('dashboard', {
title: 'TechnicFlux',
user: req.session.user
})
}
}) })
/* POST home page (login info w/ captcha) */ /* POST home page (login info w/ captcha) */
router.post('/', captcha_enabled ? recaptcha.middleware.verify : (req, res, next) => {next()}, function (req, res) { router.post('/', [
captcha_enabled ? recaptcha.middleware.verify : (req, res, next) => {next()},
captcha_enabled ? recaptcha.middleware.render : (req, res, next) => {next()},
body('username').notEmpty().isLength({min: 4, max: 50}).escape(),
body('password').notEmpty().isLength({min: 4, max: 50}).escape(),
], function (req, res) {
const result = validationResult(req)
// Validate captcha, if enabled. // Validate captcha, if enabled.
if (captcha_enabled && req.recaptcha.error) { if (captcha_enabled && req.recaptcha.error) {
console.log(captcha_enabled)
return res.render('index', { return res.render('index', {
title: 'TechnicFlux', title: 'TechnicFlux',
captcha: captcha_enabled ? res.recaptcha : false, captcha: captcha_enabled ? res.recaptcha : false,
error: "Captcha validation failed! Ensure that javascript is enabled!" error: "Captcha validation failed! Ensure javascript is enabled!"
}) })
} }
// Check login info // Check that login details pass validation
res.json({success: "yay"}) if (result.isEmpty()) {
if (req.body.username === process.env.ADMIN_USER && req.body.password === process.env.ADMIN_PASS) {
req.session.user = {
_id: 0,
username: process.env.ADMIN_USER,
display_name: `${process.env.ADMIN_USER} (Admin)`,
admin: true
}
return res.redirect('/')
}
// Check login info
return database.user.authUser(`${req.body.username}`,
`${req.body.password}`,
true,
req.get('User-Agent') || 'Unknown'
).then((user) => {
if (user[0] === true) {
// User login successful.
req.session.user = user[1]
res.redirect('/')
} else {
// User login failed.
return res.render('index', {
title: 'TechnicFlux',
captcha: captcha_enabled ? res.recaptcha : false,
error: "Invalid username or password! Please try again."
})
}
})
} else {
return res.render('index', {
title: 'TechnicFlux',
captcha: captcha_enabled ? res.recaptcha : false,
error: "Error: Malformed login data submitted."
})
}
})
router.get('/logout', (req, res) => {
req.session.destroy(() => {
res.redirect('/')
} )
}) })
module.exports = router module.exports = router

View File

@@ -0,0 +1,636 @@
<nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
<!-- Navbar Brand-->
<a class="navbar-brand ps-3" href="/">{{title}}</a>
<!-- Sidebar Toggle-->
<button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
<!-- Navbar-->
<ul class="navbar-nav d-none d-md-inline-block ms-auto me-0 me-md-3 my-2 my-md-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="/settings">Settings</a></li>
{{#unless user.admin}}
<li><a class="dropdown-item" href="/activity">Activity Log</a></li>
{{/unless}}
<li><hr class="dropdown-divider" /></li>
<li><a class="dropdown-item" href="/logout">Logout</a></li>
</ul>
</li>
</ul>
</nav>
<div id="layoutSidenav">
<div id="layoutSidenav_nav">
<nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
<div class="sb-sidenav-menu">
<div class="nav">
<div class="sb-sidenav-header">
<div class="small">Logged in as:</div>
{{user.display_name}}
</div>
<hr style="margin: 10px" />
<a class="nav-link" href="/">
<div class="sb-nav-link-icon"><i class="fas fa-tachometer-alt"></i></div>
Dashboard
</a>
<a class="nav-link" href="/modpacks">
<div class="sb-nav-link-icon"><i class="fas fa-box-open"></i></div>
Modpacks
</a>
<a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
<div class="sb-nav-link-icon"><i class="fas fa-book"></i></div>
Libraries
<div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
</a>
<div class="collapse" id="collapseLayouts" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
<nav class="sb-sidenav-menu-nested nav">
<a class="nav-link" href="/mods/">
<div class="sb-nav-link-icon"><i class="fas fa-gear"></i></div>
Mod Library
</a>
<a class="nav-link" href="/modloaders/">
<div class="sb-nav-link-icon"><i class="fas fa-file-code"></i></div>
Modloaders
</a>
<a class="nav-link" href="/other-files/">
<div class="sb-nav-link-icon"><i class="fas fa-file-zipper"></i></div>
Custom Files
</a>
</nav>
</div>
<a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseSettings" aria-expanded="false" aria-controls="collapseLayouts">
<div class="sb-nav-link-icon"><i class="fas fa-gear"></i></div>
Settings
<div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
</a>
<div class="collapse" id="collapseSettings" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
<nav class="sb-sidenav-menu-nested nav">
<a class="nav-link" href="/modloaders/">
<div class="sb-nav-link-icon"><i class="fas fa-info-circle"></i></div>
About TechnicFlux
</a>
<a class="nav-link" href="/mods/">
<div class="sb-nav-link-icon"><i class="fas fa-users"></i></div>
Clients
</a>
{{#if user.admin}}
<a class="nav-link" href="/other-files/">
<div class="sb-nav-link-icon"><i class="fas fa-cogs"></i></div>
Configuration
</a>
<a class="nav-link" href="/other-files/">
<div class="sb-nav-link-icon"><i class="fas fa-user-tie"></i></div>
User Management
</a>
<a class="nav-link" href="/other-files/">
<div class="sb-nav-link-icon"><i class="fas fa-arrow-alt-circle-up"></i></div>
Update
</a>
{{/if}}
</nav>
</div>
</div>
</div>
</nav>
</div>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid px-4" style="padding-top: 25px">
<div class="row justify-content-center">
<div class="col-xl-3 col-md-4">
<div class="card bg-success text-white mb-4">
<div class="card-header">Total Runs</div>
<div class="card-body align-self-center">
<h1><i class="fas fa-play"></i> 0</h1>
</div>
</div>
</div>
<div class="col-xl-3 col-md-4">
<div class="card bg-primary text-white mb-4">
<div class="card-header">Total Downloads</div>
<div class="card-body align-self-center">
<h1><i class="fas fa-download"></i> 0</h1>
</div>
</div>
</div>
<div class="col-xl-3 col-md-4">
<div class="card bg-danger text-white mb-4">
<div class="card-header">Total Likes</div>
<div class="card-body align-self-center">
<h1><i class="fas fa-heart"></i> 0</h1>
</div>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-header">
<i class="fas fa-table me-1"></i>
DataTable Example
</div>
<div class="card-body">
<table id="datatablesSimple">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>
<tr>
<td>Cedric Kelly</td>
<td>Senior Javascript Developer</td>
<td>Edinburgh</td>
<td>22</td>
<td>2012/03/29</td>
<td>$433,060</td>
</tr>
<tr>
<td>Airi Satou</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>33</td>
<td>2008/11/28</td>
<td>$162,700</td>
</tr>
<tr>
<td>Brielle Williamson</td>
<td>Integration Specialist</td>
<td>New York</td>
<td>61</td>
<td>2012/12/02</td>
<td>$372,000</td>
</tr>
<tr>
<td>Herrod Chandler</td>
<td>Sales Assistant</td>
<td>San Francisco</td>
<td>59</td>
<td>2012/08/06</td>
<td>$137,500</td>
</tr>
<tr>
<td>Rhona Davidson</td>
<td>Integration Specialist</td>
<td>Tokyo</td>
<td>55</td>
<td>2010/10/14</td>
<td>$327,900</td>
</tr>
<tr>
<td>Colleen Hurst</td>
<td>Javascript Developer</td>
<td>San Francisco</td>
<td>39</td>
<td>2009/09/15</td>
<td>$205,500</td>
</tr>
<tr>
<td>Sonya Frost</td>
<td>Software Engineer</td>
<td>Edinburgh</td>
<td>23</td>
<td>2008/12/13</td>
<td>$103,600</td>
</tr>
<tr>
<td>Jena Gaines</td>
<td>Office Manager</td>
<td>London</td>
<td>30</td>
<td>2008/12/19</td>
<td>$90,560</td>
</tr>
<tr>
<td>Quinn Flynn</td>
<td>Support Lead</td>
<td>Edinburgh</td>
<td>22</td>
<td>2013/03/03</td>
<td>$342,000</td>
</tr>
<tr>
<td>Charde Marshall</td>
<td>Regional Director</td>
<td>San Francisco</td>
<td>36</td>
<td>2008/10/16</td>
<td>$470,600</td>
</tr>
<tr>
<td>Haley Kennedy</td>
<td>Senior Marketing Designer</td>
<td>London</td>
<td>43</td>
<td>2012/12/18</td>
<td>$313,500</td>
</tr>
<tr>
<td>Tatyana Fitzpatrick</td>
<td>Regional Director</td>
<td>London</td>
<td>19</td>
<td>2010/03/17</td>
<td>$385,750</td>
</tr>
<tr>
<td>Michael Silva</td>
<td>Marketing Designer</td>
<td>London</td>
<td>66</td>
<td>2012/11/27</td>
<td>$198,500</td>
</tr>
<tr>
<td>Paul Byrd</td>
<td>Chief Financial Officer (CFO)</td>
<td>New York</td>
<td>64</td>
<td>2010/06/09</td>
<td>$725,000</td>
</tr>
<tr>
<td>Gloria Little</td>
<td>Systems Administrator</td>
<td>New York</td>
<td>59</td>
<td>2009/04/10</td>
<td>$237,500</td>
</tr>
<tr>
<td>Bradley Greer</td>
<td>Software Engineer</td>
<td>London</td>
<td>41</td>
<td>2012/10/13</td>
<td>$132,000</td>
</tr>
<tr>
<td>Dai Rios</td>
<td>Personnel Lead</td>
<td>Edinburgh</td>
<td>35</td>
<td>2012/09/26</td>
<td>$217,500</td>
</tr>
<tr>
<td>Jenette Caldwell</td>
<td>Development Lead</td>
<td>New York</td>
<td>30</td>
<td>2011/09/03</td>
<td>$345,000</td>
</tr>
<tr>
<td>Yuri Berry</td>
<td>Chief Marketing Officer (CMO)</td>
<td>New York</td>
<td>40</td>
<td>2009/06/25</td>
<td>$675,000</td>
</tr>
<tr>
<td>Caesar Vance</td>
<td>Pre-Sales Support</td>
<td>New York</td>
<td>21</td>
<td>2011/12/12</td>
<td>$106,450</td>
</tr>
<tr>
<td>Doris Wilder</td>
<td>Sales Assistant</td>
<td>Sidney</td>
<td>23</td>
<td>2010/09/20</td>
<td>$85,600</td>
</tr>
<tr>
<td>Angelica Ramos</td>
<td>Chief Executive Officer (CEO)</td>
<td>London</td>
<td>47</td>
<td>2009/10/09</td>
<td>$1,200,000</td>
</tr>
<tr>
<td>Gavin Joyce</td>
<td>Developer</td>
<td>Edinburgh</td>
<td>42</td>
<td>2010/12/22</td>
<td>$92,575</td>
</tr>
<tr>
<td>Jennifer Chang</td>
<td>Regional Director</td>
<td>Singapore</td>
<td>28</td>
<td>2010/11/14</td>
<td>$357,650</td>
</tr>
<tr>
<td>Brenden Wagner</td>
<td>Software Engineer</td>
<td>San Francisco</td>
<td>28</td>
<td>2011/06/07</td>
<td>$206,850</td>
</tr>
<tr>
<td>Fiona Green</td>
<td>Chief Operating Officer (COO)</td>
<td>San Francisco</td>
<td>48</td>
<td>2010/03/11</td>
<td>$850,000</td>
</tr>
<tr>
<td>Shou Itou</td>
<td>Regional Marketing</td>
<td>Tokyo</td>
<td>20</td>
<td>2011/08/14</td>
<td>$163,000</td>
</tr>
<tr>
<td>Michelle House</td>
<td>Integration Specialist</td>
<td>Sidney</td>
<td>37</td>
<td>2011/06/02</td>
<td>$95,400</td>
</tr>
<tr>
<td>Suki Burks</td>
<td>Developer</td>
<td>London</td>
<td>53</td>
<td>2009/10/22</td>
<td>$114,500</td>
</tr>
<tr>
<td>Prescott Bartlett</td>
<td>Technical Author</td>
<td>London</td>
<td>27</td>
<td>2011/05/07</td>
<td>$145,000</td>
</tr>
<tr>
<td>Gavin Cortez</td>
<td>Team Leader</td>
<td>San Francisco</td>
<td>22</td>
<td>2008/10/26</td>
<td>$235,500</td>
</tr>
<tr>
<td>Martena Mccray</td>
<td>Post-Sales support</td>
<td>Edinburgh</td>
<td>46</td>
<td>2011/03/09</td>
<td>$324,050</td>
</tr>
<tr>
<td>Unity Butler</td>
<td>Marketing Designer</td>
<td>San Francisco</td>
<td>47</td>
<td>2009/12/09</td>
<td>$85,675</td>
</tr>
<tr>
<td>Howard Hatfield</td>
<td>Office Manager</td>
<td>San Francisco</td>
<td>51</td>
<td>2008/12/16</td>
<td>$164,500</td>
</tr>
<tr>
<td>Hope Fuentes</td>
<td>Secretary</td>
<td>San Francisco</td>
<td>41</td>
<td>2010/02/12</td>
<td>$109,850</td>
</tr>
<tr>
<td>Vivian Harrell</td>
<td>Financial Controller</td>
<td>San Francisco</td>
<td>62</td>
<td>2009/02/14</td>
<td>$452,500</td>
</tr>
<tr>
<td>Timothy Mooney</td>
<td>Office Manager</td>
<td>London</td>
<td>37</td>
<td>2008/12/11</td>
<td>$136,200</td>
</tr>
<tr>
<td>Jackson Bradshaw</td>
<td>Director</td>
<td>New York</td>
<td>65</td>
<td>2008/09/26</td>
<td>$645,750</td>
</tr>
<tr>
<td>Olivia Liang</td>
<td>Support Engineer</td>
<td>Singapore</td>
<td>64</td>
<td>2011/02/03</td>
<td>$234,500</td>
</tr>
<tr>
<td>Bruno Nash</td>
<td>Software Engineer</td>
<td>London</td>
<td>38</td>
<td>2011/05/03</td>
<td>$163,500</td>
</tr>
<tr>
<td>Sakura Yamamoto</td>
<td>Support Engineer</td>
<td>Tokyo</td>
<td>37</td>
<td>2009/08/19</td>
<td>$139,575</td>
</tr>
<tr>
<td>Thor Walton</td>
<td>Developer</td>
<td>New York</td>
<td>61</td>
<td>2013/08/11</td>
<td>$98,540</td>
</tr>
<tr>
<td>Finn Camacho</td>
<td>Support Engineer</td>
<td>San Francisco</td>
<td>47</td>
<td>2009/07/07</td>
<td>$87,500</td>
</tr>
<tr>
<td>Serge Baldwin</td>
<td>Data Coordinator</td>
<td>Singapore</td>
<td>64</td>
<td>2012/04/09</td>
<td>$138,575</td>
</tr>
<tr>
<td>Zenaida Frank</td>
<td>Software Engineer</td>
<td>New York</td>
<td>63</td>
<td>2010/01/04</td>
<td>$125,250</td>
</tr>
<tr>
<td>Zorita Serrano</td>
<td>Software Engineer</td>
<td>San Francisco</td>
<td>56</td>
<td>2012/06/01</td>
<td>$115,000</td>
</tr>
<tr>
<td>Jennifer Acosta</td>
<td>Junior Javascript Developer</td>
<td>Edinburgh</td>
<td>43</td>
<td>2013/02/01</td>
<td>$75,650</td>
</tr>
<tr>
<td>Cara Stevens</td>
<td>Sales Assistant</td>
<td>New York</td>
<td>46</td>
<td>2011/12/06</td>
<td>$145,600</td>
</tr>
<tr>
<td>Hermione Butler</td>
<td>Regional Director</td>
<td>London</td>
<td>47</td>
<td>2011/03/21</td>
<td>$356,250</td>
</tr>
<tr>
<td>Lael Greer</td>
<td>Systems Administrator</td>
<td>London</td>
<td>21</td>
<td>2009/02/27</td>
<td>$103,500</td>
</tr>
<tr>
<td>Jonas Alexander</td>
<td>Developer</td>
<td>San Francisco</td>
<td>30</td>
<td>2010/07/14</td>
<td>$86,500</td>
</tr>
<tr>
<td>Shad Decker</td>
<td>Regional Director</td>
<td>Edinburgh</td>
<td>51</td>
<td>2008/11/13</td>
<td>$183,000</td>
</tr>
<tr>
<td>Michael Bruce</td>
<td>Javascript Developer</td>
<td>Singapore</td>
<td>29</td>
<td>2011/06/27</td>
<td>$183,000</td>
</tr>
<tr>
<td>Donna Snider</td>
<td>Customer Support</td>
<td>New York</td>
<td>27</td>
<td>2011/01/25</td>
<td>$112,000</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</main>
<footer class="py-4 bg-light mt-auto">
<div class="container-fluid px-4">
<div class="d-flex align-items-center justify-content-between small">
<div class="text-muted">Copyright &copy; Zandercraft 2023.
Distributed under the <a href="https://github.com/Zandercraft/TechnicFlux/blob/release/LICENSE.txt">MIT License</a>.
<em>We are not affiliated with Mojang, AB or Syndicate LLC.</em>
</div>
<div>
<a href="https://github.com/Zandercraft/TechnicFlux">TechnicFlux on GitHub</a>
</div>
</div>
</div>
</footer>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/umd/simple-datatables.min.js" crossorigin="anonymous"></script>
<script src="js/datatables-simple.js"></script>

View File

@@ -13,13 +13,13 @@
{{error}} {{error}}
</div> </div>
{{/if}} {{/if}}
<form id="login-form" method="post" target="/"> <form id="login-form" method="post" action="/">
<div class="form-floating mb-3"> <div class="form-floating mb-3">
<input class="form-control" id="inputEmail" type="text" placeholder="name@example.com" /> <input class="form-control" id="username" minlength="4" maxlength="50" type="text" placeholder="Username" name="username" required />
<label for="inputEmail" class="text-dark">Username</label> <label for="inputEmail" class="text-dark">Username</label>
</div> </div>
<div class="form-floating mb-3"> <div class="form-floating mb-3">
<input class="form-control" id="inputPassword" type="password" placeholder="Password" /> <input class="form-control" id="password" type="password" placeholder="Password" name="password" required />
<label for="inputPassword" class="text-dark">Password</label> <label for="inputPassword" class="text-dark">Password</label>
</div> </div>
<div class="d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center justify-content-between">
@@ -37,6 +37,22 @@
</div> </div>
</main> </main>
</div> </div>
<div id="layoutError_footer">
<footer class="py-4 bg-light mt-auto">
<div class="container-fluid px-4">
<div class="d-flex align-items-center justify-content-between small">
<div class="text-muted">
Copyright &copy; Zandercraft 2023. Distributed under the
<a href="https://github.com/Zandercraft/TechnicFlux/blob/release/LICENSE.txt">MIT License</a>.
<em>We are not affiliated with Mojang, AB or Syndicate LLC.</em>
</div>
<div>
<a href="https://github.com/Zandercraft/TechnicFlux">TechnicFlux on Github</a>
</div>
</div>
</div>
</footer>
</div>
{{#if captcha}} {{#if captcha}}
{{{captcha}}} {{{captcha}}}

View File

@@ -9,28 +9,12 @@
<link rel='stylesheet' href='/stylesheets/style.css'/> <link rel='stylesheet' href='/stylesheets/style.css'/>
<link rel='stylesheet' href='/stylesheets/styles.css'/> <link rel='stylesheet' href='/stylesheets/styles.css'/>
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script> <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
</head> </head>
<body> <body>
<div class="pageContent"> <div class="pageContent">
{{{body}}} {{{body}}}
</div> </div>
<div id="layoutError_footer">
<footer class="py-4 bg-light mt-auto">
<div class="container-fluid px-4">
<div class="d-flex align-items-center justify-content-between small">
<div class="text-muted">
Copyright &copy; Zandercraft 2023. Distributed under the
<a href="https://github.com/Zandercraft/TechnicFlux/blob/release/LICENSE.txt">MIT License</a>.
<em>We are not affiliated with Mojang, AB or Syndicate LLC.</em>
</div>
<div>
<a href="https://github.com/Zandercraft/TechnicFlux">TechnicFlux on Github</a>
</div>
</div>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="js/common-script.js"></script> <script src="js/common-script.js"></script>
</body> </body>