me
/
score-tracker
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add login/logout buttons

main
sudoer777 2021-11-26 12:37:09 -07:00
parent e277107b10
commit 872397d05e
16 changed files with 64 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/scripts/main.js 100644
View File

@ -0,0 +1,14 @@
const logInButton = document.getElementById('login-button');
const logOutButton = document.getElementById('logout-button');
if(logInButton) {
logInButton.addEventListener('click', () => {
window.location.href = "/auth/login";
});
}
if(logOutButton) {
logOutButton.addEventListener('click', () => {
window.location.href = "/auth/logout";
});
}

5
public/stylesheets/index.css
View File

@ -25,8 +25,3 @@ tr {
flex-direction: row;
}
#actions-div {
display: flex;
flex-direction: column;
margin-left: auto;
}

5
public/stylesheets/style.css
View File

@ -22,4 +22,9 @@ a {
.send-to-right {
margin-left: auto;
}
#actions-div {
display: flex;
margin-left: auto;
}

2
routes/index.js
View File

@ -3,7 +3,7 @@ var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'View Scores' });
res.render('index', { title: 'View Scores', userLoggedIn: !!req.user });
});
module.exports = router;

18
routes/manage.js
View File

@ -30,14 +30,14 @@ function adminLoggedIn(req, res, next) {
router.get('/' ,userLoggedIn, function(req, res, next) {
if(req.user[2]) res.render('manage', { title: 'Score Management' });
else res.render('manage/manage-nonadmin', { title: "My Games" });
if(req.user[2]) res.render('manage', { title: 'Score Management', userLoggedIn: !!req.user });
else res.render('manage/manage-nonadmin', { title: "My Games", userLoggedIn: !!req.user });
});
router.get('/game', userLoggedIn, function(req, res, next) {
let title = req.query.game ? 'Edit Game' : 'Submit Score'
res.render('manage/addgame', { title });
res.render('manage/addgame', { title, userLoggedIn: !!req.user });
});
router.post('/game', userLoggedIn, function(req, res, next) {
@ -73,7 +73,7 @@ router.post('/game', userLoggedIn, function(req, res, next) {
});
router.get('/season', adminLoggedIn, function(req, res, next) {
res.render('manage/addseason', { title: 'Add Season', currentYear : (new Date()).getFullYear() });
res.render('manage/addseason', { title: 'Add Season', currentYear : (new Date()).getFullYear(), userLoggedIn: !!req.user });
});
router.post('/season', adminLoggedIn, function(req, res, next) {
@ -87,7 +87,7 @@ router.post('/season', adminLoggedIn, function(req, res, next) {
});
router.get('/sport', adminLoggedIn, function(req, res, next) {
res.render('manage/addsport', { title: 'Add Sport' });
res.render('manage/addsport', { title: 'Add Sport', userLoggedIn: !!req.user });
});
router.post('/sport', adminLoggedIn, function(req, res, next) {
@ -103,7 +103,7 @@ router.post('/sport', adminLoggedIn, function(req, res, next) {
router.get('/division', adminLoggedIn, function(req, res, next) {
let title = req.query.division ? 'Edit Division' : 'Add Division'
res.render('manage/adddivision', { title });
res.render('manage/adddivision', { title, userLoggedIn: !!req.user });
});
router.post('/division', adminLoggedIn, function(req, res, next) {
@ -134,7 +134,7 @@ router.post('/division', adminLoggedIn, function(req, res, next) {
router.get('/team', adminLoggedIn, function(req, res, next) {
let title = req.query.team ? 'Edit Team' : 'Add Team'
res.render('manage/addteam', { title });
res.render('manage/addteam', { title, userLoggedIn: !!req.user });
});
router.post('/team', adminLoggedIn, function(req, res, next) {
@ -156,12 +156,12 @@ router.get('/account', userLoggedIn, (req, res, next) => {
if(userIsAdmin) {
let title = req.query.account ? 'Manage User' : 'Create User'
res.render('accounts/createuser', { title });
res.render('accounts/createuser', { title, userLoggedIn: !!req.user });
}
else {
let title = 'Manage Account';
res.render('accounts/createuser', { title, accountID });
res.render('accounts/createuser', { title, accountID, userLoggedIn: !!req.user });
}
});

2
views/accounts/createuser.pug
View File

@ -5,8 +5,6 @@ block stylesheets
link(rel='stylesheet', href='/stylesheets/form.css')
block content
div#mobile-view
h1 #{title}
form#submission-form(action='/manage/account', method='POST')
if accountID
input#account-id(type="hidden" name="account" value=accountID)

26
views/accounts/login.pug
View File

@ -5,17 +5,15 @@ block stylesheets
link(rel='stylesheet', href='/stylesheets/form.css')
block content
div#mobile-view
h1 #{title}
form(action='/auth/login', method='POST')
span(class='form-section')
label Email
span(class='form-section-input')
input(type="email", name="email")
span(class='form-section')
label Password
span(class='form-section-input')
input(type="password", name="password")
.error #{message}
span(class='form-section')
button#submit-button(type="submit") Submit
form(action='/auth/login', method='POST')
span(class='form-section')
label Email
span(class='form-section-input')
input(type="email", name="email")
span(class='form-section')
label Password
span(class='form-section-input')
input(type="password", name="password")
.error #{message}
span(class='form-section')
button#submit-button(type="submit") Submit

12
views/index.pug
View File

@ -4,13 +4,13 @@ block stylesheets
link(rel='stylesheet', href='/stylesheets/index.css')
link(rel='stylesheet', href='/stylesheets/form.css')
block actions
if userLoggedIn
button#add-score-button Submit score
button#manage-button Manage scores
block content
div#mobile-view
div#header-div
h1 Score Tracker
div#actions-div
button#add-score-button +
button#manage-button Manage
div
span(class='form-section')
label Year

13
views/layout.pug
View File

@ -1,10 +1,19 @@
doctype html
html
head
title= title
title= title + ' - Score Tracker'
meta(name='viewport', content='width=device-width, initial-scale=1')
link(rel='stylesheet', href='/stylesheets/style.css')
block stylesheets
body
block content
div#mobile-view
div#actions-div
block actions
if userLoggedIn
button#logout-button Log out
else if userLoggedIn !== undefined
button#login-button Log in
h1 #{title}
block content
block scripts
script(src='/scripts/main.js' type="module")

2
views/manage.pug
View File

@ -5,8 +5,6 @@ block stylesheets
link(rel='stylesheet', href='/stylesheets/form.css')
block content
div#mobile-view
h1 Management Panel
div
span(class='form-section')
label Category

4
views/manage/adddivision.pug
View File

@ -1,12 +1,10 @@
extends layout
extends ../layout
block stylesheets
link(rel='stylesheet', href='/stylesheets/submit.css')
link(rel='stylesheet', href='/stylesheets/form.css')
block content
div#mobile-view
h1 #{title}
form#submission-form(action='./division', method='POST')
span(class='form-section')
label Sport

4
views/manage/addgame.pug
View File

@ -1,12 +1,10 @@
extends layout
extends ../layout
block stylesheets
link(rel='stylesheet', href='/stylesheets/submit.css')
link(rel='stylesheet', href='/stylesheets/form.css')
block content
div#mobile-view
h1 #{title}
form#submission-form(action='./game', method='POST')
span(class='form-section')
label Year

4
views/manage/addseason.pug
View File

@ -1,12 +1,10 @@
extends layout
extends ../layout
block stylesheets
link(rel='stylesheet', href='/stylesheets/submit.css')
link(rel='stylesheet', href='/stylesheets/form.css')
block content
div#mobile-view
h1 #{title}
form(action='./season', method='POST')
span(class='form-section')
label Ending year

4
views/manage/addsport.pug
View File

@ -1,12 +1,10 @@
extends layout
extends ../layout
block stylesheets
link(rel='stylesheet', href='/stylesheets/submit.css')
link(rel='stylesheet', href='/stylesheets/form.css')
block content
div#mobile-view
h1#main-header Add Sport
form#submission-form(action='./sport', method='POST')
span(class='form-section')
label Sport name

4
views/manage/addteam.pug
View File

@ -1,12 +1,10 @@
extends layout
extends ../layout
block stylesheets
link(rel='stylesheet', href='/stylesheets/submit.css')
link(rel='stylesheet', href='/stylesheets/form.css')
block content
div#mobile-view
h1 #{title}
form#submission-form(action='./team', method='POST')
span(class='form-section')
label Sport

4
views/manage/manage-nonadmin.pug
View File

@ -1,12 +1,10 @@
extends layout
extends ../layout
block stylesheets
link(rel='stylesheet', href='/stylesheets/manage.css')
link(rel='stylesheet', href='/stylesheets/form.css')
block content
div#mobile-view
h1 #{title}
span(class="flat-content")
button#add-new-button Add new...
button#manage-account-button(class="send-to-right") Manage account...