9 |
Espero les resulte de utilidad
13 | 14 |Si quieres ir desde 0 a 100 en el Desarrollo Web FullStack - (Front-End y Back-End): Aquí te dejo una ruta que te prepare:
15 |
18 | 
19 | |
20 |
21 | 
22 | |
23 |
24 | 
25 | |
26 |
27 | 
28 | |
29 |
35 | 
36 | |
37 |
'}),et=a(a({},$.DefaultType),{},{content:"(string|element|function)"}),nt={HIDE:"hide.bs.popover",HIDDEN:"hidden.bs.popover",SHOW:"show.bs.popover",SHOWN:"shown.bs.popover",INSERTED:"inserted.bs.popover",CLICK:"click.bs.popover",FOCUSIN:"focusin.bs.popover",FOCUSOUT:"focusout.bs.popover",MOUSEENTER:"mouseenter.bs.popover",MOUSELEAVE:"mouseleave.bs.popover"},it=function(t){var n,i;function s(){return t.apply(this,arguments)||this}i=t,(n=s).prototype=Object.create(i.prototype),n.prototype.constructor=n,n.__proto__=i;var r=s.prototype;return r.isWithContent=function(){return this.getTitle()||this._getContent()},r.addAttachmentClass=function(t){e(this.getTipElement()).addClass("bs-popover-"+t)},r.getTipElement=function(){return this.tip=this.tip||e(this.config.template)[0],this.tip},r.setContent=function(){var t=e(this.getTipElement());this.setElementContent(t.find(".popover-header"),this.getTitle());var n=this._getContent();"function"==typeof n&&(n=n.call(this.element)),this.setElementContent(t.find(".popover-body"),n),t.removeClass("fade show")},r._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},r._cleanTipClass=function(){var t=e(this.getTipElement()),n=t.attr("class").match(Z);null!==n&&n.length>0&&t.removeClass(n.join(""))},s._jQueryInterface=function(t){return this.each((function(){var n=e(this).data("bs.popover"),i="object"==typeof t?t:null;if((n||!/dispose|hide/.test(t))&&(n||(n=new s(this,i),e(this).data("bs.popover",n)),"string"==typeof t)){if("undefined"==typeof n[t])throw new TypeError('No method named "'+t+'"');n[t]()}}))},o(s,null,[{key:"VERSION",get:function(){return"4.5.0"}},{key:"Default",get:function(){return tt}},{key:"NAME",get:function(){return J}},{key:"DATA_KEY",get:function(){return"bs.popover"}},{key:"Event",get:function(){return nt}},{key:"EVENT_KEY",get:function(){return".bs.popover"}},{key:"DefaultType",get:function(){return et}}]),s}($);e.fn[J]=it._jQueryInterface,e.fn[J].Constructor=it,e.fn[J].noConflict=function(){return e.fn[J]=G,it._jQueryInterface};var ot="scrollspy",st=e.fn[ot],rt={offset:10,method:"auto",target:""},at={offset:"number",method:"string",target:"(string|element)"},lt=function(){function t(t,n){var i=this;this._element=t,this._scrollElement="BODY"===t.tagName?window:t,this._config=this._getConfig(n),this._selector=this._config.target+" .nav-link,"+this._config.target+" .list-group-item,"+this._config.target+" .dropdown-item",this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,e(this._scrollElement).on("scroll.bs.scrollspy",(function(t){return i._process(t)})),this.refresh(),this._process()}var n=t.prototype;return n.refresh=function(){var t=this,n=this._scrollElement===this._scrollElement.window?"offset":"position",i="auto"===this._config.method?n:this._config.method,o="position"===i?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),[].slice.call(document.querySelectorAll(this._selector)).map((function(t){var n,s=c.getSelectorFromElement(t);if(s&&(n=document.querySelector(s)),n){var r=n.getBoundingClientRect();if(r.width||r.height)return[e(n)[i]().top+o,s]}return null})).filter((function(t){return t})).sort((function(t,e){return t[0]-e[0]})).forEach((function(e){t._offsets.push(e[0]),t._targets.push(e[1])}))},n.dispose=function(){e.removeData(this._element,"bs.scrollspy"),e(this._scrollElement).off(".bs.scrollspy"),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},n._getConfig=function(t){if("string"!=typeof(t=a(a({},rt),"object"==typeof t&&t?t:{})).target&&c.isElement(t.target)){var n=e(t.target).attr("id");n||(n=c.getUID(ot),e(t.target).attr("id",n)),t.target="#"+n}return c.typeCheckConfig(ot,t,at),t},n._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},n._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},n._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},n._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t
51 |
52 |
54 |
56 | */
57 |
58 | return res.render(path.resolve(__dirname, '../views/usuarios/registro'), {
59 | errors: errors.errors, old: req.body
60 | });
61 | }
62 | },
63 | ingresar: (req,res) =>{
64 | const errors = validationResult(req);
65 | //return res.send(errors.mapped());
66 | if(errors.isEmpty()){
67 | let archivoUsuarios = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../database/usuarios.json')));
68 | let usuarioLogueado = archivoUsuarios.find(usuario => usuario.email == req.body.email)
69 | //return res.send(usuarioLogueado);
70 | //Como podemos modificar nuestros req.body
71 | delete usuarioLogueado.password;
72 | req.session.usuario = usuarioLogueado; //Guardar del lado del servidor
73 | //Aquí voy a guardar las cookies del usuario que se loguea
74 | if(req.body.recordarme){
75 | res.cookie('email',usuarioLogueado.email,{maxAge: 1000 * 60 * 60 * 24})
76 | }
77 | return res.redirect('/'); //Aquí ustedes mandan al usuario para donde quieran (Perfil- home - a donde deseen)
78 |
79 | }else{
80 | //Devolver a la vista los errores
81 | res.render(path.resolve(__dirname, '../views/usuarios/login'),{errors:errors.mapped(),old:req.body});
82 | }
83 | },
84 | logout: (req,res) =>{
85 | req.session.destroy();
86 | res.cookie('email',null,{maxAge: -1});
87 | res.redirect('/')
88 | }
89 |
90 | }
91 | module.exports = controllersUser;
92 |
--------------------------------------------------------------------------------
/src/controllers/controllersWeb.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const fs = require('fs');
3 |
4 | let motos = JSON.parse(fs.readFileSync(path.resolve(__dirname,'..','database','motos.json')));
5 |
6 |
7 | module.exports = {
8 | index: function(req,res){
9 | //res.sendFile(path.resolve(__dirname, '..', 'views','web','index.html'));
10 | res.render(path.resolve(__dirname, '..', 'views','web','index'),{motos});
11 | }
12 |
13 | }
--------------------------------------------------------------------------------
/src/database/motos.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "id": "1",
4 | "nombre": "Moto honda c125c",
5 | "descripcion": "Some quick example text to build on the card title and make up the bulk of the card's content.",
6 | "precio": "150.000",
7 | "descuento": "30",
8 | "imagen": "color-rojo-wave.jpg"
9 | },
10 | {
11 | "id": 2,
12 | "nombre": "Moto honda xr150",
13 | "descripcion": "Some quick example text to build on the card title and make up the bulk of the card's content.",
14 | "precio": "250.000",
15 | "descuento": "30",
16 | "imagen": "roja-xr150-color.jpg"
17 | },
18 | {
19 | "id": 3,
20 | "nombre": "Moto honda cgtitan190",
21 | "descripcion": "Some quick example text to build on the card title and make up the bulk of the card's content.",
22 | "precio": "345.000",
23 | "descuento": "15",
24 | "imagen": "cgtitan-color-negro.jpg"
25 | },
26 | {
27 | "id": 4,
28 | "nombre": "Moto honda repsol cb190",
29 | "descripcion": "Some quick example text to build on the card title and make up the bulk of the card's content.",
30 | "precio": "286.000",
31 | "descuento": "15",
32 | "imagen": "cb190r-repsol.jpg"
33 | }
34 | ]
--------------------------------------------------------------------------------
/src/database/usuarios.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "nombre": "Eduardo",
4 | "apellido": "Virgilio",
5 | "email": "edu@gmail.com",
6 | "password": "$2a$10$mQIr77kIe9ow7d0VrIbWsuR8MVbiNLbo/pVMc7fanVw2X8t3QAmaK",
7 | "avatar": "foto-1614650624760.jpg",
8 | "role": 1
9 | },
10 | {
11 | "nombre": "Daniel",
12 | "apellido": "Fuentes",
13 | "email": "cedavilu@gmail.com",
14 | "password": "$2a$10$CQvuD3pEqDa0EwgsUR6q6.GP9xeJflT1BPuzXNtzfFF9CQaXWSMdq",
15 | "avatar": "foto-1614819222033.png",
16 | "role": 9
17 | }
18 | ]
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const app = express();
3 | const path = require('path');
4 | const methodOverride = require('method-override');
5 |
6 | //Aqui requiero los paquetes para trabajar lo referido a session y cookies
7 | const session = require('express-session');
8 | const cookieParser = require('cookie-parser');
9 |
10 |
11 | //Requerir nuestro middleware - Aplicación
12 | //Requiero el middleware que controla si el sitio está o no culminado
13 | const mantenimiento = require('./middlewares/mantenimiento');
14 | //Requerir el middleware que controla si el usuario está o no Logueado
15 | const acceso = require('./middlewares/acceso');
16 |
17 | //Para indicarle express la carpeta donde se encuentran los archivos estáticos
18 | app.use(express.static(path.resolve(__dirname, '..', 'public')));
19 |
20 | //app.use(mantenimiento);
21 |
22 |
23 | //Debemos indicar cual es el motor de plantillas que estamos usando EJS
24 | app.set('view engine','ejs');
25 | //URL encode - Para que nos pueda llegar la información desde el formulario al req.body
26 | app.use(express.urlencoded({ extended: false }));
27 | //Middleware de aplicación el cual se encargue de controlar la posibilidad de usar otros métodos diferentes al GET y al POST, en nuestros formularios
28 | app.use(methodOverride('_method'));
29 |
30 |
31 | // Aquí requerimos nuestros middlewares de session y cookies
32 | /*
33 | Cuando un cliente realiza una solicitud HTTP, y esa solicitud no contiene una cookie de sesión, express-session creará una nueva sesión. Crear una nueva sesión hace algunas cosas:
34 |
35 | generar una identificación de sesión única
36 | almacenar esa identificación de sesión en una cookie de sesión (para que se puedan identificar las solicitudes posteriores realizadas por el cliente)
37 | crear un objeto de sesión vacío, como req.session
38 | dependiendo del valor de saveUninitialized, al final de la solicitud, el objeto de sesión se almacenará en el almacén de sesión (que generalmente es algún tipo de base de datos)
39 |
40 | Si durante la vida útil de la solicitud el objeto de sesión no se modifica, al final de la solicitud y cuando saveUninitialized es falso, el objeto de sesión (aún vacío, porque no modificado) no se almacenará en la tienda de sesión.
41 |
42 | El razonamiento detrás de esto es que esto evitará que muchos objetos de sesión vacíos se almacenen en el almacén de sesión. Como no hay nada útil para almacenar, la sesión se "olvida" al final de la solicitud.
43 |
44 | ¿Cuándo quieres habilitar esto? Cuando desee poder identificar visitantes recurrentes, por ejemplo. Podrá reconocer a ese visitante porque envía la cookie de sesión que contiene la identificación única.
45 |
46 | Acerca de resave: es posible que esto deba habilitarse para los almacenes de sesiones que no admiten el comando "táctil". Lo que esto hace es decirle al almacén de sesiones que una sesión en particular aún está activa, lo cual es necesario porque algunos almacenes eliminarán las sesiones inactivas (no utilizadas) después de algún tiempo.
47 |
48 | Si un controlador de la tienda de sesión no implementa el comando táctil, entonces debe habilitar resave de modo que incluso cuando una sesión no se modificó durante una solicitud, todavía se actualice en la tienda (marcándola como activa).
49 |
50 | */
51 |
52 | app.use(session({
53 | secret : 'topSecret',
54 | resave: true,
55 | saveUninitialized: true,
56 | }))
57 |
58 | //Aqui coloco el Middleware para activar lo referido a las cookies
59 | app.use(cookieParser());
60 |
61 | //Middleware de aplicación que se encarga de controlar si el usuario está logueado o no.
62 | app.use(acceso);
63 |
64 |
65 | //Requerir las rutas
66 | const webRoutes = require('./routes/web');
67 | const userRoutes = require('./routes/user');
68 | const productoRoutes = require('./routes/producto');
69 | const adminRoutes = require('./routes/admin');
70 | //Para usar las rutas
71 | app.use(webRoutes);
72 | app.use(productoRoutes);
73 | app.use(userRoutes);
74 | app.use(adminRoutes);
75 | //Levantar servidor
76 | app.listen(3001, 'localhost', ()=> console.log('Servidor corriendo en el puerto 3001'));
77 |
--------------------------------------------------------------------------------
/src/middlewares/acceso.js:
--------------------------------------------------------------------------------
1 | /* Esto fue lo primero que practicamos - para ver como funcionan los middleware
2 |
3 | const path = require('path');
4 | module.exports = (req,res,next) =>{
5 | let perfil = 1; // Para mi 9 es = Administrador
6 | if(perfil != 9){
7 | return res.render(path.resolve(__dirname, '../views/web/accesoDenegado'));
8 | }else{
9 | next();
10 | }
11 | }
12 | */
13 |
14 | const fs = require('fs');
15 | const path = require('path');
16 | let archivoUsuarios = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../database/usuarios.json')));
17 |
18 | module.exports = (req,res,next) =>{
19 | //Variable locals (super global - vive en las vistas )
20 | res.locals.usuario = false;
21 | if(req.session.usuario){
22 | res.locals.usuario = req.session.usuario;
23 | return next();
24 | }else if(req.cookies.email){
25 | let usuario = archivoUsuarios.find(usuario => usuario.email == req.cookies.email)
26 | //return res.send(usuario);
27 | //delete usuario.password;
28 | req.session.usuario = usuario;
29 | res.locals.usuario = usuario;
30 | return next();
31 | }else{
32 | return next();
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/middlewares/mantenimiento.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 |
3 | module.exports = (req,res,next) =>{
4 | return res.render(path.resolve(__dirname, '../views/web/mantenimiento'));
5 |
6 | next();
7 | }
--------------------------------------------------------------------------------
/src/routes/admin.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const router = express.Router();
3 | const path = require('path');
4 | const multer = require('multer');
5 |
6 | const controllersAdmin = require(path.resolve(__dirname,'../controllers/controllersAdmin'));
7 | //Requerir el middleware Ruta Acceso
8 | const acceso = require(path.resolve(__dirname,'../middlewares/acceso'));
9 |
10 | //Como podemos indicar para subir el archivo nombre y donde guardarlo
11 | var storage = multer.diskStorage({
12 | destination: function (req, file, cb) {
13 | cb(null, path.resolve(__dirname, '../../public/images/motos'));
14 | },
15 | filename: function (req, file, cb) {
16 | cb(null, 'moto-'+Date.now()+path.extname(file.originalname))
17 | }
18 | })
19 |
20 | const upload = multer({ storage })
21 |
22 | router.get('/administrar', acceso, controllersAdmin.index);
23 | router.get('/administrar/create', controllersAdmin.create);
24 | router.post('/administrar/create', upload.single('imagen'), controllersAdmin.save);
25 | router.get('/administrar/detail/:id', controllersAdmin.show);
26 | router.get('/administrar/edit/:id', controllersAdmin.edit);
27 | router.put('/administrar/edit/:id', upload.single('imagen'), controllersAdmin.update);
28 | router.get('/administrar/delete/:id', controllersAdmin.destroy);
29 |
30 | module.exports = router;
--------------------------------------------------------------------------------
/src/routes/producto.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const router = express.Router();
3 | const path = require('path');
4 |
5 | const controllersProducto = require(path.resolve(__dirname, '..', 'controllers', 'controllersProducto'));
6 |
7 | router.get('/productos', controllersProducto.index);
8 |
9 | module.exports = router;
--------------------------------------------------------------------------------
/src/routes/user.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const router = express.Router();
3 | const path = require('path');
4 |
5 | //Requiero el paquete para comparar las contraseñas que tengo hash (Pueden instalar el paquete bcrypt o bcryptjs)
6 | const bcrypt = require('bcryptjs');
7 | //Requiero fs ya que debo leer el archivo json de usuarios y verificar si el usuario que se está reistrando existe o no
8 | const fs = require('fs');
9 | //Requiero Multer, ya que voy a permitir que el usuario que se registre suba su avatar
10 | const multer = require('multer');
11 |
12 | //Requiero el paquete expres-validator
13 | const { body } = require('express-validator');
14 |
15 | //Requerir el modulo de los controladores
16 | const controllersUser = require(path.resolve(__dirname, '../controllers/controllersUser'));
17 |
18 | //Aquí aperturo mi archivo de usuarios, ya que al registrarse un usuario es conveniente buscar que no exista una ya registrado con el mismo email o id o el campo que utlicen para identificar al usuario.
19 |
20 | let archivoUsuarios = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../database/usuarios.json')))
21 |
22 |
23 | //Aquí le incoporé lo referido a la carga de la imagen
24 |
25 | //Aquí dispongo la información del storage para tratamiento de guardado imagenes
26 | //https://www.npmjs.com/package/multer
27 | const storage = multer.diskStorage({
28 | destination: function (req, file, cb) {
29 | cb(null, path.resolve(__dirname, '../../public/images/usuarios')); //Aquí deben indicar donde van a guardar la imagen
30 | },
31 | filename: function (req, file, cb) {
32 | cb(null, 'foto' + '-' + Date.now()+ path.extname(file.originalname));
33 | }
34 | })
35 |
36 | const upload= multer({ storage })
37 |
38 | //Aquí ejecuto mis validaciones
39 | const validacionesLogin = [
40 | body('email').isEmail().withMessage('Agregar un email válido'),
41 | body('password').isLength({min: 6 }).withMessage('La contraseña debe tener un mínimo de 6 caractéres'),
42 | body('email').custom( (value ) =>{
43 | for (let i = 0; i < archivoUsuarios.length; i++) {
44 | if (archivoUsuarios[i].email == value) {
45 | return true
46 | }
47 | }
48 | return false
49 | }).withMessage('Usuario no se encuentra registrado...'),
50 |
51 | //Aquí valido si la contraseña colocada es la misma a la que tenemos hasheada
52 | body('password').custom( (value, {req}) =>{
53 | for (let i = 0; i < archivoUsuarios.length; i++) {
54 | if (archivoUsuarios[i].email == req.body.email) {
55 | if(bcrypt.compareSync(value, archivoUsuarios[i].password)){
56 | return true;
57 | }else{
58 | return false;
59 | }
60 | }
61 | }
62 |
63 | }).withMessage('Usurio o contraseña no coinciden'),
64 | ]
65 |
66 | //Aquí armo las validaciones del Registro
67 | const validacionesRegistro = [
68 | //Aquí incoporé otras validaciones, para que las tengan de guía para sus proyectos
69 | body('first_name').isLength({
70 | min: 1
71 | }).withMessage('El campo nombre no puede estar vacío'),
72 | body('last_name').isLength({min: 1
73 | }).withMessage('El campo apellido no puede estar vacío'),
74 | body('email').isEmail().withMessage('Agregar un email válido'),
75 |
76 | //Aquí valido el Password
77 | body('password').isLength({min: 6 }).withMessage('La contraseña debe tener un mínimo de 6 caractéres'),
78 |
79 | //Aquí valido la confimación del password dispuesto por el usuario
80 | body('confirm_password').isLength({min: 6 }).withMessage('La confirmación de la contraseña debe tener un mínimo de 6 caractéres'),
81 |
82 | //Aquí valido si las contraseñas son iguales o no
83 | //El ( value ) viene a ser el valor que viaje en el name del del input del campo
84 | //El valor { req } corresponde a lo que viene desde el formulario
85 |
86 | body('confirm_password').custom((value, {req}) =>{
87 | if(req.body.password == value ){
88 | return true // Si yo retorno un true no se muestra el error
89 | }else{
90 | return false // Si retorno un false si se muestra el error
91 | }
92 | }).withMessage('Las contraseñas deben ser iguales'),
93 |
94 | //Aquí obligo a que el usuario seleccione su avatar
95 | body('avatar').custom((value, {req}) =>{
96 | if(req.file != undefined){
97 | return true
98 | }
99 | return false;
100 | }).withMessage('Debe elegir su avatar y debe ser un archivo con formato: .JPG ó JPEG ó PNG')
101 | ]
102 |
103 |
104 |
105 | // Métodos en nuestros controladores: index - show - edit - delete
106 | router.get('/login', controllersUser.login);
107 | router.post('/login', validacionesLogin,controllersUser.ingresar);
108 |
109 | router.get('/registro', controllersUser.registro);
110 |
111 | //Aqui en esta ruta envio al controlador el avatar del usuario así como las respectivas validaciones
112 |
113 | router.post('/registro', upload.single('avatar'),validacionesRegistro, controllersUser.create);
114 |
115 | //Esta es la ruta que se activa al momento que el usuario desea salir de la página
116 | router.get('/logout', controllersUser.logout);
117 | module.exports = router;
--------------------------------------------------------------------------------
/src/routes/web.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const router = express.Router();
3 | const path = require('path');
4 |
5 |
6 | //Para nuestras rutas debemos considerar lo siguiente:
7 | //Si ustedes quieren mostrar toda la informacion de lo que deseen: index
8 | //Si desean mostrar el detalle de un producto: show
9 | //Si desean actualizar un producto: edit
10 | // Si desean crear un producto o usuario: create
11 | //Si desean borrar un producto: delete
12 |
13 | //Debo requerir nuestro controlador
14 | const controllersWeb = require(path.resolve(__dirname, '..', 'controllers', 'controllersWeb'));
15 | //Armo mis rutas
16 | router.get('/', controllersWeb.index);
17 | //router.get('/nosotros', controllersWeb.nosotros);
18 | //router.get('/contacto', controllersWeb.contacto);
19 | module.exports = router;
--------------------------------------------------------------------------------
/src/views/admin/administrar.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 | <%- include('../partials/head.ejs') %>
4 |
5 | <%= typeof errors == 'undefined' ? '' : errors.username ? errors.username.msg : '' %>
55 |9 |
10 |
12 | Crear un Producto
11 |
17 |
55 |
18 |
54 |
19 |
53 |
20 |
51 |
52 | 9 |
13 | 
16 | <% } else if(miMoto.descuento == 15){%>
17 | 
18 | <%}%>
19 |
20 |
25 | Volver
26 | <%= miMoto.nombre%>
21 |$ <%= miMoto.precio %>
22 |<%= miMoto.descripcion %>
23 | 24 |
12 |
14 | Actualizar un Producto
13 |
19 |
64 |
20 |
63 |
21 |
62 |
22 |
60 |
61 | 
4 | 9 |
Que buenas Hondas
11 |
22 | <% }else if(motos[i].descuento == 15 ){ %>
23 | 
24 | <% } %>
25 | <%= motos[i].nombre%>
27 |$ <%= motos[i].precio%>
28 |<%= motos[i].descripcion%>
29 | Ver detalle 30 |
6 | <%- include('../partials/navBar'); %>
7 |
8 |
9 |
10 |
16 |
17 |
18 |
19 |
56 |
57 |
58 |
59 |
--------------------------------------------------------------------------------
/src/views/usuarios/registro.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 | <%-include('../partials/head') %>
4 |
5 |
11 |
15 | Iniciar Sesión
12 |Introduzca su correo y contraseña.
13 | 14 |
20 |
55 |
21 |
54 |
22 |
53 |
23 |
50 |
51 |
52 |
6 | <%- include('../partials/navBar') %>
7 |
8 |
9 |
10 |
15 |
16 |
17 |
18 |
61 |
62 |
63 |
64 |
--------------------------------------------------------------------------------
/src/views/web/accesoDenegado.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 | <%- include('../partials/head') %>
4 |
5 |
11 |
14 | Registrate
12 |Crea tu cuenta, sólo te tomara unos minutos.
13 |
19 |
60 |
20 |
59 |
21 |
22 | <% if(typeof(errors) != 'undefined'){%>
23 |
58 | -
24 | <% errors.forEach(error => { %>
25 |
- <%= error.msg%> 26 | <%});%> 27 |
31 |
55 |
57 | Ya tengo una cuenta? Inicia sesión
56 | 
9 | 
9 | Descubre y disfruta tu Honda
12 |Lorem ipsum dolor sit amet consectetur adipisicing elit. Et blanditiis quia perspiciatis! Nobis vitae officiis iusto nisi distinctio velit repellendus doloribus laudantium aperiam obcaecati, dolore quis deleniti unde asperiores aliquam, omnis aspernatur veritatis pariatur aut officia, quibusdam perspiciatis. Qui Mollitia vitae, soluta eius sequi sit ratione culpa asperiores rerum expedita. Dolorum vero eveniet assumenda repellat fugit molestias omnis harum eius, molestiae a facilis quas, velit perferendis! Exercitationem expedita vel delectus sapiente corrupti odio, id eius commodi atque repellat iure consequuntur in veniam? Repellendus praesentium sequi tempore quas voluptas? Magnam dignissimos corporis.
17 |
20 | Las más vendidas
24 |
35 | <% }else if(motos[i].descuento == 15 ){ %>
36 |
37 | <% } %>
38 | <%= motos[i].nombre%>
40 |$ <%= motos[i].precio%>
41 |<%= motos[i].descripcion%>
42 | Ver detalle 43 |
9 |