Welcome Cashier!

15 | Logout 16 |

17 | 18 |

19 | 20 | 21 | 22 |

23 | 24 |

Take Their Order

25 | 45 |

46 | 47 |

48 |

Completed Order

49 |

51 | <% if(orders[i].complete === true) { %> 52 |

65 | <% } %> 66 | <% } %> 67 |

68 |

69 | 70 |

71 | 72 | 73 | 74 | 75 | 76 | -------------------------------------------------------------------------------- /public/main.js: -------------------------------------------------------------------------------- 1 | var check = document.getElementsByClassName("fa-check"); 2 | // var thumbDown = document.getElementsByClassName("fa-thumbs-down"); 3 | var ban = document.getElementsByClassName("fa-ban"); 4 | 5 | Array.from(check).forEach(function(element) { 6 | element.addEventListener('click', function(){ 7 | // const name = this.parentNode.parentNode.childNodes[1].innerText 8 | const customer = this.parentNode.parentNode.childNodes[3].innerText 9 | const coffee = this.parentNode.parentNode.childNodes[5].innerText 10 | const size = this.parentNode.parentNode.childNodes[7].innerText 11 | const other = this.parentNode.parentNode.childNodes[9].innerText 12 | const check = parseFloat(this.parentNode.parentNode.childNodes[9].innerText) 13 | fetch('orders', { 14 | method: 'put', 15 | headers: {'Content-Type': 'application/json'}, 16 | body: JSON.stringify({ 17 | // 'name': name, 18 | 'customer': customer, 19 | 'coffee': coffee, 20 | 'size': size, 21 | 'other': other, 22 | 'check': check, 23 | complete: true 24 | }) 25 | }) 26 | .then(response => { 27 | console.log(response) 28 | if (response.ok) return response.json() 29 | }) 30 | .then(data => { 31 | console.log(data) 32 | window.location.reload(true) 33 | }) 34 | }); 35 | }); 36 | 37 | // Array.from(thumbDown).forEach(function(element) { 38 | // element.addEventListener('click', function(){ 39 | // const name = this.parentNode.parentNode.childNodes[1].innerText 40 | // const customer = this.parentNode.parentNode.childNodes[3].innerText 41 | // const coffee = this.parentNode.parentNode.childNodes[5].innerText 42 | // const size = this.parentNode.parentNode.childNodes[7].innerText 43 | // const thumbDown = parseFloat(this.parentNode.parentNode.childNodes[11].innerText) 44 | // fetch('copmletedDown', { 45 | // method: 'put', 46 | // headers: {'Content-Type': 'application/json'}, 47 | // body: JSON.stringify({ 48 | // 'name': name, 49 | // 'customer': customer, 50 | // 'coffee': coffee, 51 | // 'size': size, 52 | // 'thumbDown':thumbDown 53 | // }) 54 | // }) 55 | // .then(response => { 56 | // if (response.ok) return response.json() 57 | // }) 58 | // .then(data => { 59 | // console.log(data) 60 | // window.location.reload(true) 61 | // }) 62 | // }); 63 | // }); 64 | 65 | Array.from(ban).forEach(function(element) { 66 | element.addEventListener('click', function(){ 67 | const customer = this.parentNode.parentNode.childNodes[3].innerText 68 | const coffee = this.parentNode.parentNode.childNodes[5].innerText 69 | const size = this.parentNode.parentNode.childNodes[7].innerText 70 | const other = this.parentNode.parentNode.childNodes[9].innerText 71 | fetch('orders', { 72 | method: 'delete', 73 | headers: { 74 | 'Content-Type': 'application/json' 75 | }, 76 | body: JSON.stringify({ 77 | 'customer': customer, 78 | 'coffee': coffee, 79 | 'size': size, 80 | 'other': other 81 | 82 | }) 83 | }).then(function (response) { 84 | window.location.reload() 85 | }) 86 | }); 87 | }); 88 | -------------------------------------------------------------------------------- /views/profile.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Barista 5 | 6 | 7 | 8 | 9 | 10 | 11 |

12 | 13 |

14 |

Welcome Barista: <%= user.local.email %>

15 | Logout 16 |

17 | 18 |

19 | 20 | 21 |

22 |

23 |

Local

24 | 25 | <% if (user.local.email) { %> 26 |

27 | id: <%= user._id %>
28 | email: <%= user.local.email %>
29 | 30 |

31 | 32 | Unlink 33 | <% } else { %> 34 | Connect Local 35 | <% } %> 36 | 37 |

38 |

39 |

40 |

Pending Orders

41 |

43 | <% if(orders[i].complete === false) { %> 44 |

57 | <% } %> 58 | <% } %> 59 |

60 | 61 |

Completed Orders

62 |

64 | <% if(orders[i].complete === true) { %> 65 |

78 | <% } %> 79 | <% } %> 80 |

81 | 82 |

83 | 84 | 85 | 86 | 87 | 103 | 104 |

105 | <% } %> 106 | 107 |

108 | 109 | 110 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /config/passport.js: -------------------------------------------------------------------------------- 1 | // config/passport.js 2 | 3 | // load all the things we need 4 | var LocalStrategy = require('passport-local').Strategy; 5 | 6 | // load up the user model 7 | var User = require('../app/models/user'); 8 | 9 | // expose this function to our app using module.exports 10 | module.exports = function(passport) { 11 | 12 | // ========================================================================= 13 | // passport session setup ================================================== 14 | // ========================================================================= 15 | // required for persistent login sessions 16 | // passport needs ability to serialize and unserialize users out of session 17 | 18 | // used to serialize the user for the session 19 | passport.serializeUser(function(user, done) { 20 | done(null, user.id); 21 | }); 22 | 23 | // used to deserialize the user 24 | passport.deserializeUser(function(id, done) { 25 | User.findById(id, function(err, user) { 26 | done(err, user); 27 | }); 28 | }); 29 | 30 | // ========================================================================= 31 | // LOCAL SIGNUP ============================================================ 32 | // ========================================================================= 33 | // we are using named strategies since we have one for login and one for signup 34 | // by default, if there was no name, it would just be called 'local' 35 | 36 | passport.use('local-signup', new LocalStrategy({ 37 | // by default, local strategy uses username and password, we will override with email 38 | usernameField : 'email', 39 | passwordField : 'password', 40 | passReqToCallback : true // allows us to pass back the entire request to the callback 41 | }, 42 | function(req, email, password, done) { 43 | 44 | // find a user whose email is the same as the forms email 45 | // we are checking to see if the user trying to login already exists 46 | User.findOne({ 'local.email' : email }, function(err, user) { 47 | // if there are any errors, return the error 48 | if (err) 49 | return done(err); 50 | 51 | // check to see if theres already a user with that email 52 | if (user) { 53 | return done(null, false, req.flash('signupMessage', 'That email is already taken.')); 54 | } else { 55 | 56 | // if there is no user with that email 57 | // create the user 58 | var newUser = new User(); 59 | 60 | // set the user's local credentials 61 | newUser.local.email = email; 62 | newUser.local.password = newUser.generateHash(password); // use the generateHash function in our user model 63 | 64 | // save the user 65 | newUser.save(function(err) { 66 | if (err) 67 | throw err; 68 | return done(null, newUser); 69 | }); 70 | } 71 | 72 | }); 73 | 74 | })); 75 | 76 | // ========================================================================= 77 | // LOCAL LOGIN ============================================================= 78 | // ========================================================================= 79 | // we are using named strategies since we have one for login and one for signup 80 | // by default, if there was no name, it would just be called 'local' 81 | 82 | passport.use('local-login', new LocalStrategy({ 83 | // by default, local strategy uses username and password, we will override with email 84 | usernameField : 'email', 85 | passwordField : 'password', 86 | passReqToCallback : true // allows us to pass back the entire request to the callback 87 | }, 88 | function(req, email, password, done) { // callback with email and password from our form 89 | 90 | // find a user whose email is the same as the forms email 91 | // we are checking to see if the user trying to login already exists 92 | User.findOne({ 'local.email' : email }, function(err, user) { 93 | // if there are any errors, return the error before anything else 94 | if (err) 95 | return done(err); 96 | 97 | // if no user is found, return the message 98 | if (!user) 99 | return done(null, false, req.flash('loginMessage', 'No user found.')); // req.flash is the way to set flashdata using connect-flash 100 | 101 | // if the user is found but the password is wrong 102 | if (!user.validPassword(password)) 103 | return done(null, false, req.flash('loginMessage', 'Oops! Wrong password.')); // create the loginMessage and save it to session as flashdata 104 | 105 | // all is well, return successful user 106 | return done(null, user); 107 | }); 108 | 109 | })); 110 | 111 | }; 112 | -------------------------------------------------------------------------------- /app/routes.js: -------------------------------------------------------------------------------- 1 | module.exports = function(app, passport, db) { 2 | 3 | // normal routes =============================================================== 4 | 5 | // show the home page (will also have our login links) 6 | app.get('/', function(req, res) { 7 | res.render('index.ejs'); 8 | }); 9 | 10 | // Barista SECTION ========================= 11 | app.get('/profile', isLoggedIn, function(req, res) { 12 | db.collection('orders').find().toArray((err, result) => { 13 | if (err) return console.log(err) 14 | res.render('profile.ejs', { 15 | user : req.user, 16 | orders: result 17 | }) 18 | }) 19 | }); 20 | 21 | // cashier SECTION ========================= 22 | app.get('/cashier', isLoggedIn, function(req, res) { 23 | db.collection('orders').find().toArray((err, result) => { 24 | if (err) return console.log(err) 25 | res.render('cashier.ejs', { 26 | user : req.user, 27 | orders: result 28 | }) 29 | }) 30 | }); 31 | 32 | // LOGOUT ============================== 33 | app.get('/logout', function(req, res) { 34 | req.logout(); 35 | res.redirect('/'); 36 | }); 37 | 38 | // message board routes =============================================================== 39 | //cashier collections 40 | app.post('/orders', (req, res) => { 41 | db.collection('orders').save({name: req.body.name, customer: req.body.customer, coffee: req.body.coffee, size: req.body.size, other: req.body.other, complete: false}, (err, result) => { 42 | if (err) return console.log(err) 43 | console.log('saved to database') 44 | res.redirect('/cashier') 45 | }) 46 | }) 47 | // //barista collections 48 | // app.post('/orders', (req, res) => { 49 | // db.collection('orders').save({name: req.body.name, customer: req.body.customer, coffee: req.body.coffee, size: req.body.size, complete: false}, (err, result) => { 50 | // if (err) return console.log(err) 51 | // console.log('saved to database') 52 | // //sends this post back to the cashiers view 53 | // res.redirect('/profile') 54 | // }) 55 | // }) 56 | //barista 57 | app.put('/orders', (req, res) => { 58 | db.collection('orders') 59 | .findOneAndUpdate({name: req.body.name, customer: req.body.customer, coffee: req.body.coffee, size: req.body.size, other: req.body.other, complete: false}, { 60 | $set: { 61 | complete: true 62 | } 63 | }, { 64 | sort: {_id: -1}, 65 | upsert: true 66 | }, (err, result) => { 67 | if (err) return res.send(err) 68 | res.send(result) 69 | }) 70 | }) 71 | // 72 | // app.put('/ordersDown', (req, res) => { 73 | // db.collection('orders') 74 | // .findOneAndUpdate({name: req.body.name, size: req.body.size}, { 75 | // $set: { 76 | // thumbUp:req.body.thumbDown - 1 77 | // } 78 | // }, { 79 | // sort: {_id: -1}, 80 | // upsert: true 81 | // }, (err, result) => { 82 | // if (err) return res.send(err) 83 | // res.send(result) 84 | // }) 85 | // }) 86 | 87 | app.delete('/orders', (req, res) => { 88 | db.collection('orders').findOneAndDelete({name: req.body.name, other: req.body.other}, (err, result) => { 89 | if (err) return res.send(500, err) 90 | res.send('Message deleted!') 91 | }) 92 | }) 93 | 94 | // ============================================================================= 95 | // AUTHENTICATE (FIRST LOGIN) ================================================== 96 | // ============================================================================= 97 | 98 | // locally -------------------------------- 99 | // LOGIN =============================== 100 | // show the login form 101 | app.get('/login', function(req, res) { 102 | res.render('login.ejs', { message: req.flash('loginMessage') }); 103 | }); 104 | 105 | app.get('/cashier', function(req, res) { 106 | res.render('cashier.ejs', { message: req.flash('loginMessage') }); 107 | }); 108 | 109 | // process the login form 110 | app.post('/login', passport.authenticate('local-login', { 111 | successRedirect : '/profile', // redirect to the secure profile section 112 | failureRedirect : '/login', // redirect back to the signup page if there is an error 113 | failureFlash : true // allow flash messages 114 | })); 115 | 116 | app.post('/cashier', passport.authenticate('local-login', { 117 | successRedirect : '/cashier', // redirect to the secure profile section 118 | failureRedirect : '/cashlogin', // redirect back to the signup page if there is an error 119 | failureFlash : true // allow flash messages 120 | })); 121 | 122 | // SIGNUP ================================= 123 | // show the signup form 124 | app.get('/signup', function(req, res) { 125 | res.render('signup.ejs', { message: req.flash('signupMessage') }); 126 | }); 127 | 128 | // app.get('/cashsignup', function(req, res) { 129 | // res.render('cashsignup.ejs', { message: req.flash('signupMessage') }); 130 | // }); 131 | 132 | // process the signup form 133 | app.post('/signup', passport.authenticate('local-signup', { 134 | successRedirect : '/profile', // redirect to the secure profile section 135 | failureRedirect : '/signup', // redirect back to the signup page if there is an error 136 | failureFlash : true // allow flash messages 137 | })); 138 | 139 | // app.post('/cashsignup', passport.authenticate('local-signup', { 140 | // successRedirect : '/cashier', // redirect to the secure profile section 141 | // failureRedirect : '/cashsignup', // redirect back to the signup page if there is an error 142 | // failureFlash : true // allow flash messages 143 | // })); 144 | 145 | // ============================================================================= 146 | // UNLINK ACCOUNTS ============================================================= 147 | // ============================================================================= 148 | // used to unlink accounts. for social accounts, just remove the token 149 | // for local account, remove email and password 150 | // user account will stay active in case they want to reconnect in the future 151 | 152 | // local ----------------------------------- 153 | app.get('/unlink/local', isLoggedIn, function(req, res) { 154 | var user = req.user; 155 | user.local.email = undefined; 156 | user.local.password = undefined; 157 | user.save(function(err) { 158 | res.redirect('/profile'); 159 | }); 160 | }); 161 | 162 | }; 163 | 164 | // route middleware to ensure user is logged in 165 | function isLoggedIn(req, res, next) { 166 | if (req.isAuthenticated()) 167 | return next(); 168 | 169 | res.redirect('/'); 170 | } 171 | --------------------------------------------------------------------------------

Barista Login

Add Local Account

Barista Signup

Welcome Model Employee!

Barista