├── .dockerignore ├── .gitignore ├── .prettierignore ├── .prettierrc.json ├── Dockerfile ├── LICENSE ├── README.md ├── api └── api.js ├── config ├── passport.js └── secret.js ├── cypress.json ├── cypress └── integration │ ├── a │ ├── category_spec.js │ └── login_spec.js │ ├── b │ └── signup_spec.js │ └── c │ └── home.js ├── docker-compose.yml ├── etswana.yml ├── middleware.test.js ├── middleware ├── cpuUsage.js ├── middleware.js └── rateLimitter.js ├── models ├── cart.js ├── category.js ├── product.js └── user.js ├── nightwatch.json ├── package-lock.json ├── package.json ├── public ├── css │ ├── bootstrap.min.css │ └── theme.css ├── images │ ├── eTswana-Stores.png │ ├── favicon.ico │ ├── thumb.png │ ├── thumb1.png │ ├── thumb2.png │ └── thumb3.png └── js │ ├── bootstrap.min.js │ ├── custom.js │ ├── jquery.min.js │ └── spin.min.js ├── routes ├── admin.js ├── error.js ├── main.js └── user.js ├── server.js └── views ├── accounts ├── edit-profile.ejs ├── login.ejs ├── profile.ejs └── signup.ejs ├── admin └── add-category.ejs ├── layout.ejs ├── main ├── about.ejs ├── cart.ejs ├── category.ejs ├── error.ejs ├── home.ejs ├── product-main.ejs ├── product.ejs └── search-result.ejs └── partials ├── footer.ejs ├── javascriptonly.ejs └── navbar.ejs /.dockerignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | npm-debug.log -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | #cypress 2 | cypress/fixtures 3 | cypress/plugins 4 | cypress/support 5 | .DS_Store 6 | # Logs 7 | logs 8 | *.log 9 | npm-debug.log* 10 | 11 | # Runtime data 12 | pids 13 | *.pid 14 | *.seed 15 | 16 | # Directory for instrumented libs generated by jscoverage/JSCover 17 | lib-cov 18 | 19 | # Coverage directory used by tools like istanbul 20 | coverage 21 | 22 | # nyc test coverage 23 | .nyc_output 24 | 25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 26 | .grunt 27 | 28 | # node-waf configuration 29 | .lock-wscript 30 | 31 | # Compiled binary addons (http://nodejs.org/api/addons.html) 32 | build/Release 33 | 34 | # Dependency directories 35 | node_modules 36 | jspm_packages 37 | 38 | # Optional npm cache directory 39 | .npm 40 | 41 | # Optional REPL history 42 | .node_repl_history 43 | 44 | .idea/ -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrmodise/nodejs-ecommerce-store/69e14afb740a561191a609aaf6eb9d71c10f0fd5/.prettierignore -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrmodise/nodejs-ecommerce-store/69e14afb740a561191a609aaf6eb9d71c10f0fd5/.prettierrc.json -------------------------------------------------------------------------------- /Dockerfile: -------------------------------------------------------------------------------- 1 | FROM node:carbon 2 | 3 | # Create app directory 4 | WORKDIR /usr/src/app 5 | 6 | # Install app dependencies 7 | # A wildcard is used to ensure both package.json AND package-lock.json are copied 8 | # where available (npm@5+) 9 | COPY package*.json ./ 10 | 11 | RUN npm install 12 | # If you are building your code for production 13 | # RUN npm install --only=production 14 | 15 | # Bundle app source 16 | COPY . . 17 | 18 | EXPOSE 3000 19 | CMD [ "npm", "start" ] -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Mr Modise 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Nodejs Ecommerce Store 2 | 3 | An amazon clone ecommerce store built in NodeJS utilizing Express, Stripe Payment, MongoDB, Elastic Search, Faker API just to mention a few. Developed with the latest cutting edge industry standard technologies, eTswana stores allows a shopper to browse through the online store and buy products using a credit card. eTswana stores supports social sign up and sign in using Facebook. 4 | 5 | ### Live Demo 6 | 7 | View the live demo as hosted on Heroku at 8 | https://etswana.herokuapp.com/ 9 | (application may take few seconds to open) 10 | 11 | ### Requirements 12 | 13 | ``` 14 | 1. Internet connection 15 | 2. NodeJS (https://nodejs.org/) 16 | 3. VS Code (optional: I use WebStorm) 17 | 4. MongoDB (you can use www.mlab.com or Docker alternative) 18 | 5. Elastic Search (https://www.elastic.co/ or Docker alternative): 19 | Download version 1.7.5 others are not compatable 20 | 6. Stripe account 21 | ``` 22 | 23 | ### Instructions 24 | 25 | Open the project in VS Code, and navigate to config folder. Open the config.js in the editor: 26 | 27 | Add mongodb URL: 28 | 29 | ``` 30 | database: '' e.g. mongodb://localhost:27017/test 31 | ``` 32 | 33 | Provide a secret key: 34 | 35 | ``` 36 | secretKey: "" - e.g. LKSJ&%$#XFE 37 | ``` 38 | 39 | Using Facebook developer site, create a Facebook app and retrieve the following: 40 | 41 | ``` 42 | clientID: process.env.FACEBOOK_ID || '' 43 | 44 | clientSecret: process.env.FACEBOOK_SECRET || '' 45 | ``` 46 | 47 | Create an account with Stripe Payment (https://stripe.com/) 48 | 49 | ``` 50 | Open routes/main.js to add the 'sk_test_SAF...' 51 | number retrieved from Stripe.com 52 | ``` 53 | 54 | ## Running the application 55 | 56 | Now that we are set. Open project in terminal, and: 57 | 58 | ``` 59 | npm install (this will install all dependencies) 60 | ``` 61 | 62 | Once all dependencies are installed 63 | 64 | ``` 65 | npm start 66 | ``` 67 | 68 | aggg!! Project does not run 69 | 70 | ``` 71 | * Make sure Elasticsearch is running (version 1.7.5). 72 | * If using MongoDB locally, make sure it is running as well. 73 | ``` 74 | 75 | alternatively if you have Docker and Docker compose installed then simply docker-compose up. This will install and run MongoD and ElasticSearch. 76 | 77 | ## Testing 78 | 79 | Add testing data to the application by loading API data from Faker API. To do this, 80 | open `http://localhost:3000/api/`. Do this for all categories. I will automate this functionality with Cypress UI automation tool. 81 | 82 | `started on automating this` 83 | 84 | To run automated UI tests, run `npm run test` 85 | 86 | The tests are written using the Cypress framework (https://www.cypress.io) 87 | 88 | `For Stripe payment testing please use the recommended cards on this: https://stripe.com/docs/testing` 89 | 90 | ## Docker & Kubernetes 91 | 92 | To create a Docker container for the application, `docker build -t etswana:1.0.0 .`. Create the Docker image with `docker run etswana:1.0.0` 93 | 94 | WIP: add more instructions on setting up Docker and Kubernetes including monitoring. 95 | 96 | ## Whats Next 97 | 98 | 1. ~~REFACTOR! Clean code comments~~ 99 | 2. ~~REFACTOR! Improved code readability~~ 100 | 3. More functionality to the ecommerce 101 | 4. Write a detailed tutorial - probably use a package to generate one 102 | from the code comments 103 | 104 | ### License 105 | 106 | ``` 107 | The MIT License (MIT) 108 | 109 | Copyright (c) 2016 Mr Modise 110 | 111 | Permission is hereby granted, free of charge, to any person obtaining a copy 112 | of this software and associated documentation files (the "Software"), to deal 113 | in the Software without restriction, including without limitation the rights 114 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 115 | copies of the Software, and to permit persons to whom the Software is 116 | furnished to do so, subject to the following conditions: 117 | 118 | The above copyright notice and this permission notice shall be included in all 119 | copies or substantial portions of the Software. 120 | 121 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 122 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 123 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 124 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 125 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 126 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 127 | SOFTWARE. 128 | ``` 129 | -------------------------------------------------------------------------------- /api/api.js: -------------------------------------------------------------------------------- 1 | // external imports 2 | const router = require("express").Router(); 3 | const async = require("async"); 4 | const faker = require("faker"); 5 | // custom imports 6 | const Category = require("../models/category"); 7 | const Product = require("../models/product"); 8 | 9 | /** 10 | * Handles POST HTTP search requests 11 | */ 12 | router.post("/search", (req, res, next) => { 13 | // search a product give the product name 14 | Product.search( 15 | { 16 | query_string: { query: req.body.search_term }, 17 | }, 18 | (err, results) => { 19 | // oops error might occur 20 | if (err) return next(err); 21 | // return search results in JSON format 22 | res.json(results); 23 | } 24 | ); 25 | }); 26 | 27 | /** 28 | * Handles GET HTTP requests to display products from Fake API 29 | */ 30 | router.get("/:name", (req, res, next) => { 31 | // executes array of functions in series, passing result of previous function to the next 32 | async.waterfall([ 33 | // function 1 34 | (callback) => { 35 | Category.findOne({ name: req.params.name }, (err, category) => { 36 | // oops error might occur 37 | if (err) return next(err); 38 | // return results to callback 39 | callback(null, category); 40 | }); 41 | }, 42 | // function 2 43 | (category) => { 44 | for (let i = 0; i < 30; i++) { 45 | // create a new product instance 46 | const product = new Product(); 47 | // set product properties using faker API 48 | product.category = category._id; 49 | product.name = faker.commerce.productName(); 50 | product.price = faker.commerce.price(); 51 | product.image = faker.image.image(); 52 | product.save(); 53 | } 54 | }, 55 | ]); 56 | // return success message in JSON format 57 | res.json({ message: "Success" }); 58 | }); 59 | 60 | module.exports = router; 61 | -------------------------------------------------------------------------------- /config/passport.js: -------------------------------------------------------------------------------- 1 | // needed for local authentication 2 | const passport = require("passport"); 3 | // needed for local login 4 | const LocalStrategy = require("passport-local").Strategy; 5 | // needed for facebook authentication 6 | const FacebookStrategy = require("passport-facebook").Strategy; 7 | const secret = require("../config/secret"); 8 | const User = require("../models/user"); 9 | const async = require("async"); 10 | const Cart = require("../models/cart"); 11 | 12 | // serialize and deserialize 13 | passport.serializeUser((user, done) => { 14 | done(null, user); 15 | }); 16 | 17 | passport.deserializeUser((id, done) => { 18 | User.findById(id, (err, user) => { 19 | done(err, user); 20 | }); 21 | }); 22 | 23 | // give the middleware a name, and create a new anonymous instance of LocalStrategy 24 | passport.use( 25 | "local-login", 26 | new LocalStrategy( 27 | { 28 | usernameField: "email", 29 | passwordField: "password", 30 | passReqToCallback: true, 31 | }, 32 | (req, email, password, done) => { 33 | // find a specific email 34 | User.findOne({ email: email }, (err, user) => { 35 | // incase of an error return a callback 36 | if (err) return done(err); 37 | 38 | if (!user) { 39 | return done( 40 | null, 41 | false, 42 | req.flash("loginMessage", "No user with such credentials found") 43 | ); 44 | } 45 | 46 | // compare user provided password and the database one 47 | if (!user.comparePassword(password)) { 48 | return done( 49 | null, 50 | false, 51 | req.flash("loginMessage", "Oops! Wrong credentials") 52 | ); 53 | } 54 | 55 | // return user object 56 | return done(null, user); 57 | }); 58 | } 59 | ) 60 | ); 61 | 62 | passport.use( 63 | new FacebookStrategy( 64 | secret.facebook, 65 | (token, refreshToken, profile, done) => { 66 | User.findOne({ facebook: profile.id }, (err, user) => { 67 | if (err) return next(err); 68 | 69 | if (user) { 70 | return done(null, user); 71 | } else { 72 | async.waterfall([ 73 | (callback) => { 74 | const newUser = new User(); 75 | newUser.email = profile._json.email; 76 | newUser.facebook = profile.id; 77 | newUser.tokens.push({ kind: "facebook", token: token }); 78 | newUser.profile.name = profile.displayName; 79 | newUser.profile.picture = 80 | "https://graph.facebook.com/" + 81 | profile.id + 82 | "/picture?type=large"; 83 | 84 | newUser.save((err) => { 85 | if (err) return next(err); 86 | callback(err, newUser._id); 87 | }); 88 | }, 89 | (newUser) => { 90 | const cart = new Cart(); 91 | 92 | cart.owner = newUser._id; 93 | cart.save((err) => { 94 | if (err) return done(err); 95 | return done(err, newUser); 96 | }); 97 | }, 98 | ]); 99 | } 100 | }); 101 | } 102 | ) 103 | ); 104 | 105 | // custom function validate 106 | exports.isAuthenticated = (req, res, next) => { 107 | if (req.isAuthenticated()) { 108 | return next(); 109 | } 110 | res.redirect("/login"); 111 | }; 112 | -------------------------------------------------------------------------------- /config/secret.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | database: "", 3 | port: process.env.PORT || 3000, 4 | secretKey: "", 5 | facebook: { 6 | clientID: process.env.FACEBOOK_ID || "", 7 | clientSecret: process.env.FACEBOOK_SECRET || "", 8 | profileFields: ["emails", "displayName"], 9 | callbackURL: "https://localhost/auth/facebook/callback", 10 | }, 11 | }; 12 | -------------------------------------------------------------------------------- /cypress.json: -------------------------------------------------------------------------------- 1 | { 2 | "projectId": "a7bq2k", 3 | "baseUrl": "http://localhost:3000", 4 | "viewportWidth": 1280, 5 | "viewportHeight": 660 6 | } 7 | -------------------------------------------------------------------------------- /cypress/integration/a/category_spec.js: -------------------------------------------------------------------------------- 1 | context("Product Category", () => { 2 | // TODO: refactor these tests to avoid duplicates 3 | before(() => { 4 | cy.visit("/add-category"); 5 | }); 6 | 7 | specify("should add food category", () => { 8 | cy.get("#addCategoryForm").within(() => { 9 | cy.get("#category-name").type("food"); 10 | cy.root().submit(); 11 | }); 12 | cy.get("#cat-confirmation").should( 13 | "have.text", 14 | "Info! Successfully added a category" 15 | ); 16 | }); 17 | 18 | specify("should add clothes category", () => { 19 | cy.get("#addCategoryForm").within(() => { 20 | cy.get("#category-name").type("clothes"); 21 | cy.root().submit(); 22 | }); 23 | cy.get("#cat-confirmation").should( 24 | "have.text", 25 | "Info! Successfully added a category" 26 | ); 27 | }); 28 | }); 29 | -------------------------------------------------------------------------------- /cypress/integration/a/login_spec.js: -------------------------------------------------------------------------------- 1 | context("Logging users into the application", () => { 2 | specify("should fail to login user with incorrect credentials", () => { 3 | cy.visit("/login"); 4 | cy.get("#email").type("tester1@gmail.com"); 5 | cy.get("#password").type("password123"); 6 | cy.get("#submit").click(); 7 | cy.get("#error-login").should( 8 | "have.text", 9 | "Error! Oops! Wrong credentials" 10 | ); 11 | }); 12 | }); 13 | -------------------------------------------------------------------------------- /cypress/integration/b/signup_spec.js: -------------------------------------------------------------------------------- 1 | const Chance = require("chance"); 2 | context("User Registration", () => { 3 | let chance; 4 | before(() => { 5 | chance = new Chance(); 6 | cy.visit("/signup"); 7 | }); 8 | 9 | specify("should register user given correct information", () => { 10 | cy.get("#signUpForm").within(() => { 11 | cy.get('input[name="name"]').type(chance.word()); 12 | cy.get('input[name="email"]').type(chance.email()); 13 | cy.get('input[name="password"]').type("password123"); 14 | cy.root().submit(); 15 | }); 16 | cy.get("#heading").should("have.text", "History"); 17 | }); 18 | 19 | specify("should not register an existing user", () => { 20 | cy.visit("/signup"); 21 | cy.get("#signUpForm").within(() => { 22 | cy.get('input[name="name"]').type("tester tester"); 23 | cy.get('input[name="email"]').type("tester1@gmail.com"); 24 | cy.get('input[name="password"]').type("tester1"); 25 | cy.root().submit(); 26 | }); 27 | cy.get("#error-signup").should( 28 | "have.text", 29 | "Error! Account with that email address already exists" 30 | ); 31 | }); 32 | }); 33 | -------------------------------------------------------------------------------- /cypress/integration/c/home.js: -------------------------------------------------------------------------------- 1 | const chance = new Chance(); 2 | context("Navigate to search page", () => { 3 | let chance; 4 | before(() => { 5 | chance = new Chance(); 6 | cy.visit("/signup"); 7 | }); 8 | 9 | specify("should navigate to the home page once logged in", () => { 10 | cy.get("#navbar").click(); 11 | cy.get("#main-heading").should("have.text", "Shop Smart, Save Big!"); 12 | cy.get("#sub-heading").should( 13 | "have.text", 14 | "Starting point to create something more unique" 15 | ); 16 | }); 17 | 18 | specify("search for random products", () => { 19 | cy.get("#searchForm").within(() => { 20 | cy.get("#search-box").type(chance.word()); 21 | cy.root().submit(); 22 | }); 23 | 24 | cy.get("#no-products").should("have.text", "No products found"); 25 | }); 26 | }); 27 | -------------------------------------------------------------------------------- /docker-compose.yml: -------------------------------------------------------------------------------- 1 | version: "3.7" 2 | services: 3 | mongodb_container: 4 | image: mongo:latest 5 | environment: 6 | MONGO_INITDB_ROOT_USERNAME: root 7 | MONGO_INITDB_ROOT_PASSWORD: root 8 | ports: 9 | - 27017:27017 10 | networks: 11 | - etswana-network 12 | volumes: 13 | - mongodb_data_container:/data/db 14 | 15 | elasticsearch: 16 | image: elasticsearch:1.7.5 17 | container_name: elasticsearch 18 | ports: 19 | - 9200:9200 20 | networks: 21 | - etswana-network 22 | 23 | volumes: 24 | mongodb_data_container: 25 | networks: 26 | etswana-network: 27 | driver: bridge 28 | -------------------------------------------------------------------------------- /etswana.yml: -------------------------------------------------------------------------------- 1 | apiVersion: v1 2 | kind: Pod 3 | metadata: 4 | name: etswana 5 | labels: 6 | name: etswana 7 | spec: 8 | containers: 9 | - name: etswana_web 10 | image: node:carbon 11 | args: 12 | - "-http=0.0.0.0:80" 13 | - "-health=0.0.0.0:81" 14 | - "-secret=secret" 15 | ports: 16 | - name: http 17 | containerPort: 80 18 | - name: health 19 | containerPort: 81 20 | resources: 21 | limits: 22 | cpu: 0.2 23 | memory: "10Mi" 24 | -------------------------------------------------------------------------------- /middleware.test.js: -------------------------------------------------------------------------------- 1 | const { cpu } = require("node-os-utils"); 2 | const rateLimit = require("./middleware/rateLimitter"); 3 | const cpuPercentage = require("./middleware/cpuusage.js"); 4 | test("CPU overuse test", () => { 5 | const percentage = cpuPercentage(); 6 | var current_percentage; 7 | cpu.usage().then((curr_value) => { 8 | current_percentage = curr_value; 9 | }); 10 | expect(percentage).toBe(current_percentage); 11 | }); 12 | -------------------------------------------------------------------------------- /middleware/cpuUsage.js: -------------------------------------------------------------------------------- 1 | const os = require("node-os-utils"); 2 | const cpu = os.cpu; 3 | 4 | function cpuPercentage() { 5 | cpu.usage().then((info) => { 6 | return "Server Overload, CPU Percentage : " + info; 7 | }); 8 | } 9 | module.exports = cpuPercentage; 10 | -------------------------------------------------------------------------------- /middleware/middleware.js: -------------------------------------------------------------------------------- 1 | const Cart = require("../models/cart"); 2 | 3 | module.exports = (req, res, next) => { 4 | if (req.user) { 5 | let total = 0; 6 | Cart.findOne({ owner: req.user._id }, (err, cart) => { 7 | if (cart) { 8 | for (let i = 0; i < cart.items.length; i++) { 9 | total += cart.items[i].quantity; 10 | } 11 | res.locals.cart = total; 12 | } else { 13 | res.locals.cart = 0; 14 | } 15 | next(); 16 | }); 17 | } else { 18 | next(); 19 | } 20 | }; 21 | -------------------------------------------------------------------------------- /middleware/rateLimitter.js: -------------------------------------------------------------------------------- 1 | const rateLimit = require("express-rate-limit"); 2 | rateLimit({ 3 | windowMs: 12 * 60 * 60 * 1000, // Window time interval in which user can make requests 4 | max: 5000, //Maximum number of requests user can make in the given interval 5 | message: "Please slow down ! ", // message to be displayed to user after exhauting the limit 6 | headers: true, 7 | }); 8 | 9 | module.exports = rateLimit; 10 | -------------------------------------------------------------------------------- /models/cart.js: -------------------------------------------------------------------------------- 1 | const mongoose = require("mongoose"); 2 | const Schema = mongoose.Schema; 3 | 4 | const CartSchema = new Schema({ 5 | owner: { type: Schema.Types.ObjectId, ref: "User" }, 6 | total: { type: Number, default: 0 }, 7 | items: [ 8 | { 9 | item: { type: Schema.Types.ObjectId, ref: "Product" }, 10 | quantity: { type: Number, default: 1 }, 11 | price: { type: Number, default: 0 }, 12 | }, 13 | ], 14 | }); 15 | 16 | module.exports = mongoose.model("Cart", CartSchema); 17 | -------------------------------------------------------------------------------- /models/category.js: -------------------------------------------------------------------------------- 1 | const mongoose = require("mongoose"); 2 | const Schema = mongoose.Schema; 3 | 4 | const CategorySchema = new Schema({ 5 | name: { type: String, unique: true, lowercase: true }, 6 | }); 7 | 8 | module.exports = mongoose.model("Category", CategorySchema); 9 | -------------------------------------------------------------------------------- /models/product.js: -------------------------------------------------------------------------------- 1 | const mongoose = require("mongoose"); 2 | require("mongoose-long")(mongoose); 3 | const mongoosastic = require("mongoosastic"); 4 | const Schema = mongoose.Schema; 5 | ObjectId = Schema.Types; 6 | 7 | const ProductSchema = new Schema({ 8 | category: { 9 | type: mongoose.Schema.Types.ObjectId, 10 | ref: "Category", 11 | }, 12 | name: String, 13 | price: String, 14 | image: String, 15 | }); 16 | 17 | ProductSchema.plugin(mongoosastic, { 18 | hosts: ["localhost:9200"], 19 | }); 20 | 21 | module.exports = mongoose.model("Product", ProductSchema); 22 | -------------------------------------------------------------------------------- /models/user.js: -------------------------------------------------------------------------------- 1 | // require the needed modules 2 | const mongoose = require("mongoose"); 3 | const bcrypt = require("bcryptjs"); 4 | const crypto = require("crypto"); 5 | const Schema = mongoose.Schema; 6 | 7 | /** With mongoose, everything is derived from the schema. 8 | We have a Schema below with email, password, profile, address, history properties */ 9 | const UserSchema = new Schema({ 10 | email: { type: String, unique: true, lowercase: true }, 11 | facebook: String, 12 | tokens: Array, 13 | password: String, 14 | profile: { 15 | name: { type: String, default: "" }, 16 | picture: { type: String, default: "" }, 17 | }, 18 | address: String, 19 | history: [ 20 | { 21 | paid: { type: Number, default: 0 }, 22 | item: { type: Schema.Types.ObjectId, ref: "Product" }, 23 | }, 24 | ], 25 | }); 26 | 27 | /** Hash the password before saving it to the database*/ 28 | UserSchema.pre("save", function (next) { 29 | /** this refers to the user passed as argument to the save method in /routes/user*/ 30 | const user = this; 31 | /** only hash the password if it has been modified or its new */ 32 | if (!user.isModified("password")) return next(); 33 | // generate the salt 34 | bcrypt.genSalt(10, (err, salt) => { 35 | /** hash the password using the generated salt */ 36 | bcrypt.hash(user.password, salt, (err, hash) => { 37 | /** if an error has occured we stop hashing */ 38 | if (err) return next(err); 39 | /** override the cleartext (user entered) passsword with the hashed one */ 40 | user.password = hash; 41 | /** return a callback */ 42 | next(); 43 | }); 44 | }); 45 | }); 46 | 47 | /** compare database password with user user entered password */ 48 | UserSchema.methods.comparePassword = (userPassword) => { 49 | /** this.password refers to the database password, 50 | userPassword to the password the user entered on the login form*/ 51 | return bcrypt.compareSync(userPassword, this.password); 52 | }; 53 | 54 | /** add avator incase user does not have a profile picture */ 55 | UserSchema.methods.gravatar = (size) => { 56 | if (!this.size) size = 200; 57 | if (!this.email) return "https://gravatar.com/avatar/?s" + size + "&d=retro"; 58 | const md5 = crypto.createHash("md5").update(this.email).digest("hex"); 59 | /** return avator to save to database*/ 60 | return "https://gravatar.com/avatar/" + md5 + "?s=" + size + "&d=retro"; 61 | }; 62 | /** compiling our schema into a model object - a class that constructs documents in mongoose */ 63 | module.exports = mongoose.model("User", UserSchema); 64 | -------------------------------------------------------------------------------- /nightwatch.json: -------------------------------------------------------------------------------- 1 | { 2 | "src_folders": ["tests"], 3 | "output_folder": "reports", 4 | "custom_commands_path": "", 5 | "custom_assertions_path": "", 6 | "page_objects_path": "", 7 | "globals_path": "", 8 | 9 | "selenium": { 10 | "start_process": false, 11 | "server_path": "", 12 | "log_path": "", 13 | "port": 4444, 14 | "cli_args": { 15 | "webdriver.chrome.driver": "", 16 | "webdriver.gecko.driver": "", 17 | "webdriver.edge.driver": "" 18 | } 19 | }, 20 | 21 | "test_settings": { 22 | "default": { 23 | "launch_url": "http://localhost", 24 | "selenium_port": 4444, 25 | "selenium_host": "localhost", 26 | "silent": true, 27 | "screenshots": { 28 | "enabled": false, 29 | "path": "" 30 | }, 31 | "desiredCapabilities": { 32 | "browserName": "firefox", 33 | "marionette": true 34 | } 35 | }, 36 | 37 | "chrome": { 38 | "desiredCapabilities": { 39 | "browserName": "chrome" 40 | } 41 | }, 42 | 43 | "edge": { 44 | "desiredCapabilities": { 45 | "browserName": "MicrosoftEdge" 46 | } 47 | } 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ecommerce", 3 | "version": "2.0.0", 4 | "description": "An e-commerce store", 5 | "scripts": { 6 | "start": "nodemon server.js", 7 | "server": "node server.js", 8 | "test": "npx cypress open", 9 | "test:record": "npx cypress run --record --key a7bq2k", 10 | "test-record": "npx cypress run --record --key mokwena@", 11 | "test-security": "jest" 12 | }, 13 | "author": "MP Modise", 14 | "license": "MIT", 15 | "dependencies": { 16 | "async": "3.2.2", 17 | "bcrypt-nodejs": "0.0.3", 18 | "bcryptjs": "2.3.0", 19 | "body-parser": "1.19.0", 20 | "connect-mongo": "3.2.0", 21 | "connect-mongodb-session": "2.3.1", 22 | "content-type": "^1.0.4", 23 | "cookie-parser": "1.4.4", 24 | "ejs": "3.1.7", 25 | "ejs-mate": "3.0.0", 26 | "elasticsearch": "16.7.3", 27 | "express": "4.17.3", 28 | "express-flash": "0.0.2", 29 | "express-rate-limit": "^5.3.0", 30 | "express-session": "1.16.1", 31 | "faker": "4.1.0", 32 | "helmet": "^4.6.0", 33 | "hpp": "^0.2.3", 34 | "jest": "^27.0.6", 35 | "mongoosastic": "4.5.1", 36 | "mongoose": "5.13.15", 37 | "mongoose-double": "0.0.1", 38 | "mongoose-long": "0.2.1", 39 | "morgan": "1.9.1", 40 | "node-os-utils": "^1.3.5", 41 | "passport": "0.6.0", 42 | "passport-facebook": "2.1.1", 43 | "passport-local": "1.0.0", 44 | "raw-body": "^2.4.1", 45 | "stripe": "5.4.0", 46 | "toobusy-js": "^0.5.1" 47 | }, 48 | "devDependencies": { 49 | "chance": "1.1.4", 50 | "cypress": "4.12.1", 51 | "nodemon": "2.0.20", 52 | "opn-cli": "5.0.0", 53 | "prettier": "2.3.2" 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /public/images/eTswana-Stores.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrmodise/nodejs-ecommerce-store/69e14afb740a561191a609aaf6eb9d71c10f0fd5/public/images/eTswana-Stores.png -------------------------------------------------------------------------------- /public/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrmodise/nodejs-ecommerce-store/69e14afb740a561191a609aaf6eb9d71c10f0fd5/public/images/favicon.ico -------------------------------------------------------------------------------- /public/images/thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrmodise/nodejs-ecommerce-store/69e14afb740a561191a609aaf6eb9d71c10f0fd5/public/images/thumb.png -------------------------------------------------------------------------------- /public/images/thumb1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrmodise/nodejs-ecommerce-store/69e14afb740a561191a609aaf6eb9d71c10f0fd5/public/images/thumb1.png -------------------------------------------------------------------------------- /public/images/thumb2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrmodise/nodejs-ecommerce-store/69e14afb740a561191a609aaf6eb9d71c10f0fd5/public/images/thumb2.png -------------------------------------------------------------------------------- /public/images/thumb3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrmodise/nodejs-ecommerce-store/69e14afb740a561191a609aaf6eb9d71c10f0fd5/public/images/thumb3.png -------------------------------------------------------------------------------- /public/js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.1 (http://getbootstrap.com) 3 | * Copyright 2011-2014 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | if ("undefined" == typeof jQuery) 7 | throw new Error("Bootstrap's JavaScript requires jQuery"); 8 | +(function (a) { 9 | var b = a.fn.jquery.split(" ")[0].split("."); 10 | if ((b[0] < 2 && b[1] < 9) || (1 == b[0] && 9 == b[1] && b[2] < 1)) 11 | throw new Error( 12 | "Bootstrap's JavaScript requires jQuery version 1.9.1 or higher" 13 | ); 14 | })(jQuery), 15 | +(function (a) { 16 | "use strict"; 17 | function b() { 18 | var a = document.createElement("bootstrap"), 19 | b = { 20 | WebkitTransition: "webkitTransitionEnd", 21 | MozTransition: "transitionend", 22 | OTransition: "oTransitionEnd otransitionend", 23 | transition: "transitionend", 24 | }; 25 | for (var c in b) if (void 0 !== a.style[c]) return { end: b[c] }; 26 | return !1; 27 | } 28 | (a.fn.emulateTransitionEnd = function (b) { 29 | var c = !1, 30 | d = this; 31 | a(this).one("bsTransitionEnd", function () { 32 | c = !0; 33 | }); 34 | var e = function () { 35 | c || a(d).trigger(a.support.transition.end); 36 | }; 37 | return setTimeout(e, b), this; 38 | }), 39 | a(function () { 40 | (a.support.transition = b()), 41 | a.support.transition && 42 | (a.event.special.bsTransitionEnd = { 43 | bindType: a.support.transition.end, 44 | delegateType: a.support.transition.end, 45 | handle: function (b) { 46 | return a(b.target).is(this) 47 | ? b.handleObj.handler.apply(this, arguments) 48 | : void 0; 49 | }, 50 | }); 51 | }); 52 | })(jQuery), 53 | +(function (a) { 54 | "use strict"; 55 | function b(b) { 56 | return this.each(function () { 57 | var c = a(this), 58 | e = c.data("bs.alert"); 59 | e || c.data("bs.alert", (e = new d(this))), 60 | "string" == typeof b && e[b].call(c); 61 | }); 62 | } 63 | var c = '[data-dismiss="alert"]', 64 | d = function (b) { 65 | a(b).on("click", c, this.close); 66 | }; 67 | (d.VERSION = "3.3.1"), 68 | (d.TRANSITION_DURATION = 150), 69 | (d.prototype.close = function (b) { 70 | function c() { 71 | g.detach().trigger("closed.bs.alert").remove(); 72 | } 73 | var e = a(this), 74 | f = e.attr("data-target"); 75 | f || ((f = e.attr("href")), (f = f && f.replace(/.*(?=#[^\s]*$)/, ""))); 76 | var g = a(f); 77 | b && b.preventDefault(), 78 | g.length || (g = e.closest(".alert")), 79 | g.trigger((b = a.Event("close.bs.alert"))), 80 | b.isDefaultPrevented() || 81 | (g.removeClass("in"), 82 | a.support.transition && g.hasClass("fade") 83 | ? g 84 | .one("bsTransitionEnd", c) 85 | .emulateTransitionEnd(d.TRANSITION_DURATION) 86 | : c()); 87 | }); 88 | var e = a.fn.alert; 89 | (a.fn.alert = b), 90 | (a.fn.alert.Constructor = d), 91 | (a.fn.alert.noConflict = function () { 92 | return (a.fn.alert = e), this; 93 | }), 94 | a(document).on("click.bs.alert.data-api", c, d.prototype.close); 95 | })(jQuery), 96 | +(function (a) { 97 | "use strict"; 98 | function b(b) { 99 | return this.each(function () { 100 | var d = a(this), 101 | e = d.data("bs.button"), 102 | f = "object" == typeof b && b; 103 | e || d.data("bs.button", (e = new c(this, f))), 104 | "toggle" == b ? e.toggle() : b && e.setState(b); 105 | }); 106 | } 107 | var c = function (b, d) { 108 | (this.$element = a(b)), 109 | (this.options = a.extend({}, c.DEFAULTS, d)), 110 | (this.isLoading = !1); 111 | }; 112 | (c.VERSION = "3.3.1"), 113 | (c.DEFAULTS = { loadingText: "loading..." }), 114 | (c.prototype.setState = function (b) { 115 | var c = "disabled", 116 | d = this.$element, 117 | e = d.is("input") ? "val" : "html", 118 | f = d.data(); 119 | (b += "Text"), 120 | null == f.resetText && d.data("resetText", d[e]()), 121 | setTimeout( 122 | a.proxy(function () { 123 | d[e](null == f[b] ? this.options[b] : f[b]), 124 | "loadingText" == b 125 | ? ((this.isLoading = !0), d.addClass(c).attr(c, c)) 126 | : this.isLoading && 127 | ((this.isLoading = !1), d.removeClass(c).removeAttr(c)); 128 | }, this), 129 | 0 130 | ); 131 | }), 132 | (c.prototype.toggle = function () { 133 | var a = !0, 134 | b = this.$element.closest('[data-toggle="buttons"]'); 135 | if (b.length) { 136 | var c = this.$element.find("input"); 137 | "radio" == c.prop("type") && 138 | (c.prop("checked") && this.$element.hasClass("active") 139 | ? (a = !1) 140 | : b.find(".active").removeClass("active")), 141 | a && 142 | c 143 | .prop("checked", !this.$element.hasClass("active")) 144 | .trigger("change"); 145 | } else 146 | this.$element.attr("aria-pressed", !this.$element.hasClass("active")); 147 | a && this.$element.toggleClass("active"); 148 | }); 149 | var d = a.fn.button; 150 | (a.fn.button = b), 151 | (a.fn.button.Constructor = c), 152 | (a.fn.button.noConflict = function () { 153 | return (a.fn.button = d), this; 154 | }), 155 | a(document) 156 | .on( 157 | "click.bs.button.data-api", 158 | '[data-toggle^="button"]', 159 | function (c) { 160 | var d = a(c.target); 161 | d.hasClass("btn") || (d = d.closest(".btn")), 162 | b.call(d, "toggle"), 163 | c.preventDefault(); 164 | } 165 | ) 166 | .on( 167 | "focus.bs.button.data-api blur.bs.button.data-api", 168 | '[data-toggle^="button"]', 169 | function (b) { 170 | a(b.target) 171 | .closest(".btn") 172 | .toggleClass("focus", /^focus(in)?$/.test(b.type)); 173 | } 174 | ); 175 | })(jQuery), 176 | +(function (a) { 177 | "use strict"; 178 | function b(b) { 179 | return this.each(function () { 180 | var d = a(this), 181 | e = d.data("bs.carousel"), 182 | f = a.extend({}, c.DEFAULTS, d.data(), "object" == typeof b && b), 183 | g = "string" == typeof b ? b : f.slide; 184 | e || d.data("bs.carousel", (e = new c(this, f))), 185 | "number" == typeof b 186 | ? e.to(b) 187 | : g 188 | ? e[g]() 189 | : f.interval && e.pause().cycle(); 190 | }); 191 | } 192 | var c = function (b, c) { 193 | (this.$element = a(b)), 194 | (this.$indicators = this.$element.find(".carousel-indicators")), 195 | (this.options = c), 196 | (this.paused = 197 | this.sliding = 198 | this.interval = 199 | this.$active = 200 | this.$items = 201 | null), 202 | this.options.keyboard && 203 | this.$element.on("keydown.bs.carousel", a.proxy(this.keydown, this)), 204 | "hover" == this.options.pause && 205 | !("ontouchstart" in document.documentElement) && 206 | this.$element 207 | .on("mouseenter.bs.carousel", a.proxy(this.pause, this)) 208 | .on("mouseleave.bs.carousel", a.proxy(this.cycle, this)); 209 | }; 210 | (c.VERSION = "3.3.1"), 211 | (c.TRANSITION_DURATION = 600), 212 | (c.DEFAULTS = { interval: 5e3, pause: "hover", wrap: !0, keyboard: !0 }), 213 | (c.prototype.keydown = function (a) { 214 | if (!/input|textarea/i.test(a.target.tagName)) { 215 | switch (a.which) { 216 | case 37: 217 | this.prev(); 218 | break; 219 | case 39: 220 | this.next(); 221 | break; 222 | default: 223 | return; 224 | } 225 | a.preventDefault(); 226 | } 227 | }), 228 | (c.prototype.cycle = function (b) { 229 | return ( 230 | b || (this.paused = !1), 231 | this.interval && clearInterval(this.interval), 232 | this.options.interval && 233 | !this.paused && 234 | (this.interval = setInterval( 235 | a.proxy(this.next, this), 236 | this.options.interval 237 | )), 238 | this 239 | ); 240 | }), 241 | (c.prototype.getItemIndex = function (a) { 242 | return ( 243 | (this.$items = a.parent().children(".item")), 244 | this.$items.index(a || this.$active) 245 | ); 246 | }), 247 | (c.prototype.getItemForDirection = function (a, b) { 248 | var c = "prev" == a ? -1 : 1, 249 | d = this.getItemIndex(b), 250 | e = (d + c) % this.$items.length; 251 | return this.$items.eq(e); 252 | }), 253 | (c.prototype.to = function (a) { 254 | var b = this, 255 | c = this.getItemIndex( 256 | (this.$active = this.$element.find(".item.active")) 257 | ); 258 | return a > this.$items.length - 1 || 0 > a 259 | ? void 0 260 | : this.sliding 261 | ? this.$element.one("slid.bs.carousel", function () { 262 | b.to(a); 263 | }) 264 | : c == a 265 | ? this.pause().cycle() 266 | : this.slide(a > c ? "next" : "prev", this.$items.eq(a)); 267 | }), 268 | (c.prototype.pause = function (b) { 269 | return ( 270 | b || (this.paused = !0), 271 | this.$element.find(".next, .prev").length && 272 | a.support.transition && 273 | (this.$element.trigger(a.support.transition.end), this.cycle(!0)), 274 | (this.interval = clearInterval(this.interval)), 275 | this 276 | ); 277 | }), 278 | (c.prototype.next = function () { 279 | return this.sliding ? void 0 : this.slide("next"); 280 | }), 281 | (c.prototype.prev = function () { 282 | return this.sliding ? void 0 : this.slide("prev"); 283 | }), 284 | (c.prototype.slide = function (b, d) { 285 | var e = this.$element.find(".item.active"), 286 | f = d || this.getItemForDirection(b, e), 287 | g = this.interval, 288 | h = "next" == b ? "left" : "right", 289 | i = "next" == b ? "first" : "last", 290 | j = this; 291 | if (!f.length) { 292 | if (!this.options.wrap) return; 293 | f = this.$element.find(".item")[i](); 294 | } 295 | if (f.hasClass("active")) return (this.sliding = !1); 296 | var k = f[0], 297 | l = a.Event("slide.bs.carousel", { relatedTarget: k, direction: h }); 298 | if ((this.$element.trigger(l), !l.isDefaultPrevented())) { 299 | if ( 300 | ((this.sliding = !0), g && this.pause(), this.$indicators.length) 301 | ) { 302 | this.$indicators.find(".active").removeClass("active"); 303 | var m = a(this.$indicators.children()[this.getItemIndex(f)]); 304 | m && m.addClass("active"); 305 | } 306 | var n = a.Event("slid.bs.carousel", { 307 | relatedTarget: k, 308 | direction: h, 309 | }); 310 | return ( 311 | a.support.transition && this.$element.hasClass("slide") 312 | ? (f.addClass(b), 313 | f[0].offsetWidth, 314 | e.addClass(h), 315 | f.addClass(h), 316 | e 317 | .one("bsTransitionEnd", function () { 318 | f.removeClass([b, h].join(" ")).addClass("active"), 319 | e.removeClass(["active", h].join(" ")), 320 | (j.sliding = !1), 321 | setTimeout(function () { 322 | j.$element.trigger(n); 323 | }, 0); 324 | }) 325 | .emulateTransitionEnd(c.TRANSITION_DURATION)) 326 | : (e.removeClass("active"), 327 | f.addClass("active"), 328 | (this.sliding = !1), 329 | this.$element.trigger(n)), 330 | g && this.cycle(), 331 | this 332 | ); 333 | } 334 | }); 335 | var d = a.fn.carousel; 336 | (a.fn.carousel = b), 337 | (a.fn.carousel.Constructor = c), 338 | (a.fn.carousel.noConflict = function () { 339 | return (a.fn.carousel = d), this; 340 | }); 341 | var e = function (c) { 342 | var d, 343 | e = a(this), 344 | f = a( 345 | e.attr("data-target") || 346 | ((d = e.attr("href")) && d.replace(/.*(?=#[^\s]+$)/, "")) 347 | ); 348 | if (f.hasClass("carousel")) { 349 | var g = a.extend({}, f.data(), e.data()), 350 | h = e.attr("data-slide-to"); 351 | h && (g.interval = !1), 352 | b.call(f, g), 353 | h && f.data("bs.carousel").to(h), 354 | c.preventDefault(); 355 | } 356 | }; 357 | a(document) 358 | .on("click.bs.carousel.data-api", "[data-slide]", e) 359 | .on("click.bs.carousel.data-api", "[data-slide-to]", e), 360 | a(window).on("load", function () { 361 | a('[data-ride="carousel"]').each(function () { 362 | var c = a(this); 363 | b.call(c, c.data()); 364 | }); 365 | }); 366 | })(jQuery), 367 | +(function (a) { 368 | "use strict"; 369 | function b(b) { 370 | var c, 371 | d = 372 | b.attr("data-target") || 373 | ((c = b.attr("href")) && c.replace(/.*(?=#[^\s]+$)/, "")); 374 | return a(d); 375 | } 376 | function c(b) { 377 | return this.each(function () { 378 | var c = a(this), 379 | e = c.data("bs.collapse"), 380 | f = a.extend({}, d.DEFAULTS, c.data(), "object" == typeof b && b); 381 | !e && f.toggle && "show" == b && (f.toggle = !1), 382 | e || c.data("bs.collapse", (e = new d(this, f))), 383 | "string" == typeof b && e[b](); 384 | }); 385 | } 386 | var d = function (b, c) { 387 | (this.$element = a(b)), 388 | (this.options = a.extend({}, d.DEFAULTS, c)), 389 | (this.$trigger = a(this.options.trigger).filter( 390 | '[href="#' + b.id + '"], [data-target="#' + b.id + '"]' 391 | )), 392 | (this.transitioning = null), 393 | this.options.parent 394 | ? (this.$parent = this.getParent()) 395 | : this.addAriaAndCollapsedClass(this.$element, this.$trigger), 396 | this.options.toggle && this.toggle(); 397 | }; 398 | (d.VERSION = "3.3.1"), 399 | (d.TRANSITION_DURATION = 350), 400 | (d.DEFAULTS = { toggle: !0, trigger: '[data-toggle="collapse"]' }), 401 | (d.prototype.dimension = function () { 402 | var a = this.$element.hasClass("width"); 403 | return a ? "width" : "height"; 404 | }), 405 | (d.prototype.show = function () { 406 | if (!this.transitioning && !this.$element.hasClass("in")) { 407 | var b, 408 | e = 409 | this.$parent && 410 | this.$parent.find("> .panel").children(".in, .collapsing"); 411 | if ( 412 | !( 413 | e && 414 | e.length && 415 | ((b = e.data("bs.collapse")), b && b.transitioning) 416 | ) 417 | ) { 418 | var f = a.Event("show.bs.collapse"); 419 | if ((this.$element.trigger(f), !f.isDefaultPrevented())) { 420 | e && 421 | e.length && 422 | (c.call(e, "hide"), b || e.data("bs.collapse", null)); 423 | var g = this.dimension(); 424 | this.$element 425 | .removeClass("collapse") 426 | .addClass("collapsing") 427 | [g](0) 428 | .attr("aria-expanded", !0), 429 | this.$trigger 430 | .removeClass("collapsed") 431 | .attr("aria-expanded", !0), 432 | (this.transitioning = 1); 433 | var h = function () { 434 | this.$element 435 | .removeClass("collapsing") 436 | .addClass("collapse in") 437 | [g](""), 438 | (this.transitioning = 0), 439 | this.$element.trigger("shown.bs.collapse"); 440 | }; 441 | if (!a.support.transition) return h.call(this); 442 | var i = a.camelCase(["scroll", g].join("-")); 443 | this.$element 444 | .one("bsTransitionEnd", a.proxy(h, this)) 445 | .emulateTransitionEnd(d.TRANSITION_DURATION) 446 | [g](this.$element[0][i]); 447 | } 448 | } 449 | } 450 | }), 451 | (d.prototype.hide = function () { 452 | if (!this.transitioning && this.$element.hasClass("in")) { 453 | var b = a.Event("hide.bs.collapse"); 454 | if ((this.$element.trigger(b), !b.isDefaultPrevented())) { 455 | var c = this.dimension(); 456 | this.$element[c](this.$element[c]())[0].offsetHeight, 457 | this.$element 458 | .addClass("collapsing") 459 | .removeClass("collapse in") 460 | .attr("aria-expanded", !1), 461 | this.$trigger.addClass("collapsed").attr("aria-expanded", !1), 462 | (this.transitioning = 1); 463 | var e = function () { 464 | (this.transitioning = 0), 465 | this.$element 466 | .removeClass("collapsing") 467 | .addClass("collapse") 468 | .trigger("hidden.bs.collapse"); 469 | }; 470 | return a.support.transition 471 | ? void this.$element[c](0) 472 | .one("bsTransitionEnd", a.proxy(e, this)) 473 | .emulateTransitionEnd(d.TRANSITION_DURATION) 474 | : e.call(this); 475 | } 476 | } 477 | }), 478 | (d.prototype.toggle = function () { 479 | this[this.$element.hasClass("in") ? "hide" : "show"](); 480 | }), 481 | (d.prototype.getParent = function () { 482 | return a(this.options.parent) 483 | .find( 484 | '[data-toggle="collapse"][data-parent="' + 485 | this.options.parent + 486 | '"]' 487 | ) 488 | .each( 489 | a.proxy(function (c, d) { 490 | var e = a(d); 491 | this.addAriaAndCollapsedClass(b(e), e); 492 | }, this) 493 | ) 494 | .end(); 495 | }), 496 | (d.prototype.addAriaAndCollapsedClass = function (a, b) { 497 | var c = a.hasClass("in"); 498 | a.attr("aria-expanded", c), 499 | b.toggleClass("collapsed", !c).attr("aria-expanded", c); 500 | }); 501 | var e = a.fn.collapse; 502 | (a.fn.collapse = c), 503 | (a.fn.collapse.Constructor = d), 504 | (a.fn.collapse.noConflict = function () { 505 | return (a.fn.collapse = e), this; 506 | }), 507 | a(document).on( 508 | "click.bs.collapse.data-api", 509 | '[data-toggle="collapse"]', 510 | function (d) { 511 | var e = a(this); 512 | e.attr("data-target") || d.preventDefault(); 513 | var f = b(e), 514 | g = f.data("bs.collapse"), 515 | h = g ? "toggle" : a.extend({}, e.data(), { trigger: this }); 516 | c.call(f, h); 517 | } 518 | ); 519 | })(jQuery), 520 | +(function (a) { 521 | "use strict"; 522 | function b(b) { 523 | (b && 3 === b.which) || 524 | (a(e).remove(), 525 | a(f).each(function () { 526 | var d = a(this), 527 | e = c(d), 528 | f = { relatedTarget: this }; 529 | e.hasClass("open") && 530 | (e.trigger((b = a.Event("hide.bs.dropdown", f))), 531 | b.isDefaultPrevented() || 532 | (d.attr("aria-expanded", "false"), 533 | e.removeClass("open").trigger("hidden.bs.dropdown", f))); 534 | })); 535 | } 536 | function c(b) { 537 | var c = b.attr("data-target"); 538 | c || 539 | ((c = b.attr("href")), 540 | (c = c && /#[A-Za-z]/.test(c) && c.replace(/.*(?=#[^\s]*$)/, ""))); 541 | var d = c && a(c); 542 | return d && d.length ? d : b.parent(); 543 | } 544 | function d(b) { 545 | return this.each(function () { 546 | var c = a(this), 547 | d = c.data("bs.dropdown"); 548 | d || c.data("bs.dropdown", (d = new g(this))), 549 | "string" == typeof b && d[b].call(c); 550 | }); 551 | } 552 | var e = ".dropdown-backdrop", 553 | f = '[data-toggle="dropdown"]', 554 | g = function (b) { 555 | a(b).on("click.bs.dropdown", this.toggle); 556 | }; 557 | (g.VERSION = "3.3.1"), 558 | (g.prototype.toggle = function (d) { 559 | var e = a(this); 560 | if (!e.is(".disabled, :disabled")) { 561 | var f = c(e), 562 | g = f.hasClass("open"); 563 | if ((b(), !g)) { 564 | "ontouchstart" in document.documentElement && 565 | !f.closest(".navbar-nav").length && 566 | a('
') 567 | .insertAfter(a(this)) 568 | .on("click", b); 569 | var h = { relatedTarget: this }; 570 | if ( 571 | (f.trigger((d = a.Event("show.bs.dropdown", h))), 572 | d.isDefaultPrevented()) 573 | ) 574 | return; 575 | e.trigger("focus").attr("aria-expanded", "true"), 576 | f.toggleClass("open").trigger("shown.bs.dropdown", h); 577 | } 578 | return !1; 579 | } 580 | }), 581 | (g.prototype.keydown = function (b) { 582 | if ( 583 | /(38|40|27|32)/.test(b.which) && 584 | !/input|textarea/i.test(b.target.tagName) 585 | ) { 586 | var d = a(this); 587 | if ( 588 | (b.preventDefault(), 589 | b.stopPropagation(), 590 | !d.is(".disabled, :disabled")) 591 | ) { 592 | var e = c(d), 593 | g = e.hasClass("open"); 594 | if ((!g && 27 != b.which) || (g && 27 == b.which)) 595 | return ( 596 | 27 == b.which && e.find(f).trigger("focus"), d.trigger("click") 597 | ); 598 | var h = " li:not(.divider):visible a", 599 | i = e.find('[role="menu"]' + h + ', [role="listbox"]' + h); 600 | if (i.length) { 601 | var j = i.index(b.target); 602 | 38 == b.which && j > 0 && j--, 603 | 40 == b.which && j < i.length - 1 && j++, 604 | ~j || (j = 0), 605 | i.eq(j).trigger("focus"); 606 | } 607 | } 608 | } 609 | }); 610 | var h = a.fn.dropdown; 611 | (a.fn.dropdown = d), 612 | (a.fn.dropdown.Constructor = g), 613 | (a.fn.dropdown.noConflict = function () { 614 | return (a.fn.dropdown = h), this; 615 | }), 616 | a(document) 617 | .on("click.bs.dropdown.data-api", b) 618 | .on("click.bs.dropdown.data-api", ".dropdown form", function (a) { 619 | a.stopPropagation(); 620 | }) 621 | .on("click.bs.dropdown.data-api", f, g.prototype.toggle) 622 | .on("keydown.bs.dropdown.data-api", f, g.prototype.keydown) 623 | .on( 624 | "keydown.bs.dropdown.data-api", 625 | '[role="menu"]', 626 | g.prototype.keydown 627 | ) 628 | .on( 629 | "keydown.bs.dropdown.data-api", 630 | '[role="listbox"]', 631 | g.prototype.keydown 632 | ); 633 | })(jQuery), 634 | +(function (a) { 635 | "use strict"; 636 | function b(b, d) { 637 | return this.each(function () { 638 | var e = a(this), 639 | f = e.data("bs.modal"), 640 | g = a.extend({}, c.DEFAULTS, e.data(), "object" == typeof b && b); 641 | f || e.data("bs.modal", (f = new c(this, g))), 642 | "string" == typeof b ? f[b](d) : g.show && f.show(d); 643 | }); 644 | } 645 | var c = function (b, c) { 646 | (this.options = c), 647 | (this.$body = a(document.body)), 648 | (this.$element = a(b)), 649 | (this.$backdrop = this.isShown = null), 650 | (this.scrollbarWidth = 0), 651 | this.options.remote && 652 | this.$element.find(".modal-content").load( 653 | this.options.remote, 654 | a.proxy(function () { 655 | this.$element.trigger("loaded.bs.modal"); 656 | }, this) 657 | ); 658 | }; 659 | (c.VERSION = "3.3.1"), 660 | (c.TRANSITION_DURATION = 300), 661 | (c.BACKDROP_TRANSITION_DURATION = 150), 662 | (c.DEFAULTS = { backdrop: !0, keyboard: !0, show: !0 }), 663 | (c.prototype.toggle = function (a) { 664 | return this.isShown ? this.hide() : this.show(a); 665 | }), 666 | (c.prototype.show = function (b) { 667 | var d = this, 668 | e = a.Event("show.bs.modal", { relatedTarget: b }); 669 | this.$element.trigger(e), 670 | this.isShown || 671 | e.isDefaultPrevented() || 672 | ((this.isShown = !0), 673 | this.checkScrollbar(), 674 | this.setScrollbar(), 675 | this.$body.addClass("modal-open"), 676 | this.escape(), 677 | this.resize(), 678 | this.$element.on( 679 | "click.dismiss.bs.modal", 680 | '[data-dismiss="modal"]', 681 | a.proxy(this.hide, this) 682 | ), 683 | this.backdrop(function () { 684 | var e = a.support.transition && d.$element.hasClass("fade"); 685 | d.$element.parent().length || d.$element.appendTo(d.$body), 686 | d.$element.show().scrollTop(0), 687 | d.options.backdrop && d.adjustBackdrop(), 688 | d.adjustDialog(), 689 | e && d.$element[0].offsetWidth, 690 | d.$element.addClass("in").attr("aria-hidden", !1), 691 | d.enforceFocus(); 692 | var f = a.Event("shown.bs.modal", { relatedTarget: b }); 693 | e 694 | ? d.$element 695 | .find(".modal-dialog") 696 | .one("bsTransitionEnd", function () { 697 | d.$element.trigger("focus").trigger(f); 698 | }) 699 | .emulateTransitionEnd(c.TRANSITION_DURATION) 700 | : d.$element.trigger("focus").trigger(f); 701 | })); 702 | }), 703 | (c.prototype.hide = function (b) { 704 | b && b.preventDefault(), 705 | (b = a.Event("hide.bs.modal")), 706 | this.$element.trigger(b), 707 | this.isShown && 708 | !b.isDefaultPrevented() && 709 | ((this.isShown = !1), 710 | this.escape(), 711 | this.resize(), 712 | a(document).off("focusin.bs.modal"), 713 | this.$element 714 | .removeClass("in") 715 | .attr("aria-hidden", !0) 716 | .off("click.dismiss.bs.modal"), 717 | a.support.transition && this.$element.hasClass("fade") 718 | ? this.$element 719 | .one("bsTransitionEnd", a.proxy(this.hideModal, this)) 720 | .emulateTransitionEnd(c.TRANSITION_DURATION) 721 | : this.hideModal()); 722 | }), 723 | (c.prototype.enforceFocus = function () { 724 | a(document) 725 | .off("focusin.bs.modal") 726 | .on( 727 | "focusin.bs.modal", 728 | a.proxy(function (a) { 729 | this.$element[0] === a.target || 730 | this.$element.has(a.target).length || 731 | this.$element.trigger("focus"); 732 | }, this) 733 | ); 734 | }), 735 | (c.prototype.escape = function () { 736 | this.isShown && this.options.keyboard 737 | ? this.$element.on( 738 | "keydown.dismiss.bs.modal", 739 | a.proxy(function (a) { 740 | 27 == a.which && this.hide(); 741 | }, this) 742 | ) 743 | : this.isShown || this.$element.off("keydown.dismiss.bs.modal"); 744 | }), 745 | (c.prototype.resize = function () { 746 | this.isShown 747 | ? a(window).on("resize.bs.modal", a.proxy(this.handleUpdate, this)) 748 | : a(window).off("resize.bs.modal"); 749 | }), 750 | (c.prototype.hideModal = function () { 751 | var a = this; 752 | this.$element.hide(), 753 | this.backdrop(function () { 754 | a.$body.removeClass("modal-open"), 755 | a.resetAdjustments(), 756 | a.resetScrollbar(), 757 | a.$element.trigger("hidden.bs.modal"); 758 | }); 759 | }), 760 | (c.prototype.removeBackdrop = function () { 761 | this.$backdrop && this.$backdrop.remove(), (this.$backdrop = null); 762 | }), 763 | (c.prototype.backdrop = function (b) { 764 | var d = this, 765 | e = this.$element.hasClass("fade") ? "fade" : ""; 766 | if (this.isShown && this.options.backdrop) { 767 | var f = a.support.transition && e; 768 | if ( 769 | ((this.$backdrop = a('
') 770 | .prependTo(this.$element) 771 | .on( 772 | "click.dismiss.bs.modal", 773 | a.proxy(function (a) { 774 | a.target === a.currentTarget && 775 | ("static" == this.options.backdrop 776 | ? this.$element[0].focus.call(this.$element[0]) 777 | : this.hide.call(this)); 778 | }, this) 779 | )), 780 | f && this.$backdrop[0].offsetWidth, 781 | this.$backdrop.addClass("in"), 782 | !b) 783 | ) 784 | return; 785 | f 786 | ? this.$backdrop 787 | .one("bsTransitionEnd", b) 788 | .emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION) 789 | : b(); 790 | } else if (!this.isShown && this.$backdrop) { 791 | this.$backdrop.removeClass("in"); 792 | var g = function () { 793 | d.removeBackdrop(), b && b(); 794 | }; 795 | a.support.transition && this.$element.hasClass("fade") 796 | ? this.$backdrop 797 | .one("bsTransitionEnd", g) 798 | .emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION) 799 | : g(); 800 | } else b && b(); 801 | }), 802 | (c.prototype.handleUpdate = function () { 803 | this.options.backdrop && this.adjustBackdrop(), this.adjustDialog(); 804 | }), 805 | (c.prototype.adjustBackdrop = function () { 806 | this.$backdrop 807 | .css("height", 0) 808 | .css("height", this.$element[0].scrollHeight); 809 | }), 810 | (c.prototype.adjustDialog = function () { 811 | var a = 812 | this.$element[0].scrollHeight > document.documentElement.clientHeight; 813 | this.$element.css({ 814 | paddingLeft: !this.bodyIsOverflowing && a ? this.scrollbarWidth : "", 815 | paddingRight: this.bodyIsOverflowing && !a ? this.scrollbarWidth : "", 816 | }); 817 | }), 818 | (c.prototype.resetAdjustments = function () { 819 | this.$element.css({ paddingLeft: "", paddingRight: "" }); 820 | }), 821 | (c.prototype.checkScrollbar = function () { 822 | (this.bodyIsOverflowing = 823 | document.body.scrollHeight > document.documentElement.clientHeight), 824 | (this.scrollbarWidth = this.measureScrollbar()); 825 | }), 826 | (c.prototype.setScrollbar = function () { 827 | var a = parseInt(this.$body.css("padding-right") || 0, 10); 828 | this.bodyIsOverflowing && 829 | this.$body.css("padding-right", a + this.scrollbarWidth); 830 | }), 831 | (c.prototype.resetScrollbar = function () { 832 | this.$body.css("padding-right", ""); 833 | }), 834 | (c.prototype.measureScrollbar = function () { 835 | var a = document.createElement("div"); 836 | (a.className = "modal-scrollbar-measure"), this.$body.append(a); 837 | var b = a.offsetWidth - a.clientWidth; 838 | return this.$body[0].removeChild(a), b; 839 | }); 840 | var d = a.fn.modal; 841 | (a.fn.modal = b), 842 | (a.fn.modal.Constructor = c), 843 | (a.fn.modal.noConflict = function () { 844 | return (a.fn.modal = d), this; 845 | }), 846 | a(document).on( 847 | "click.bs.modal.data-api", 848 | '[data-toggle="modal"]', 849 | function (c) { 850 | var d = a(this), 851 | e = d.attr("href"), 852 | f = a( 853 | d.attr("data-target") || (e && e.replace(/.*(?=#[^\s]+$)/, "")) 854 | ), 855 | g = f.data("bs.modal") 856 | ? "toggle" 857 | : a.extend({ remote: !/#/.test(e) && e }, f.data(), d.data()); 858 | d.is("a") && c.preventDefault(), 859 | f.one("show.bs.modal", function (a) { 860 | a.isDefaultPrevented() || 861 | f.one("hidden.bs.modal", function () { 862 | d.is(":visible") && d.trigger("focus"); 863 | }); 864 | }), 865 | b.call(f, g, this); 866 | } 867 | ); 868 | })(jQuery), 869 | +(function (a) { 870 | "use strict"; 871 | function b(b) { 872 | return this.each(function () { 873 | var d = a(this), 874 | e = d.data("bs.tooltip"), 875 | f = "object" == typeof b && b, 876 | g = f && f.selector; 877 | (e || "destroy" != b) && 878 | (g 879 | ? (e || d.data("bs.tooltip", (e = {})), 880 | e[g] || (e[g] = new c(this, f))) 881 | : e || d.data("bs.tooltip", (e = new c(this, f))), 882 | "string" == typeof b && e[b]()); 883 | }); 884 | } 885 | var c = function (a, b) { 886 | (this.type = 887 | this.options = 888 | this.enabled = 889 | this.timeout = 890 | this.hoverState = 891 | this.$element = 892 | null), 893 | this.init("tooltip", a, b); 894 | }; 895 | (c.VERSION = "3.3.1"), 896 | (c.TRANSITION_DURATION = 150), 897 | (c.DEFAULTS = { 898 | animation: !0, 899 | placement: "top", 900 | selector: !1, 901 | template: 902 | '', 903 | trigger: "hover focus", 904 | title: "", 905 | delay: 0, 906 | html: !1, 907 | container: !1, 908 | viewport: { selector: "body", padding: 0 }, 909 | }), 910 | (c.prototype.init = function (b, c, d) { 911 | (this.enabled = !0), 912 | (this.type = b), 913 | (this.$element = a(c)), 914 | (this.options = this.getOptions(d)), 915 | (this.$viewport = 916 | this.options.viewport && 917 | a(this.options.viewport.selector || this.options.viewport)); 918 | for (var e = this.options.trigger.split(" "), f = e.length; f--; ) { 919 | var g = e[f]; 920 | if ("click" == g) 921 | this.$element.on( 922 | "click." + this.type, 923 | this.options.selector, 924 | a.proxy(this.toggle, this) 925 | ); 926 | else if ("manual" != g) { 927 | var h = "hover" == g ? "mouseenter" : "focusin", 928 | i = "hover" == g ? "mouseleave" : "focusout"; 929 | this.$element.on( 930 | h + "." + this.type, 931 | this.options.selector, 932 | a.proxy(this.enter, this) 933 | ), 934 | this.$element.on( 935 | i + "." + this.type, 936 | this.options.selector, 937 | a.proxy(this.leave, this) 938 | ); 939 | } 940 | } 941 | this.options.selector 942 | ? (this._options = a.extend({}, this.options, { 943 | trigger: "manual", 944 | selector: "", 945 | })) 946 | : this.fixTitle(); 947 | }), 948 | (c.prototype.getDefaults = function () { 949 | return c.DEFAULTS; 950 | }), 951 | (c.prototype.getOptions = function (b) { 952 | return ( 953 | (b = a.extend({}, this.getDefaults(), this.$element.data(), b)), 954 | b.delay && 955 | "number" == typeof b.delay && 956 | (b.delay = { show: b.delay, hide: b.delay }), 957 | b 958 | ); 959 | }), 960 | (c.prototype.getDelegateOptions = function () { 961 | var b = {}, 962 | c = this.getDefaults(); 963 | return ( 964 | this._options && 965 | a.each(this._options, function (a, d) { 966 | c[a] != d && (b[a] = d); 967 | }), 968 | b 969 | ); 970 | }), 971 | (c.prototype.enter = function (b) { 972 | var c = 973 | b instanceof this.constructor 974 | ? b 975 | : a(b.currentTarget).data("bs." + this.type); 976 | return c && c.$tip && c.$tip.is(":visible") 977 | ? void (c.hoverState = "in") 978 | : (c || 979 | ((c = new this.constructor( 980 | b.currentTarget, 981 | this.getDelegateOptions() 982 | )), 983 | a(b.currentTarget).data("bs." + this.type, c)), 984 | clearTimeout(c.timeout), 985 | (c.hoverState = "in"), 986 | c.options.delay && c.options.delay.show 987 | ? void (c.timeout = setTimeout(function () { 988 | "in" == c.hoverState && c.show(); 989 | }, c.options.delay.show)) 990 | : c.show()); 991 | }), 992 | (c.prototype.leave = function (b) { 993 | var c = 994 | b instanceof this.constructor 995 | ? b 996 | : a(b.currentTarget).data("bs." + this.type); 997 | return ( 998 | c || 999 | ((c = new this.constructor( 1000 | b.currentTarget, 1001 | this.getDelegateOptions() 1002 | )), 1003 | a(b.currentTarget).data("bs." + this.type, c)), 1004 | clearTimeout(c.timeout), 1005 | (c.hoverState = "out"), 1006 | c.options.delay && c.options.delay.hide 1007 | ? void (c.timeout = setTimeout(function () { 1008 | "out" == c.hoverState && c.hide(); 1009 | }, c.options.delay.hide)) 1010 | : c.hide() 1011 | ); 1012 | }), 1013 | (c.prototype.show = function () { 1014 | var b = a.Event("show.bs." + this.type); 1015 | if (this.hasContent() && this.enabled) { 1016 | this.$element.trigger(b); 1017 | var d = a.contains( 1018 | this.$element[0].ownerDocument.documentElement, 1019 | this.$element[0] 1020 | ); 1021 | if (b.isDefaultPrevented() || !d) return; 1022 | var e = this, 1023 | f = this.tip(), 1024 | g = this.getUID(this.type); 1025 | this.setContent(), 1026 | f.attr("id", g), 1027 | this.$element.attr("aria-describedby", g), 1028 | this.options.animation && f.addClass("fade"); 1029 | var h = 1030 | "function" == typeof this.options.placement 1031 | ? this.options.placement.call(this, f[0], this.$element[0]) 1032 | : this.options.placement, 1033 | i = /\s?auto?\s?/i, 1034 | j = i.test(h); 1035 | j && (h = h.replace(i, "") || "top"), 1036 | f 1037 | .detach() 1038 | .css({ top: 0, left: 0, display: "block" }) 1039 | .addClass(h) 1040 | .data("bs." + this.type, this), 1041 | this.options.container 1042 | ? f.appendTo(this.options.container) 1043 | : f.insertAfter(this.$element); 1044 | var k = this.getPosition(), 1045 | l = f[0].offsetWidth, 1046 | m = f[0].offsetHeight; 1047 | if (j) { 1048 | var n = h, 1049 | o = this.options.container 1050 | ? a(this.options.container) 1051 | : this.$element.parent(), 1052 | p = this.getPosition(o); 1053 | (h = 1054 | "bottom" == h && k.bottom + m > p.bottom 1055 | ? "top" 1056 | : "top" == h && k.top - m < p.top 1057 | ? "bottom" 1058 | : "right" == h && k.right + l > p.width 1059 | ? "left" 1060 | : "left" == h && k.left - l < p.left 1061 | ? "right" 1062 | : h), 1063 | f.removeClass(n).addClass(h); 1064 | } 1065 | var q = this.getCalculatedOffset(h, k, l, m); 1066 | this.applyPlacement(q, h); 1067 | var r = function () { 1068 | var a = e.hoverState; 1069 | e.$element.trigger("shown.bs." + e.type), 1070 | (e.hoverState = null), 1071 | "out" == a && e.leave(e); 1072 | }; 1073 | a.support.transition && this.$tip.hasClass("fade") 1074 | ? f 1075 | .one("bsTransitionEnd", r) 1076 | .emulateTransitionEnd(c.TRANSITION_DURATION) 1077 | : r(); 1078 | } 1079 | }), 1080 | (c.prototype.applyPlacement = function (b, c) { 1081 | var d = this.tip(), 1082 | e = d[0].offsetWidth, 1083 | f = d[0].offsetHeight, 1084 | g = parseInt(d.css("margin-top"), 10), 1085 | h = parseInt(d.css("margin-left"), 10); 1086 | isNaN(g) && (g = 0), 1087 | isNaN(h) && (h = 0), 1088 | (b.top = b.top + g), 1089 | (b.left = b.left + h), 1090 | a.offset.setOffset( 1091 | d[0], 1092 | a.extend( 1093 | { 1094 | using: function (a) { 1095 | d.css({ top: Math.round(a.top), left: Math.round(a.left) }); 1096 | }, 1097 | }, 1098 | b 1099 | ), 1100 | 0 1101 | ), 1102 | d.addClass("in"); 1103 | var i = d[0].offsetWidth, 1104 | j = d[0].offsetHeight; 1105 | "top" == c && j != f && (b.top = b.top + f - j); 1106 | var k = this.getViewportAdjustedDelta(c, b, i, j); 1107 | k.left ? (b.left += k.left) : (b.top += k.top); 1108 | var l = /top|bottom/.test(c), 1109 | m = l ? 2 * k.left - e + i : 2 * k.top - f + j, 1110 | n = l ? "offsetWidth" : "offsetHeight"; 1111 | d.offset(b), this.replaceArrow(m, d[0][n], l); 1112 | }), 1113 | (c.prototype.replaceArrow = function (a, b, c) { 1114 | this.arrow() 1115 | .css(c ? "left" : "top", 50 * (1 - a / b) + "%") 1116 | .css(c ? "top" : "left", ""); 1117 | }), 1118 | (c.prototype.setContent = function () { 1119 | var a = this.tip(), 1120 | b = this.getTitle(); 1121 | a.find(".tooltip-inner")[this.options.html ? "html" : "text"](b), 1122 | a.removeClass("fade in top bottom left right"); 1123 | }), 1124 | (c.prototype.hide = function (b) { 1125 | function d() { 1126 | "in" != e.hoverState && f.detach(), 1127 | e.$element 1128 | .removeAttr("aria-describedby") 1129 | .trigger("hidden.bs." + e.type), 1130 | b && b(); 1131 | } 1132 | var e = this, 1133 | f = this.tip(), 1134 | g = a.Event("hide.bs." + this.type); 1135 | return ( 1136 | this.$element.trigger(g), 1137 | g.isDefaultPrevented() 1138 | ? void 0 1139 | : (f.removeClass("in"), 1140 | a.support.transition && this.$tip.hasClass("fade") 1141 | ? f 1142 | .one("bsTransitionEnd", d) 1143 | .emulateTransitionEnd(c.TRANSITION_DURATION) 1144 | : d(), 1145 | (this.hoverState = null), 1146 | this) 1147 | ); 1148 | }), 1149 | (c.prototype.fixTitle = function () { 1150 | var a = this.$element; 1151 | (a.attr("title") || "string" != typeof a.attr("data-original-title")) && 1152 | a 1153 | .attr("data-original-title", a.attr("title") || "") 1154 | .attr("title", ""); 1155 | }), 1156 | (c.prototype.hasContent = function () { 1157 | return this.getTitle(); 1158 | }), 1159 | (c.prototype.getPosition = function (b) { 1160 | b = b || this.$element; 1161 | var c = b[0], 1162 | d = "BODY" == c.tagName, 1163 | e = c.getBoundingClientRect(); 1164 | null == e.width && 1165 | (e = a.extend({}, e, { 1166 | width: e.right - e.left, 1167 | height: e.bottom - e.top, 1168 | })); 1169 | var f = d ? { top: 0, left: 0 } : b.offset(), 1170 | g = { 1171 | scroll: d 1172 | ? document.documentElement.scrollTop || document.body.scrollTop 1173 | : b.scrollTop(), 1174 | }, 1175 | h = d 1176 | ? { width: a(window).width(), height: a(window).height() } 1177 | : null; 1178 | return a.extend({}, e, g, h, f); 1179 | }), 1180 | (c.prototype.getCalculatedOffset = function (a, b, c, d) { 1181 | return "bottom" == a 1182 | ? { top: b.top + b.height, left: b.left + b.width / 2 - c / 2 } 1183 | : "top" == a 1184 | ? { top: b.top - d, left: b.left + b.width / 2 - c / 2 } 1185 | : "left" == a 1186 | ? { top: b.top + b.height / 2 - d / 2, left: b.left - c } 1187 | : { top: b.top + b.height / 2 - d / 2, left: b.left + b.width }; 1188 | }), 1189 | (c.prototype.getViewportAdjustedDelta = function (a, b, c, d) { 1190 | var e = { top: 0, left: 0 }; 1191 | if (!this.$viewport) return e; 1192 | var f = (this.options.viewport && this.options.viewport.padding) || 0, 1193 | g = this.getPosition(this.$viewport); 1194 | if (/right|left/.test(a)) { 1195 | var h = b.top - f - g.scroll, 1196 | i = b.top + f - g.scroll + d; 1197 | h < g.top 1198 | ? (e.top = g.top - h) 1199 | : i > g.top + g.height && (e.top = g.top + g.height - i); 1200 | } else { 1201 | var j = b.left - f, 1202 | k = b.left + f + c; 1203 | j < g.left 1204 | ? (e.left = g.left - j) 1205 | : k > g.width && (e.left = g.left + g.width - k); 1206 | } 1207 | return e; 1208 | }), 1209 | (c.prototype.getTitle = function () { 1210 | var a, 1211 | b = this.$element, 1212 | c = this.options; 1213 | return (a = 1214 | b.attr("data-original-title") || 1215 | ("function" == typeof c.title ? c.title.call(b[0]) : c.title)); 1216 | }), 1217 | (c.prototype.getUID = function (a) { 1218 | do a += ~~(1e6 * Math.random()); 1219 | while (document.getElementById(a)); 1220 | return a; 1221 | }), 1222 | (c.prototype.tip = function () { 1223 | return (this.$tip = this.$tip || a(this.options.template)); 1224 | }), 1225 | (c.prototype.arrow = function () { 1226 | return (this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow")); 1227 | }), 1228 | (c.prototype.enable = function () { 1229 | this.enabled = !0; 1230 | }), 1231 | (c.prototype.disable = function () { 1232 | this.enabled = !1; 1233 | }), 1234 | (c.prototype.toggleEnabled = function () { 1235 | this.enabled = !this.enabled; 1236 | }), 1237 | (c.prototype.toggle = function (b) { 1238 | var c = this; 1239 | b && 1240 | ((c = a(b.currentTarget).data("bs." + this.type)), 1241 | c || 1242 | ((c = new this.constructor( 1243 | b.currentTarget, 1244 | this.getDelegateOptions() 1245 | )), 1246 | a(b.currentTarget).data("bs." + this.type, c))), 1247 | c.tip().hasClass("in") ? c.leave(c) : c.enter(c); 1248 | }), 1249 | (c.prototype.destroy = function () { 1250 | var a = this; 1251 | clearTimeout(this.timeout), 1252 | this.hide(function () { 1253 | a.$element.off("." + a.type).removeData("bs." + a.type); 1254 | }); 1255 | }); 1256 | var d = a.fn.tooltip; 1257 | (a.fn.tooltip = b), 1258 | (a.fn.tooltip.Constructor = c), 1259 | (a.fn.tooltip.noConflict = function () { 1260 | return (a.fn.tooltip = d), this; 1261 | }); 1262 | })(jQuery), 1263 | +(function (a) { 1264 | "use strict"; 1265 | function b(b) { 1266 | return this.each(function () { 1267 | var d = a(this), 1268 | e = d.data("bs.popover"), 1269 | f = "object" == typeof b && b, 1270 | g = f && f.selector; 1271 | (e || "destroy" != b) && 1272 | (g 1273 | ? (e || d.data("bs.popover", (e = {})), 1274 | e[g] || (e[g] = new c(this, f))) 1275 | : e || d.data("bs.popover", (e = new c(this, f))), 1276 | "string" == typeof b && e[b]()); 1277 | }); 1278 | } 1279 | var c = function (a, b) { 1280 | this.init("popover", a, b); 1281 | }; 1282 | if (!a.fn.tooltip) throw new Error("Popover requires tooltip.js"); 1283 | (c.VERSION = "3.3.1"), 1284 | (c.DEFAULTS = a.extend({}, a.fn.tooltip.Constructor.DEFAULTS, { 1285 | placement: "right", 1286 | trigger: "click", 1287 | content: "", 1288 | template: 1289 | '', 1290 | })), 1291 | (c.prototype = a.extend({}, a.fn.tooltip.Constructor.prototype)), 1292 | (c.prototype.constructor = c), 1293 | (c.prototype.getDefaults = function () { 1294 | return c.DEFAULTS; 1295 | }), 1296 | (c.prototype.setContent = function () { 1297 | var a = this.tip(), 1298 | b = this.getTitle(), 1299 | c = this.getContent(); 1300 | a.find(".popover-title")[this.options.html ? "html" : "text"](b), 1301 | a 1302 | .find(".popover-content") 1303 | .children() 1304 | .detach() 1305 | .end() 1306 | [ 1307 | this.options.html 1308 | ? "string" == typeof c 1309 | ? "html" 1310 | : "append" 1311 | : "text" 1312 | ](c), 1313 | a.removeClass("fade top bottom left right in"), 1314 | a.find(".popover-title").html() || a.find(".popover-title").hide(); 1315 | }), 1316 | (c.prototype.hasContent = function () { 1317 | return this.getTitle() || this.getContent(); 1318 | }), 1319 | (c.prototype.getContent = function () { 1320 | var a = this.$element, 1321 | b = this.options; 1322 | return ( 1323 | a.attr("data-content") || 1324 | ("function" == typeof b.content ? b.content.call(a[0]) : b.content) 1325 | ); 1326 | }), 1327 | (c.prototype.arrow = function () { 1328 | return (this.$arrow = this.$arrow || this.tip().find(".arrow")); 1329 | }), 1330 | (c.prototype.tip = function () { 1331 | return this.$tip || (this.$tip = a(this.options.template)), this.$tip; 1332 | }); 1333 | var d = a.fn.popover; 1334 | (a.fn.popover = b), 1335 | (a.fn.popover.Constructor = c), 1336 | (a.fn.popover.noConflict = function () { 1337 | return (a.fn.popover = d), this; 1338 | }); 1339 | })(jQuery), 1340 | +(function (a) { 1341 | "use strict"; 1342 | function b(c, d) { 1343 | var e = a.proxy(this.process, this); 1344 | (this.$body = a("body")), 1345 | (this.$scrollElement = a(a(c).is("body") ? window : c)), 1346 | (this.options = a.extend({}, b.DEFAULTS, d)), 1347 | (this.selector = (this.options.target || "") + " .nav li > a"), 1348 | (this.offsets = []), 1349 | (this.targets = []), 1350 | (this.activeTarget = null), 1351 | (this.scrollHeight = 0), 1352 | this.$scrollElement.on("scroll.bs.scrollspy", e), 1353 | this.refresh(), 1354 | this.process(); 1355 | } 1356 | function c(c) { 1357 | return this.each(function () { 1358 | var d = a(this), 1359 | e = d.data("bs.scrollspy"), 1360 | f = "object" == typeof c && c; 1361 | e || d.data("bs.scrollspy", (e = new b(this, f))), 1362 | "string" == typeof c && e[c](); 1363 | }); 1364 | } 1365 | (b.VERSION = "3.3.1"), 1366 | (b.DEFAULTS = { offset: 10 }), 1367 | (b.prototype.getScrollHeight = function () { 1368 | return ( 1369 | this.$scrollElement[0].scrollHeight || 1370 | Math.max( 1371 | this.$body[0].scrollHeight, 1372 | document.documentElement.scrollHeight 1373 | ) 1374 | ); 1375 | }), 1376 | (b.prototype.refresh = function () { 1377 | var b = "offset", 1378 | c = 0; 1379 | a.isWindow(this.$scrollElement[0]) || 1380 | ((b = "position"), (c = this.$scrollElement.scrollTop())), 1381 | (this.offsets = []), 1382 | (this.targets = []), 1383 | (this.scrollHeight = this.getScrollHeight()); 1384 | var d = this; 1385 | this.$body 1386 | .find(this.selector) 1387 | .map(function () { 1388 | var d = a(this), 1389 | e = d.data("target") || d.attr("href"), 1390 | f = /^#./.test(e) && a(e); 1391 | return ( 1392 | (f && f.length && f.is(":visible") && [[f[b]().top + c, e]]) || 1393 | null 1394 | ); 1395 | }) 1396 | .sort(function (a, b) { 1397 | return a[0] - b[0]; 1398 | }) 1399 | .each(function () { 1400 | d.offsets.push(this[0]), d.targets.push(this[1]); 1401 | }); 1402 | }), 1403 | (b.prototype.process = function () { 1404 | var a, 1405 | b = this.$scrollElement.scrollTop() + this.options.offset, 1406 | c = this.getScrollHeight(), 1407 | d = this.options.offset + c - this.$scrollElement.height(), 1408 | e = this.offsets, 1409 | f = this.targets, 1410 | g = this.activeTarget; 1411 | if ((this.scrollHeight != c && this.refresh(), b >= d)) 1412 | return g != (a = f[f.length - 1]) && this.activate(a); 1413 | if (g && b < e[0]) return (this.activeTarget = null), this.clear(); 1414 | for (a = e.length; a--; ) 1415 | g != f[a] && 1416 | b >= e[a] && 1417 | (!e[a + 1] || b <= e[a + 1]) && 1418 | this.activate(f[a]); 1419 | }), 1420 | (b.prototype.activate = function (b) { 1421 | (this.activeTarget = b), this.clear(); 1422 | var c = 1423 | this.selector + 1424 | '[data-target="' + 1425 | b + 1426 | '"],' + 1427 | this.selector + 1428 | '[href="' + 1429 | b + 1430 | '"]', 1431 | d = a(c).parents("li").addClass("active"); 1432 | d.parent(".dropdown-menu").length && 1433 | (d = d.closest("li.dropdown").addClass("active")), 1434 | d.trigger("activate.bs.scrollspy"); 1435 | }), 1436 | (b.prototype.clear = function () { 1437 | a(this.selector) 1438 | .parentsUntil(this.options.target, ".active") 1439 | .removeClass("active"); 1440 | }); 1441 | var d = a.fn.scrollspy; 1442 | (a.fn.scrollspy = c), 1443 | (a.fn.scrollspy.Constructor = b), 1444 | (a.fn.scrollspy.noConflict = function () { 1445 | return (a.fn.scrollspy = d), this; 1446 | }), 1447 | a(window).on("load.bs.scrollspy.data-api", function () { 1448 | a('[data-spy="scroll"]').each(function () { 1449 | var b = a(this); 1450 | c.call(b, b.data()); 1451 | }); 1452 | }); 1453 | })(jQuery), 1454 | +(function (a) { 1455 | "use strict"; 1456 | function b(b) { 1457 | return this.each(function () { 1458 | var d = a(this), 1459 | e = d.data("bs.tab"); 1460 | e || d.data("bs.tab", (e = new c(this))), 1461 | "string" == typeof b && e[b](); 1462 | }); 1463 | } 1464 | var c = function (b) { 1465 | this.element = a(b); 1466 | }; 1467 | (c.VERSION = "3.3.1"), 1468 | (c.TRANSITION_DURATION = 150), 1469 | (c.prototype.show = function () { 1470 | var b = this.element, 1471 | c = b.closest("ul:not(.dropdown-menu)"), 1472 | d = b.data("target"); 1473 | if ( 1474 | (d || 1475 | ((d = b.attr("href")), (d = d && d.replace(/.*(?=#[^\s]*$)/, ""))), 1476 | !b.parent("li").hasClass("active")) 1477 | ) { 1478 | var e = c.find(".active:last a"), 1479 | f = a.Event("hide.bs.tab", { relatedTarget: b[0] }), 1480 | g = a.Event("show.bs.tab", { relatedTarget: e[0] }); 1481 | if ( 1482 | (e.trigger(f), 1483 | b.trigger(g), 1484 | !g.isDefaultPrevented() && !f.isDefaultPrevented()) 1485 | ) { 1486 | var h = a(d); 1487 | this.activate(b.closest("li"), c), 1488 | this.activate(h, h.parent(), function () { 1489 | e.trigger({ type: "hidden.bs.tab", relatedTarget: b[0] }), 1490 | b.trigger({ type: "shown.bs.tab", relatedTarget: e[0] }); 1491 | }); 1492 | } 1493 | } 1494 | }), 1495 | (c.prototype.activate = function (b, d, e) { 1496 | function f() { 1497 | g 1498 | .removeClass("active") 1499 | .find("> .dropdown-menu > .active") 1500 | .removeClass("active") 1501 | .end() 1502 | .find('[data-toggle="tab"]') 1503 | .attr("aria-expanded", !1), 1504 | b 1505 | .addClass("active") 1506 | .find('[data-toggle="tab"]') 1507 | .attr("aria-expanded", !0), 1508 | h ? (b[0].offsetWidth, b.addClass("in")) : b.removeClass("fade"), 1509 | b.parent(".dropdown-menu") && 1510 | b 1511 | .closest("li.dropdown") 1512 | .addClass("active") 1513 | .end() 1514 | .find('[data-toggle="tab"]') 1515 | .attr("aria-expanded", !0), 1516 | e && e(); 1517 | } 1518 | var g = d.find("> .active"), 1519 | h = 1520 | e && 1521 | a.support.transition && 1522 | ((g.length && g.hasClass("fade")) || !!d.find("> .fade").length); 1523 | g.length && h 1524 | ? g 1525 | .one("bsTransitionEnd", f) 1526 | .emulateTransitionEnd(c.TRANSITION_DURATION) 1527 | : f(), 1528 | g.removeClass("in"); 1529 | }); 1530 | var d = a.fn.tab; 1531 | (a.fn.tab = b), 1532 | (a.fn.tab.Constructor = c), 1533 | (a.fn.tab.noConflict = function () { 1534 | return (a.fn.tab = d), this; 1535 | }); 1536 | var e = function (c) { 1537 | c.preventDefault(), b.call(a(this), "show"); 1538 | }; 1539 | a(document) 1540 | .on("click.bs.tab.data-api", '[data-toggle="tab"]', e) 1541 | .on("click.bs.tab.data-api", '[data-toggle="pill"]', e); 1542 | })(jQuery), 1543 | +(function (a) { 1544 | "use strict"; 1545 | function b(b) { 1546 | return this.each(function () { 1547 | var d = a(this), 1548 | e = d.data("bs.affix"), 1549 | f = "object" == typeof b && b; 1550 | e || d.data("bs.affix", (e = new c(this, f))), 1551 | "string" == typeof b && e[b](); 1552 | }); 1553 | } 1554 | var c = function (b, d) { 1555 | (this.options = a.extend({}, c.DEFAULTS, d)), 1556 | (this.$target = a(this.options.target) 1557 | .on("scroll.bs.affix.data-api", a.proxy(this.checkPosition, this)) 1558 | .on( 1559 | "click.bs.affix.data-api", 1560 | a.proxy(this.checkPositionWithEventLoop, this) 1561 | )), 1562 | (this.$element = a(b)), 1563 | (this.affixed = this.unpin = this.pinnedOffset = null), 1564 | this.checkPosition(); 1565 | }; 1566 | (c.VERSION = "3.3.1"), 1567 | (c.RESET = "affix affix-top affix-bottom"), 1568 | (c.DEFAULTS = { offset: 0, target: window }), 1569 | (c.prototype.getState = function (a, b, c, d) { 1570 | var e = this.$target.scrollTop(), 1571 | f = this.$element.offset(), 1572 | g = this.$target.height(); 1573 | if (null != c && "top" == this.affixed) return c > e ? "top" : !1; 1574 | if ("bottom" == this.affixed) 1575 | return null != c 1576 | ? e + this.unpin <= f.top 1577 | ? !1 1578 | : "bottom" 1579 | : a - d >= e + g 1580 | ? !1 1581 | : "bottom"; 1582 | var h = null == this.affixed, 1583 | i = h ? e : f.top, 1584 | j = h ? g : b; 1585 | return null != c && c >= i 1586 | ? "top" 1587 | : null != d && i + j >= a - d 1588 | ? "bottom" 1589 | : !1; 1590 | }), 1591 | (c.prototype.getPinnedOffset = function () { 1592 | if (this.pinnedOffset) return this.pinnedOffset; 1593 | this.$element.removeClass(c.RESET).addClass("affix"); 1594 | var a = this.$target.scrollTop(), 1595 | b = this.$element.offset(); 1596 | return (this.pinnedOffset = b.top - a); 1597 | }), 1598 | (c.prototype.checkPositionWithEventLoop = function () { 1599 | setTimeout(a.proxy(this.checkPosition, this), 1); 1600 | }), 1601 | (c.prototype.checkPosition = function () { 1602 | if (this.$element.is(":visible")) { 1603 | var b = this.$element.height(), 1604 | d = this.options.offset, 1605 | e = d.top, 1606 | f = d.bottom, 1607 | g = a("body").height(); 1608 | "object" != typeof d && (f = e = d), 1609 | "function" == typeof e && (e = d.top(this.$element)), 1610 | "function" == typeof f && (f = d.bottom(this.$element)); 1611 | var h = this.getState(g, b, e, f); 1612 | if (this.affixed != h) { 1613 | null != this.unpin && this.$element.css("top", ""); 1614 | var i = "affix" + (h ? "-" + h : ""), 1615 | j = a.Event(i + ".bs.affix"); 1616 | if ((this.$element.trigger(j), j.isDefaultPrevented())) return; 1617 | (this.affixed = h), 1618 | (this.unpin = "bottom" == h ? this.getPinnedOffset() : null), 1619 | this.$element 1620 | .removeClass(c.RESET) 1621 | .addClass(i) 1622 | .trigger(i.replace("affix", "affixed") + ".bs.affix"); 1623 | } 1624 | "bottom" == h && this.$element.offset({ top: g - b - f }); 1625 | } 1626 | }); 1627 | var d = a.fn.affix; 1628 | (a.fn.affix = b), 1629 | (a.fn.affix.Constructor = c), 1630 | (a.fn.affix.noConflict = function () { 1631 | return (a.fn.affix = d), this; 1632 | }), 1633 | a(window).on("load", function () { 1634 | a('[data-spy="affix"]').each(function () { 1635 | var c = a(this), 1636 | d = c.data(); 1637 | (d.offset = d.offset || {}), 1638 | null != d.offsetBottom && (d.offset.bottom = d.offsetBottom), 1639 | null != d.offsetTop && (d.offset.top = d.offsetTop), 1640 | b.call(c, d); 1641 | }); 1642 | }); 1643 | })(jQuery); 1644 | -------------------------------------------------------------------------------- /public/js/custom.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | Stripe.setPublishableKey("pk_test_6eUlykjUkKIa4viRDPGNKjwv"); 3 | 4 | var opts = { 5 | lines: 13, // The number of lines to draw 6 | length: 28, // The length of each line 7 | width: 14, // The line thickness 8 | radius: 42, // The radius of the inner circle 9 | scale: 1, // Scales overall size of the spinner 10 | corners: 1, // Corner roundness (0..1) 11 | color: "#000", // #rgb or #rrggbb or array of colors 12 | opacity: 0.25, // Opacity of the lines 13 | rotate: 0, // The rotation offset 14 | direction: 1, // 1: clockwise, -1: counterclockwise 15 | speed: 1, // Rounds per second 16 | trail: 60, // Afterglow percentage 17 | fps: 20, // Frames per second when using setTimeout() as a fallback for CSS 18 | zIndex: 2e9, // The z-index (defaults to 2000000000) 19 | className: "spinner", // The CSS class to assign to the spinner 20 | top: "50%", // Top position relative to parent 21 | left: "50%", // Left position relative to parent 22 | shadow: false, // Whether to render a shadow 23 | hwaccel: false, // Whether to use hardware acceleration 24 | position: "absolute", // Element positioning 25 | }; 26 | 27 | // search functionality 28 | $("#search").keyup(function () { 29 | var search_term = $(this).val(); 30 | 31 | $.ajax({ 32 | method: "POST", 33 | url: "/api/search", 34 | data: { 35 | search_term, 36 | }, 37 | dataType: "json", 38 | success: function (json) { 39 | var data = json.hits.hits.map(function (hit) { 40 | return hit; 41 | }); 42 | $("#searchResults").empty(); 43 | 44 | for (var i = 0; i < data.length; i++) { 45 | var html = ""; 46 | html += '
'; 47 | html += ''; 48 | html += '
'; 49 | html += ''; 50 | html += '
'; 51 | html += "

" + data[i]._source.name + "

"; 52 | html += "

" + data[i]._source.category.name + "

"; 53 | html += "

" + data[i]._source.price + "

"; 54 | html += "
"; 55 | 56 | $("#searchResults").append(html); 57 | } 58 | }, 59 | error: function (error) { 60 | console.log(error); 61 | }, 62 | }); 63 | }); 64 | 65 | // increase the quantity of a product when user clicks plus button 66 | $(document).on("click", "#plus", function (e) { 67 | e.preventDefault(); 68 | 69 | var priceValue = parseFloat($("#priceValue").val()); 70 | var quantity = parseInt($("#quantity").val()); 71 | 72 | priceValue += parseFloat($("#priceHidden").val()); 73 | 74 | quantity += 1; 75 | 76 | $("#quantity").val(quantity); 77 | $("#priceValue").val(priceValue.toFixed(2)); 78 | $("#total").html(quantity); 79 | }); 80 | 81 | // reduce the quantity of a product when user clicks minus button 82 | $(document).on("click", "#minus", function (e) { 83 | e.preventDefault(); 84 | 85 | var priceValue = parseFloat($("#priceValue").val()); 86 | var quantity = parseInt($("#quantity").val()); 87 | 88 | if (quantity === 1) { 89 | priceValue = $("#priceHidden").val(); 90 | quantity = 1; 91 | } else { 92 | priceValue -= parseFloat($("#priceHidden").val()); 93 | quantity -= 1; 94 | } 95 | 96 | $("#quantity").val(quantity); 97 | $("#priceValue").val(priceValue.toFixed(2)); 98 | $("#total").html(quantity); 99 | }); 100 | 101 | function stripeResponseHandler(status, response) { 102 | // Grab the form: 103 | var $form = $("#payment-form"); 104 | 105 | if (response.error) { 106 | // Problem! 107 | 108 | // Show the errors on the form: 109 | $form.find(".payment-errors").text(response.error.message); 110 | $form.find("button").prop("disabled", false); // Re-enable submission 111 | } else { 112 | // Token was created! 113 | 114 | // Get the token ID: 115 | var token = response.id; 116 | 117 | // Insert the token ID into the form so it gets submitted to the server: 118 | $form.append($('').val(token)); 119 | 120 | var spinner = new Spinner(opts).spin(); 121 | 122 | $("#loading").append(spinner.el); 123 | 124 | // Submit the form: 125 | $form.get(0).submit(); 126 | } 127 | } 128 | 129 | var $form = $("#payment-form"); 130 | 131 | $form.submit(function (event) { 132 | // Disable the submit button to prevent repeated clicks: 133 | $form.find("button").prop("disabled", true); 134 | 135 | // Request a token from Stripe: 136 | Stripe.card.createToken($form, stripeResponseHandler); 137 | 138 | // Prevent the form from being submitted: 139 | return false; 140 | }); 141 | }); 142 | -------------------------------------------------------------------------------- /public/js/spin.min.js: -------------------------------------------------------------------------------- 1 | // http://spin.js.org/#v2.3.2 2 | !(function (a, b) { 3 | "object" == typeof module && module.exports 4 | ? (module.exports = b()) 5 | : "function" == typeof define && define.amd 6 | ? define(b) 7 | : (a.Spinner = b()); 8 | })(this, function () { 9 | "use strict"; 10 | function a(a, b) { 11 | var c, 12 | d = document.createElement(a || "div"); 13 | for (c in b) d[c] = b[c]; 14 | return d; 15 | } 16 | function b(a) { 17 | for (var b = 1, c = arguments.length; c > b; b++) 18 | a.appendChild(arguments[b]); 19 | return a; 20 | } 21 | function c(a, b, c, d) { 22 | var e = ["opacity", b, ~~(100 * a), c, d].join("-"), 23 | f = 0.01 + (c / d) * 100, 24 | g = Math.max(1 - ((1 - a) / b) * (100 - f), a), 25 | h = j.substring(0, j.indexOf("Animation")).toLowerCase(), 26 | i = (h && "-" + h + "-") || ""; 27 | return ( 28 | m[e] || 29 | (k.insertRule( 30 | "@" + 31 | i + 32 | "keyframes " + 33 | e + 34 | "{0%{opacity:" + 35 | g + 36 | "}" + 37 | f + 38 | "%{opacity:" + 39 | a + 40 | "}" + 41 | (f + 0.01) + 42 | "%{opacity:1}" + 43 | ((f + b) % 100) + 44 | "%{opacity:" + 45 | a + 46 | "}100%{opacity:" + 47 | g + 48 | "}}", 49 | k.cssRules.length 50 | ), 51 | (m[e] = 1)), 52 | e 53 | ); 54 | } 55 | function d(a, b) { 56 | var c, 57 | d, 58 | e = a.style; 59 | if (((b = b.charAt(0).toUpperCase() + b.slice(1)), void 0 !== e[b])) 60 | return b; 61 | for (d = 0; d < l.length; d++) 62 | if (((c = l[d] + b), void 0 !== e[c])) return c; 63 | } 64 | function e(a, b) { 65 | for (var c in b) a.style[d(a, c) || c] = b[c]; 66 | return a; 67 | } 68 | function f(a) { 69 | for (var b = 1; b < arguments.length; b++) { 70 | var c = arguments[b]; 71 | for (var d in c) void 0 === a[d] && (a[d] = c[d]); 72 | } 73 | return a; 74 | } 75 | function g(a, b) { 76 | return "string" == typeof a ? a : a[b % a.length]; 77 | } 78 | function h(a) { 79 | this.opts = f(a || {}, h.defaults, n); 80 | } 81 | function i() { 82 | function c(b, c) { 83 | return a( 84 | "<" + b + ' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">', 85 | c 86 | ); 87 | } 88 | k.addRule(".spin-vml", "behavior:url(#default#VML)"), 89 | (h.prototype.lines = function (a, d) { 90 | function f() { 91 | return e( 92 | c("group", { coordsize: k + " " + k, coordorigin: -j + " " + -j }), 93 | { width: k, height: k } 94 | ); 95 | } 96 | function h(a, h, i) { 97 | b( 98 | m, 99 | b( 100 | e(f(), { rotation: (360 / d.lines) * a + "deg", left: ~~h }), 101 | b( 102 | e(c("roundrect", { arcsize: d.corners }), { 103 | width: j, 104 | height: d.scale * d.width, 105 | left: d.scale * d.radius, 106 | top: (-d.scale * d.width) >> 1, 107 | filter: i, 108 | }), 109 | c("fill", { color: g(d.color, a), opacity: d.opacity }), 110 | c("stroke", { opacity: 0 }) 111 | ) 112 | ) 113 | ); 114 | } 115 | var i, 116 | j = d.scale * (d.length + d.width), 117 | k = 2 * d.scale * j, 118 | l = -(d.width + d.length) * d.scale * 2 + "px", 119 | m = e(f(), { position: "absolute", top: l, left: l }); 120 | if (d.shadow) 121 | for (i = 1; i <= d.lines; i++) 122 | h( 123 | i, 124 | -2, 125 | "progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)" 126 | ); 127 | for (i = 1; i <= d.lines; i++) h(i); 128 | return b(a, m); 129 | }), 130 | (h.prototype.opacity = function (a, b, c, d) { 131 | var e = a.firstChild; 132 | (d = (d.shadow && d.lines) || 0), 133 | e && 134 | b + d < e.childNodes.length && 135 | ((e = e.childNodes[b + d]), 136 | (e = e && e.firstChild), 137 | (e = e && e.firstChild), 138 | e && (e.opacity = c)); 139 | }); 140 | } 141 | var j, 142 | k, 143 | l = ["webkit", "Moz", "ms", "O"], 144 | m = {}, 145 | n = { 146 | lines: 12, 147 | length: 7, 148 | width: 5, 149 | radius: 10, 150 | scale: 1, 151 | corners: 1, 152 | color: "#000", 153 | opacity: 0.25, 154 | rotate: 0, 155 | direction: 1, 156 | speed: 1, 157 | trail: 100, 158 | fps: 20, 159 | zIndex: 2e9, 160 | className: "spinner", 161 | top: "50%", 162 | left: "50%", 163 | shadow: !1, 164 | hwaccel: !1, 165 | position: "absolute", 166 | }; 167 | if ( 168 | ((h.defaults = {}), 169 | f(h.prototype, { 170 | spin: function (b) { 171 | this.stop(); 172 | var c = this, 173 | d = c.opts, 174 | f = (c.el = a(null, { className: d.className })); 175 | if ( 176 | (e(f, { 177 | position: d.position, 178 | width: 0, 179 | zIndex: d.zIndex, 180 | left: d.left, 181 | top: d.top, 182 | }), 183 | b && b.insertBefore(f, b.firstChild || null), 184 | f.setAttribute("role", "progressbar"), 185 | c.lines(f, c.opts), 186 | !j) 187 | ) { 188 | var g, 189 | h = 0, 190 | i = ((d.lines - 1) * (1 - d.direction)) / 2, 191 | k = d.fps, 192 | l = k / d.speed, 193 | m = (1 - d.opacity) / ((l * d.trail) / 100), 194 | n = l / d.lines; 195 | !(function o() { 196 | h++; 197 | for (var a = 0; a < d.lines; a++) 198 | (g = Math.max(1 - ((h + (d.lines - a) * n) % l) * m, d.opacity)), 199 | c.opacity(f, a * d.direction + i, g, d); 200 | c.timeout = c.el && setTimeout(o, ~~(1e3 / k)); 201 | })(); 202 | } 203 | return c; 204 | }, 205 | stop: function () { 206 | var a = this.el; 207 | return ( 208 | a && 209 | (clearTimeout(this.timeout), 210 | a.parentNode && a.parentNode.removeChild(a), 211 | (this.el = void 0)), 212 | this 213 | ); 214 | }, 215 | lines: function (d, f) { 216 | function h(b, c) { 217 | return e(a(), { 218 | position: "absolute", 219 | width: f.scale * (f.length + f.width) + "px", 220 | height: f.scale * f.width + "px", 221 | background: b, 222 | boxShadow: c, 223 | transformOrigin: "left", 224 | transform: 225 | "rotate(" + 226 | ~~((360 / f.lines) * k + f.rotate) + 227 | "deg) translate(" + 228 | f.scale * f.radius + 229 | "px,0)", 230 | borderRadius: ((f.corners * f.scale * f.width) >> 1) + "px", 231 | }); 232 | } 233 | for ( 234 | var i, k = 0, l = ((f.lines - 1) * (1 - f.direction)) / 2; 235 | k < f.lines; 236 | k++ 237 | ) 238 | (i = e(a(), { 239 | position: "absolute", 240 | top: 1 + ~((f.scale * f.width) / 2) + "px", 241 | transform: f.hwaccel ? "translate3d(0,0,0)" : "", 242 | opacity: f.opacity, 243 | animation: 244 | j && 245 | c(f.opacity, f.trail, l + k * f.direction, f.lines) + 246 | " " + 247 | 1 / f.speed + 248 | "s linear infinite", 249 | })), 250 | f.shadow && b(i, e(h("#000", "0 0 4px #000"), { top: "2px" })), 251 | b(d, b(i, h(g(f.color, k), "0 0 1px rgba(0,0,0,.1)"))); 252 | return d; 253 | }, 254 | opacity: function (a, b, c) { 255 | b < a.childNodes.length && (a.childNodes[b].style.opacity = c); 256 | }, 257 | }), 258 | "undefined" != typeof document) 259 | ) { 260 | k = (function () { 261 | var c = a("style", { type: "text/css" }); 262 | return ( 263 | b(document.getElementsByTagName("head")[0], c), c.sheet || c.styleSheet 264 | ); 265 | })(); 266 | var o = e(a("group"), { behavior: "url(#default#VML)" }); 267 | !d(o, "transform") && o.adj ? i() : (j = d(o, "animation")); 268 | } 269 | return h; 270 | }); 271 | -------------------------------------------------------------------------------- /routes/admin.js: -------------------------------------------------------------------------------- 1 | // imports 2 | const router = require("express").Router(); 3 | const Category = require("../models/category"); 4 | 5 | /** 6 | * handles GET HTTP requests for adding a category 7 | */ 8 | router.get("/add-category", (req, res, next) => { 9 | res.render("admin/add-category", { message: req.flash("success") }); 10 | }); 11 | 12 | /** 13 | * Handles POST HTTP requests for adding a category 14 | */ 15 | router.post("/add-category", (req, res, next) => { 16 | // create new category instance 17 | const category = new Category(); 18 | // retrieve the category name from the data sent over from the client 19 | category.name = req.body.name; 20 | // save the category name to mongo 21 | category.save((err) => { 22 | // handle errors 23 | if (err) return next(err); 24 | // no errors, return success message 25 | req.flash("success", "Successfully added a category"); 26 | // redirect to the add category view 27 | return res.redirect("/add-category"); 28 | }); 29 | }); 30 | // make route accessible to other files 31 | module.exports = router; 32 | -------------------------------------------------------------------------------- /routes/error.js: -------------------------------------------------------------------------------- 1 | const router = require("express").Router(); 2 | 3 | // handle the 404 error 4 | router.use((req, res, next) => { 5 | // // res.redirect('/error'); 6 | // var err = new Error('Page not found'); 7 | // err.status = 404; 8 | // next(err); 9 | res.render("main/error", { 10 | errors: "Oops! The page you're looking for does not exist in this server", 11 | }); 12 | }); 13 | 14 | module.exports = router; 15 | -------------------------------------------------------------------------------- /routes/main.js: -------------------------------------------------------------------------------- 1 | // external imports 2 | const router = require("express").Router(); 3 | const stripe = require("stripe")("pk_test_6eUlykjUkKIa4viRDPGNKjwv"); 4 | const async = require("async"); 5 | // custom imports 6 | const User = require("../models/user"); 7 | const Product = require("../models/product"); 8 | const Cart = require("../models/cart"); 9 | const passportConf = require("../config/passport"); 10 | 11 | /** 12 | * Handles the products pagination/navigation 13 | * @param req 14 | * @param res 15 | * @param next 16 | */ 17 | function paginate(req, res, next) { 18 | // step through products 9 times 19 | const perPage = 9; 20 | //TODO: refactor below code further 21 | const page = req.params.page; 22 | 23 | Product.find() 24 | .skip(perPage * page) 25 | .limit(perPage) 26 | .populate("category") 27 | .exec((err, products) => { 28 | if (err) return next(err); 29 | Product.count().exec((err, count) => { 30 | if (err) return next(err); 31 | res.render("main/product-main", { 32 | products: products, 33 | pages: count / perPage, 34 | }); 35 | }); 36 | }); 37 | } 38 | 39 | /** 40 | * Handles mapping between a product in the database and elastic search 41 | */ 42 | Product.createMapping((err, mapping) => { 43 | //TODO: add logic to inform the user of the successful mapping 44 | if (err) { 45 | console.log("Error creating mapping"); 46 | console.log(err); 47 | } else { 48 | console.log("Mapping created"); 49 | } 50 | }); 51 | 52 | let stream = Product.synchronize(), 53 | count = 0; 54 | 55 | stream.on("data", () => { 56 | count++; 57 | }); 58 | 59 | stream.on("close", () => { 60 | console.log("Indexed " + count + " documents from Products"); 61 | }); 62 | 63 | stream.on("error", (err) => { 64 | console.log(err); 65 | }); 66 | 67 | /** 68 | * single product search 69 | */ 70 | router.get("/search", (req, res, next) => { 71 | if (req.query.q) { 72 | Product.search( 73 | { 74 | query_string: { query: req.query.q }, 75 | }, 76 | (err, results) => { 77 | if (err) return next(err); 78 | console.log(results); 79 | let data = results.hits.hits.map((hit) => { 80 | return hit; 81 | }); 82 | console.log(data); 83 | res.render("main/search-result", { 84 | query: req.query.q, 85 | data: data, 86 | }); 87 | } 88 | ); 89 | } 90 | }); 91 | 92 | router.post("/search", (req, res, next) => { 93 | res.redirect("/search?q=" + req.body.q); 94 | }); 95 | 96 | router.post( 97 | "/product/:product_id", 98 | passportConf.isAuthenticated, 99 | (req, res, next) => { 100 | Cart.findOne({ owner: req.user._id }, (err, cart) => { 101 | cart.items.push({ 102 | item: req.body.product_id, 103 | price: parseFloat(req.body.priceValue), 104 | quantity: parseInt(req.body.quantity), 105 | }); 106 | 107 | cart.total = (cart.total + parseFloat(req.body.priceValue)).toFixed(2); 108 | 109 | cart.save((err) => { 110 | if (err) return next(err); 111 | return res.redirect("/cart"); 112 | }); 113 | }); 114 | } 115 | ); 116 | 117 | router.get("/cart", passportConf.isAuthenticated, (req, res, next) => { 118 | Cart.findOne({ owner: req.user._id }) 119 | .populate("items.item") 120 | .exec((err, foundCart) => { 121 | if (err) return next(err); 122 | 123 | res.render("main/cart", { 124 | foundCart: foundCart, 125 | message: req.flash("remove"), 126 | }); 127 | }); 128 | }); 129 | 130 | router.post("/remove", passportConf.isAuthenticated, (req, res, next) => { 131 | Cart.findOne({ owner: req.user._id }, (err, foundCart) => { 132 | foundCart.items.pull(String(req.body.item)); 133 | 134 | foundCart.total = (foundCart.total - parseFloat(req.body.price)).toFixed(2); 135 | 136 | foundCart.save((err, found) => { 137 | if (err) return next(err); 138 | 139 | req.flash("remove", "Successfully removed the product"); 140 | res.redirect("/cart"); 141 | }); 142 | }); 143 | }); 144 | 145 | router.get("/", (req, res, next) => { 146 | if (req.user) { 147 | paginate(req, res, next); 148 | } else { 149 | res.render("main/home"); 150 | } 151 | }); 152 | 153 | router.get("/page/:page", (req, res, next) => { 154 | paginate(req, res, next); 155 | }); 156 | 157 | router.get("/about", (req, res) => { 158 | res.render("main/about"); 159 | }); 160 | 161 | router.get("/users", (req, res) => { 162 | User.find({}, (err, users) => { 163 | res.json(users); 164 | }); 165 | }); 166 | 167 | // return products based on category 168 | router.get("/products/:id", (req, res, next) => { 169 | Product.find({ category: req.params.id }) 170 | .populate("category") 171 | .exec((err, products) => { 172 | if (err) return next(err); 173 | 174 | res.render("main/category", { 175 | products: products, 176 | }); 177 | }); 178 | }); 179 | 180 | // find one product and return it for single product view 181 | router.get("/product/:id", (req, res, next) => { 182 | console.log(req.params.id); 183 | Product.findById({ _id: req.params.id }, (err, product) => { 184 | if (err) return next(err); 185 | 186 | res.render("main/product", { 187 | product: product, 188 | }); 189 | }); 190 | }); 191 | 192 | router.post("/payment", (req, res, next) => { 193 | let stripeToken = req.body.stripeToken; 194 | 195 | let currentCharges = Math.round(req.body.stripeMoney * 100); 196 | 197 | stripe.customers 198 | .create({ 199 | source: stripeToken, 200 | }) 201 | .then((customer) => { 202 | return stripe.charges.create({ 203 | amount: currentCharges, 204 | currency: "usd", 205 | customer: customer.id, 206 | }); 207 | }) 208 | .then((charge) => { 209 | async.waterfall([ 210 | (callback) => { 211 | Cart.findOne({ owner: req.user._id }, (err, cart) => { 212 | callback(err, cart); 213 | }); 214 | }, 215 | (cart, callback) => { 216 | User.findOne({ _id: req.user._id }, (err, user) => { 217 | if (user) { 218 | for (let i = 0; i < cart.items.length; i++) { 219 | user.history.push({ 220 | item: cart.items[i].item, 221 | paid: cart.items[i].price, 222 | }); 223 | } 224 | user.save((err, user) => { 225 | if (err) return next(err); 226 | callback(err, user); 227 | }); 228 | } 229 | }); 230 | }, 231 | (user) => { 232 | Cart.update( 233 | { owner: user._id }, 234 | { $set: { items: [], total: 0 } }, 235 | (err, updated) => { 236 | if (updated) { 237 | res.redirect("/profile"); 238 | } 239 | } 240 | ); 241 | }, 242 | ]); 243 | }); 244 | }); 245 | 246 | module.exports = router; 247 | -------------------------------------------------------------------------------- /routes/user.js: -------------------------------------------------------------------------------- 1 | // external imports 2 | const router = require("express").Router(); 3 | const passport = require("passport"); 4 | const async = require("async"); 5 | 6 | // custom imports 7 | const Cart = require("../models/cart"); 8 | const User = require("../models/user"); 9 | const passportConf = require("../config/passport"); 10 | 11 | /** 12 | * Handles GET HTTP requests for user login 13 | */ 14 | router.get("/login", (req, res) => { 15 | // if user exists, then they have been logged in redirect to home page 16 | if (req.user) return res.redirect("/"); 17 | // user was not logged in, show error message (No user with such credentials found) 18 | res.render("accounts/login", { message: req.flash("loginMessage") }); 19 | }); 20 | 21 | /** 22 | * Handles POST HTTP requests for user login - form submission 23 | */ 24 | router.post( 25 | "/login", 26 | passport.authenticate("local-login", { 27 | successRedirect: "/profile", 28 | failureRedirect: "/login", 29 | failureFlash: true, 30 | }) 31 | ); 32 | 33 | /** 34 | * Handles GET HTTP requests for user profile 35 | */ 36 | router.get("/profile", passportConf.isAuthenticated, (req, res, next) => { 37 | // search for a single user given the user ID 38 | User.findOne({ _id: req.user._id }) 39 | .populate("history.item") 40 | .exec((err, foundUser) => { 41 | if (err) return next(err); // oops error might occur 42 | res.render("accounts/profile", { user: foundUser }); // user found, render the profile view 43 | }); 44 | }); 45 | 46 | /** 47 | * Handles GET HTTP requests for user sign-up 48 | */ 49 | router.get("/signup", (req, res, next) => { 50 | // user sign-up failed, show error message 51 | res.render("accounts/signup", { 52 | errors: req.flash("errors"), 53 | }); 54 | }); 55 | 56 | /** 57 | * Handles POST HTTP request for user sign-up 58 | */ 59 | router.post("/signup", (req, res, next) => { 60 | // executes array of functions in series, passing result of previous function to the next 61 | async.waterfall([ 62 | // function 1 63 | (callback) => { 64 | // create new user model 65 | let user = new User(); 66 | // populate the user properties based on what the user submitted 67 | user.profile.name = req.body.name; 68 | user.name = req.body.name; 69 | user.password = req.body.password; 70 | user.email = req.body.email; 71 | user.profile.picture = user.gravatar(); 72 | 73 | // check submitted email against the database 74 | User.findOne({ email: req.body.email }, (err, existingUser) => { 75 | // does the user already exist? 76 | if (existingUser) { 77 | // return an error message to indicate user already exists 78 | req.flash("errors", "Account with that email address already exists"); 79 | // redirect the user back to signup page with the error 80 | return res.redirect("/signup"); 81 | } else { 82 | // save the user to the database if there is no error 83 | user.save((err, user) => { 84 | // oops error might occur 85 | if (err) return next(err); 86 | // success set user to the callback 87 | callback(null, user); 88 | }); 89 | } 90 | }); 91 | }, 92 | // function 2 - receives result of function 1, see line 83 above 93 | (user) => { 94 | // create a new cart model 95 | const cart = new Cart(); 96 | // set cart owner as the current user 97 | cart.owner = user._id; 98 | // save cart to mongo 99 | cart.save((err) => { 100 | // oops error might occur 101 | if (err) return next(err); 102 | // log user in 103 | req.logIn(user, (err) => { 104 | // error occurred 105 | if (err) return next(err); 106 | // sucess, redirect user to their profile page 107 | res.redirect("/profile"); 108 | }); 109 | }); 110 | }, 111 | ]); 112 | }); 113 | 114 | /** 115 | * Handles GET HTTP requests for user logout 116 | */ 117 | router.get("/logout", (req, res, next) => { 118 | // terminate existing login session 119 | req.logout(); 120 | // send user back to the home/landing page 121 | return res.redirect("/"); 122 | }); 123 | 124 | /** 125 | * Handles GET HTTP requests for editing user profile 126 | */ 127 | router.get("/edit-profile", (req, res, next) => { 128 | // load the edit profile view 129 | res.render("accounts/edit-profile", { message: req.flash("success") }); 130 | }); 131 | 132 | /** 133 | * Handles POST HTTP requests for editing user profile 134 | */ 135 | router.post("/edit-profile", (req, res, next) => { 136 | // check submitted user id against the database 137 | User.findOne({ _id: req.user._id }, (err, user) => { 138 | // error occurred 139 | if (err) return next(err); 140 | // success - update user's name 141 | if (req.body.name) user.profile.name = req.body.name; 142 | // update user address 143 | if (req.body.address) user.address = req.body.address; 144 | // save the newly updated user details 145 | user.save((err) => { 146 | // oops error might occur 147 | if (err) return next(err); 148 | // success - render success notification 149 | req.flash( 150 | "success", 151 | "You have successfully edited your profile information" 152 | ); 153 | // redirect user to the edit profile view 154 | return res.redirect("/edit-profile"); 155 | }); 156 | }); 157 | }); 158 | 159 | /** 160 | * Handle GET HTTP requests from Facebook authentication 161 | */ 162 | router.get( 163 | "/auth/facebook", 164 | passport.authenticate("facebook", { scope: "email" }) 165 | ); 166 | 167 | /** 168 | * Handles GET HTTP results from Facebook authentication 169 | */ 170 | router.get( 171 | "/auth/facebook/callback", 172 | passport.authenticate("facebook", { 173 | successRedirect: "/profile", 174 | failureRedirect: "/login", 175 | }) 176 | ); 177 | 178 | // make route accessible to other files 179 | module.exports = router; 180 | -------------------------------------------------------------------------------- /server.js: -------------------------------------------------------------------------------- 1 | // external imports 2 | const express = require("express"); 3 | const logger = require("morgan"); 4 | const mongoose = require("mongoose"); 5 | const bodyParser = require("body-parser"); 6 | const ejs = require("ejs"); 7 | const engine = require("ejs-mate"); 8 | const session = require("express-session"); 9 | const cookieParser = require("cookie-parser"); 10 | const flash = require("express-flash"); 11 | const MongoStore = require("connect-mongo")(session); 12 | const passport = require("passport"); 13 | const helmet = require("helmet"); 14 | const rateLimit = require("./middleware/rateLimitter.js"); 15 | const getRawBody = require("raw-body"); 16 | const contentType = require("content-type"); 17 | const hpp = require("hpp"); 18 | const toobusy = require("toobusy-js"); 19 | const cpuPercentage = require("./middleware/cpuUsage"); 20 | 21 | // custom imports 22 | const cartLength = require("./middleware/middleware"); 23 | const secret = require("./config/secret"); 24 | const User = require("./models/user"); 25 | const Category = require("./models/category"); 26 | 27 | // get routes 28 | const mainRoutes = require("./routes/main"); 29 | const userRoutes = require("./routes/user"); 30 | const errorRoutes = require("./routes/error"); 31 | const adminRoutes = require("./routes/admin"); 32 | const apiRoutes = require("./api/api"); 33 | 34 | // initialize express 35 | const app = express(); 36 | 37 | // connect node to mongodb 38 | mongoose.connect( 39 | secret.database, 40 | (err) => { 41 | if (err) { 42 | console.log("Make sure the database server is running " + err); 43 | } else { 44 | console.log("Connected to the database"); 45 | } 46 | }, 47 | { useNewUrlParser: true } 48 | ); 49 | 50 | //Security Middleware for backend infrastructure 51 | 52 | app.use( 53 | helmet.frameguard(), 54 | helmet.hsts(), 55 | helmet.noSniff(), 56 | helmet.dnsPrefetchControl(), 57 | helmet.ieNoOpen(), 58 | helmet.referrerPolicy(), 59 | helmet.xssFilter(), 60 | helmet.hidePoweredBy() 61 | ); 62 | // Rate limitter for DDOS attacks 63 | app.use(rateLimit()); 64 | 65 | // Checks whether request size is greater than the permitter value (default added value 2 kb) 66 | // If request size is greater than 2kb rejects the request 67 | app.use(function (req, res, next) { 68 | if (!["POST", "PUT", "DELETE"].includes(req.method)) { 69 | next(); 70 | return; 71 | } 72 | 73 | getRawBody( 74 | req, 75 | { 76 | length: req.headers["content-length"], 77 | limit: "1mb", 78 | encoding: contentType.parse(req).parameters.charset, 79 | }, 80 | function (err, string) { 81 | if (err) return next(err); 82 | req.text = string; 83 | next(); 84 | } 85 | ); 86 | }); 87 | //Server Overload Notifier 88 | app.use(function (req, res, next) { 89 | if (toobusy()) { 90 | // log if you see necessary 91 | console.log(cpuPercentage()); 92 | res.send(503, "Server Too Busy"); 93 | } else { 94 | next(); 95 | } 96 | }); 97 | 98 | //Prevent HTTP Parameter Pollution 99 | app.use(hpp()); 100 | 101 | //middleware 102 | app.use(express.static(__dirname + "/public")); 103 | app.use(logger("dev")); 104 | app.use(bodyParser.json()); 105 | app.use(bodyParser.urlencoded({ extended: true })); 106 | app.use(cookieParser()); 107 | app.use( 108 | session({ 109 | resave: true, 110 | saveUninitialized: true, 111 | secret: secret.secretKey, 112 | store: new MongoStore({ url: secret.database, autoReconnect: true }), 113 | }) 114 | ); 115 | 116 | app.use(flash()); 117 | // set the view 118 | app.engine("ejs", engine); 119 | app.set("view engine", "ejs"); 120 | // make use of our passport module 121 | app.use(passport.initialize()); 122 | app.use(passport.session()); 123 | app.use((req, res, next) => { 124 | // assign each route the user object 125 | res.locals.user = req.user; 126 | next(); 127 | }); 128 | 129 | app.use((req, res, next) => { 130 | /* search for all categories */ 131 | Category.find({}, (err, categories) => { 132 | /*if there is an error return it */ 133 | if (err) return next(err); 134 | 135 | res.locals.categories = categories; 136 | 137 | next(); 138 | }); 139 | }); 140 | 141 | app.use(cartLength); 142 | 143 | // make use of the routes 144 | app.use(mainRoutes); 145 | app.use(userRoutes); 146 | app.use(adminRoutes); 147 | app.use("/api", apiRoutes); 148 | app.use(errorRoutes); 149 | 150 | app.get("/*", (req, res, next) => { 151 | if (typeof req.cookies["connect.sid"] !== "undefined") { 152 | console.log(req.cookies["connect.sid"]); 153 | } 154 | }); 155 | 156 | // configure the server's listen port and give user feedback 157 | app.listen(secret.port, (err) => { 158 | if (err) throw err; 159 | console.log("Go to http://localhost:" + secret.port + " in your browser"); 160 | }); 161 | -------------------------------------------------------------------------------- /views/accounts/edit-profile.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 |
3 |
4 |
5 | <% if (message.length > 0) { %> 6 | 11 | <% } %> 12 |

You are updating your profile information!

13 |
14 |
15 |
16 | 17 | 19 |
20 |
21 | 22 | 23 |
24 |
25 | 26 |
27 |
28 |
29 |
30 |
31 |
-------------------------------------------------------------------------------- /views/accounts/login.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 |
3 |
4 |
5 | <% if (message.length > 0) { %> 6 | 11 | <% } %> 12 |

Welcome back and enjoy the best products at cheaper prices

13 |
14 |
15 |
16 | 17 | 18 |
19 |
20 | 21 | 22 |
23 |
24 | 25 |
26 |
27 |
28 | 29 |    Signin with Facebook 31 |
32 |
33 |
-------------------------------------------------------------------------------- /views/accounts/profile.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 |
3 |
4 |
5 | 6 |
7 |

Name: <%= user.profile.name %>

8 |

Email: <%= user.email %>

9 | <% if(user.address === "" || typeof user.address === 'undefined') { %> 10 |

Address: You have no address information

11 | <% } else { %> 12 |

Address: <%= user.address %>

13 | <%}%> 14 | Edit Profile 15 |
16 |
17 |

History

18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | <% for (var i = 0; i < user.history.length ; i++) { %> 26 | 27 | 28 | 29 | 30 | <%}%> 31 | 32 | 33 |
Item NamePaid:
<%= user.history[i].item.name %>$ <%= user.history[i].paid %>
34 |
35 |
36 |
-------------------------------------------------------------------------------- /views/accounts/signup.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 |
3 |
4 | 5 | <% if (errors.length > 0) { %> 6 | 10 | <% } %> 11 |

Sign up and enjoy our competitive prices - you searched the rest now you found the best!

12 |

Our registered members enjoy the benefits of receiving the latest and newly released products at discount prices. Additionally, they get exclusive free access to our wide range of books, magazines and newsletters

13 |
14 |
15 | 16 | 17 |
18 |
19 | 20 | 21 |
22 |
23 | 24 | 25 |
26 |
27 | 28 |
29 | 30 |
31 |
32 |
-------------------------------------------------------------------------------- /views/admin/add-category.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 |
3 |
4 |
5 | <% if (message.length > 0) { %> 6 | 10 | <%}%> 11 |

Add New Product Category

12 |
13 |
14 |
15 | 16 | 17 |
18 |
19 | 20 |
21 | 22 |
23 |
24 |
-------------------------------------------------------------------------------- /views/layout.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | An Amazon ecommerce store clone 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 19 | 20 | 21 | 22 |
23 | 24 | <% include ./partials/navbar %> 25 | <%- body -%> 26 | <% include ./partials/javascriptonly %> 27 | <% include ./partials/footer %> 28 |
29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /views/main/about.ejs: -------------------------------------------------------------------------------- 1 | <% layout('boilerplate') -%> 2 | 3 |

This is an about page

-------------------------------------------------------------------------------- /views/main/cart.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 |
3 |
4 |
5 | <% if (message.length > 0) { %> 6 | 10 | <% } %> 11 | <% for(var i = 0; i < foundCart.items.length; i++ ){ %> 12 |
13 | 14 |
15 |
16 | 17 |
18 |
19 |

<%= foundCart.items[i].item.name %>

20 | 21 |
22 |
23 |

<%= foundCart.items[i].quantity %>

24 |

P <%= foundCart.items[i].price %>

25 |
26 | 27 | 28 | 29 |
30 |
31 |
32 | 33 |
34 | <% }%> 35 |
36 |
37 |
38 | 39 |
40 |
41 |
42 | 43 |

Total: P <%= foundCart.total %>

44 |
45 | 46 | <% if (foundCart.total == 0) {%> 47 | 48 | <%} else {%> 49 | 50 | <%}%> 51 |
52 | 53 |
54 |
55 | 56 | 129 | 130 |
131 | 132 |
-------------------------------------------------------------------------------- /views/main/category.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 |
3 |
4 | <% for (var i = 0; i < products.length; i++) { %> 5 |
6 | 7 |
8 | 9 |
10 |

<%= products[i].name %>

11 |

<%= products[i].category.name %>

12 |

P <%= products[i].price %>

13 |
14 |
15 | 16 |
17 | <% } %> 18 |
19 |
-------------------------------------------------------------------------------- /views/main/error.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 |
3 |
4 | 5 |
6 |
-------------------------------------------------------------------------------- /views/main/home.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 | 3 | 10 |
11 |
12 |
13 |
14 |
15 |
16 | 17 |
18 |

Affordable Prices

19 |

Our products are affordable and of good quality. Invest your money for greater value. Take a tour of our store and select the best value for your money.

20 | 21 |
22 |
23 |
24 |
25 |
26 | 27 |
28 |

Welcome

29 |

Signup now to enjoy the best products, you can signin using Facebook as well. It's that simple!

30 | 31 |
32 |
33 |
34 |
35 |
36 | 37 |
38 |

Build a smart cart

39 |

Go ahead and select all the best products to meet your needs. We have you covered in every end. Fill your shopping basket now, while prices last!

40 | 41 |
42 |
43 |
44 |
45 |
46 |
47 |
-------------------------------------------------------------------------------- /views/main/product-main.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 | 18 |
19 |
20 | <% for (var i = 0; i < products.length; i++) { %> 21 |
22 | 23 |
24 | 25 |
26 |

<%= products[i].name %>

27 |

<%= products[i].category.name %>

28 |

P <%= products[i].price %>

29 |
30 |
31 | 32 |
33 | <% } %> 34 |
35 |
    36 |
  • 37 | <% for (var i = 1; i < pages; i++) { %> 38 | <% if (i === 1) { %> 39 |
  • <%= i %>
    • 40 | <% } else {%> 41 |
  • <%= i %>
    • 42 | <% } %> 43 | <% } %> 44 | 45 |
46 |
47 | 48 | -------------------------------------------------------------------------------- /views/main/product.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 | 3 |
4 |
5 |
6 | 7 |
8 |
9 | 10 |
11 |
12 |

<%= product.name %>

13 |

P <%= product.price %>

14 | 15 |
16 |
17 | 18 | 19 | 20 | 21 |
22 |
23 | 24 | 25 | Product Name: 26 | 27 | Total (p): 28 |
29 | <% if (user) {%> 30 | 31 | <%} else {%> 32 | Signup to begin buying 33 | <%}%> 34 |
35 |
36 |
37 |
-------------------------------------------------------------------------------- /views/main/search-result.ejs: -------------------------------------------------------------------------------- 1 | <% layout('layout') -%> 2 | 3 | <% if(data.length === 0) { %> 4 |

No products found

5 | <%} else {%> 6 | 7 |
8 |

Results for: <%= query %>

9 |
10 | 11 | <% for (var i = 0; i < data.length; i++) { %> 12 |
13 | 14 |
15 | 16 |
17 |

<%= data[i]._source.name %>

18 |

P <%= data[i]._source.price %>

19 |
20 |
21 | 22 |
23 | <% } %> 24 |
25 |
26 | <%}%> -------------------------------------------------------------------------------- /views/partials/footer.ejs: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /views/partials/javascriptonly.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /views/partials/navbar.ejs: -------------------------------------------------------------------------------- 1 | --------------------------------------------------------------------------------