-
Notifications
You must be signed in to change notification settings - Fork 0
/
edit-product.html
134 lines (128 loc) · 6.26 KB
/
edit-product.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>AluraGeek - Editar producto</title>
<link href="./assets/css/normalize.css" rel="stylesheet" />
<link href="./assets/css/reset.css" rel="stylesheet" />
<link href="./assets/css/banner.css" rel="stylesheet" />
<link href="./assets/css/agregarProducto.css" rel="stylesheet" />
<link href="./assets/css/navbar.css" rel="stylesheet" />
<link href="./assets/css/contacto.css" rel="stylesheet" />
<link href="./assets/css/footer.css" rel="stylesheet" />
<link href="./assets/css/responsive.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/49042185bb.js" crossorigin="anonymous"></script>
</head>
<body>
<header class="header">
<div class="search">
<a href="./index.html"><div class="logo"></div></a>
<div class="search__input">
<input type="text" placeholder="¿Qué deseas buscar?" id="buscarInput">
<a><i class="fa-solid fa-magnifying-glass" id="buscarBtn"></i></a>
</input>
</div>
</div>
<div class="contenedorLogin">
<a href="./login.html"><button class="btnLogin">Login</button></a>
</div>
<div class="lupaResponsive">
<button type="button" class="searchBtn" id="searchResponsiveBtn"><i class="fa-solid fa-magnifying-glass"></i></button>
</div>
<div class="searchResponsive" id="searchResponsive">
<div class="searchResponsive__container" >
<input type="text" placeholder="¿Qué deseas buscar?" id="inputResponsive">
<i class="fa-solid fa-magnifying-glass" id="buscarBtnResponsive"></i>
</div>
</div>
</header>
<section class="agregarProducto">
<div class="agregarProducto__contenedor">
<h1>Editar producto</h1>
<div class="cuadroFlex">
<div class="cuadroArrastre" draggable="true" data-cuadro>
<div data-clear>
<div class="imgCarpeta"><i class="fa-solid fa-image"></i></div>
<div class="imgMas"><i class="fa-solid fa-plus"></i></div>
<h3>Arrastre para agregar una imagen para el producto</h3>
<h4>Agregar una imagen para el producto</h4>
</div>
</div>
<h5>O</h5>
<button class="searchFileBtn" id="buscarImagenDisco">Busque en su computador</button>
</div>
<form class="formularioAgregar" id="dataForm">
<div class="input__nuevoNombre">
<h4>Nombre del producto</h4>
<input type="text" id="nombre" pattern="^\S+\w.*" required>
</div>
<div class="input__nuevoPrecio">
<h4>Precio del producto</h4>
<input type="text" id="precio" name="precio" required>
</div>
<label for="categoriaPrincipal" class="categoriaLabel">Categoria</label>
<select name="categoriaPrincipal" id="categoriaPrincipal" class="input__nuevaCategoria">
<option value="">Star Wars</option>
<option value="">Consolas</option>
<option value="">Diversos</option>
</select>
<div class="input__nuevoDescripcion">
<h4>Descripción del producto</h4>
<textarea id="descripcion" required></textarea>
</div>
<button type="submit" class="agregarProd__btn" id="sendBtn">Editar producto</button>
</form>
</div>
</section>
<section class="contacto">
<div class="contactoContainer">
<div class="contacto__logoContainer">
<div class="contacto__logoContainer--img">
<a href="./index.html"><div class="contacto__logo"></div></a>
</div>
<div class="contacto__logoContainer--list">
<ul class="contacto__menu">
<li class="contacto__menu--item"><a href="">Quienes somos</a></li>
<li class="contacto__menu--item"><a href="">Politica de Privacidad</a></li>
<li class="contacto__menu--item"><a href="">Programa de fidelidad</a></li>
<li class="contacto__menu--item"><a href="">Nuestras Tiendas</a></li>
<li class="contacto__menu--item"><a href="">Quiero ser franquiciado</a></li>
<li class="contacto__menu--item"><a href="">Anúncie aquí</a></li>
</ul>
</div>
</div>
<form action="" class="formulario">
<h3 class="formulario__titulo">Hable con nosotros</h3>
<div class="formulario__nombre">
<input type="text" name="nombre" required>
<h4 class="nombre__placeholder">Nombre</h4>
</div>
<div class="formulario__mensaje">
<textarea name="mensaje" placeholder="Escribe tu mensaje" required></textarea>
</div>
<a href=""><button class="btn">Enviar mensaje</button></a>
</form>
</div>
</section>
<footer class="footer">
<div class="footer__container">
<h4>Desarrollado por Nicolás Nuccelli</h4>
<h4>2022</h4>
</div>
</footer>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/uuid/8.3.2/uuid.min.js"
integrity="sha512-UNM1njAgOFUa74Z0bADwAq8gbTcqZC8Ej4xPSzpnh0l6KMevwvkBvbldF9uR++qKeJ+MOZHRjV1HZjoRvjDfNQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script type="module" src="./controllers/search.controller.js"></script>
<script type="text/javascript" src="./assets/js/validation.js"></script>
<script type="module" src="./controllers/edit.controller.js"></script>
</body>
</html>