franpcode/API-and-CRUD-for-Ecommerce-with-Node.js-FRONTEND
1
0
Fork 0
mirror of https://github.com/FranP-code/API-and-CRUD-for-Ecommerce-with-Node.js-FRONTEND.git synced 2025-10-12 23:52:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

translated to english

Browse Source
This commit is contained in:
Francisco Pessano
2021-11-18 22:42:33 -03:00
parent 4bbffe9d0c
commit 877c358802
5 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@@ -51,10 +51,10 @@
<thead> <thead>
<tr> <tr>
<th> <th>
Cantidad Quantity
</th> </th>
<th> <th>
Producto Product
</th> </th>
<th> <th>
Tax Tax
@@ -111,15 +111,15 @@
<div class="botones-de-descuento"> <div class="botones-de-descuento">
<button class="button"> <button class="button">
DESCUENTO DE EMPLEADOS EMPLOTEE DISCOUNT
</button> </button>
<button class="button"> <button class="button">
VISTA CLIENTE CUSTOMER VIEW
</button> </button>
<button class="button"> <button class="button">
CÓDIGO PROMOCIONAL CUPPON
</button> </button>
</div> </div>
</div> </div>
@@ -131,16 +131,16 @@
<nav> <nav>
<ul> <ul>
<li class="button"> <li class="button">
BEBIDAS DRINKS
</li> </li>
<li class="button"> <li class="button">
COMIDAS FOODS
</li> </li>
<li class="button"> <li class="button">
REPOSTERÍA Y PANADERÍA PASTRY AND BAKERY
</li> </li>
<li class="button"> <li class="button">
REFRIGERADOS REFRIGERATED
</li> </li>
</ul> </ul>
</nav> </nav>
@@ -183,7 +183,7 @@
<div class="opcion"> <div class="opcion">
<span class="text"> <span class="text">
DEBITO DEBIT
</span> </span>
</div> </div>
@@ -196,7 +196,7 @@
<div class="pagar button"> <div class="pagar button">
<span>PAGAR</span> <span>PAY</span>
</div> </div>

4
scripts/pagarLogica.js
View File

@@ -6,7 +6,7 @@ const pagarLogica = (checkout) => {
if (JSON.stringify(checkout) === '{}') { if (JSON.stringify(checkout) === '{}') {
alert('Por favor, agregue uno o mas productos.') alert('Please, add one or more products to buy.')
return return
} }
@@ -17,7 +17,7 @@ const pagarLogica = (checkout) => {
mensajeCompra.id = 'mensaje-compra' mensajeCompra.id = 'mensaje-compra'
let mensaje = document.createElement('h2') let mensaje = document.createElement('h2')
mensaje.innerText = 'Espere, será enviado a la pasarela de pagos en breve...' mensaje.innerText = 'Please wait, it will be sent to the payment gateway shortly...'
mensajeCompra.appendChild(mensaje) mensajeCompra.appendChild(mensaje)
container.appendChild(mensajeCompra) container.appendChild(mensajeCompra)

2
scripts/script.js
View File

@@ -1,6 +1,6 @@
//? GLOBAL //? GLOBAL
let activeCategory = 'BEBIDAS' let activeCategory = 'DRINKS'
let checkout = {} let checkout = {}
let globalProductos = [] let globalProductos = []

20
scripts/traerProductosDeAPI.js
View File

@@ -6,56 +6,56 @@ const traerProductosDeAPI = async () => {
name: 'Coca-Cola', name: 'Coca-Cola',
price: 3.5, price: 3.5,
img: './img/cocacola-lata.jpg', img: './img/cocacola-lata.jpg',
category: 'bebidas' category: 'drinks'
}, },
product2: { product2: {
name: 'Coca-Cola Zero', name: 'Coca-Cola Zero',
price: 3.5, price: 3.5,
img: './img/cocacola-zero.jpg', img: './img/cocacola-zero.jpg',
category: 'bebidas' category: 'drinks'
}, },
product3: { product3: {
name: 'Manzana Post.', name: 'Manzana Post.',
price: 3.5, price: 3.5,
img: './img/postobon-manzana-lata.jpg', img: './img/postobon-manzana-lata.jpg',
category: 'bebidas' category: 'drinks'
}, },
product4: { product4: {
name: 'Agua Natural', name: 'Agua Natural',
price: 3.5, price: 3.5,
img: './img/agua-500ml.jpg', img: './img/agua-500ml.jpg',
category: 'bebidas' category: 'drinks'
}, },
product5: { product5: {
name: 'Naranja Post.', name: 'Naranja Post.',
price: 3.5, price: 3.5,
img: './img/naranja-postobon.jpg', img: './img/naranja-postobon.jpg',
category: 'bebidas' category: 'drinks'
}, },
product6: { product6: {
name: 'Tropical 2L', name: 'Tropical 2L',
price: 3.5, price: 3.5,
img: './img/tropical-ecuador-botella.jpg', img: './img/tropical-ecuador-botella.jpg',
category: 'bebidas' category: 'drinks'
}, },
product7: { product7: {
name: 'Piña Postobon', name: 'Piña Postobon',
price: 3.5, price: 3.5,
img: './img/postobon-pina.jpg', img: './img/postobon-pina.jpg',
category: 'bebidas' category: 'drinks'
}, },
product8: { product8: {
name: 'Asado', name: 'Asado',
price: 15, price: 15,
img: './img/Asado.jpg', img: './img/Asado.jpg',
category: 'comidas' category: 'foods'
}, },
@@ -63,7 +63,7 @@ const traerProductosDeAPI = async () => {
name: "Medialunas Dulces", name: "Medialunas Dulces",
price: 2, price: 2,
img: './img/Medialunas dulces.jpg', img: './img/Medialunas dulces.jpg',
category: 'REPOSTERÍA Y PANADERÍA' category: 'pastry and bakery'
}, },
product10: { product10: {
@@ -71,7 +71,7 @@ const traerProductosDeAPI = async () => {
name: 'Papas fritas congeladas', name: 'Papas fritas congeladas',
price: 5, price: 5,
img: './img/Papas fritas congeladas.jpg', img: './img/Papas fritas congeladas.jpg',
category: 'refrigerados' category: 'refrigerated'
} }
} }
} }

3
style.css
View File

@@ -270,6 +270,8 @@ header .perfil img.profile-menu {
flex-grow: 1; flex-grow: 1;
border-radius: 5px; border-radius: 5px;
user-select: none;
} }
.pagina-principal .primer-columna .botones-de-descuento :first-child { .pagina-principal .primer-columna .botones-de-descuento :first-child {
@@ -312,6 +314,7 @@ header .perfil img.profile-menu {
margin: 1vh 0px; margin: 1vh 0px;
user-select: none;
} }
.pagina-principal .segunda-columna nav ul li.active { .pagina-principal .segunda-columna nav ul li.active {