-
Notifications
You must be signed in to change notification settings - Fork 0
/
update_product.html
150 lines (147 loc) · 9.39 KB
/
update_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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>REGISTRO PRODUTO | AluraGeek</title>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./asset/css/base/base.css">
<link rel="stylesheet" href="./asset/css/home-page.css">
<link rel="stylesheet" href="./asset/css/components/header-home.css">
<link rel="stylesheet" href="./asset/css/components/header-register_product.css">
<link rel="stylesheet" href="./asset/css/components/images.css">
<link rel="stylesheet" href="./asset/css/components/inputs.css">
<link rel="stylesheet" href="./asset/css/components/buttons.css">
<link rel="stylesheet" href="./asset/css/components/register_product.css">
<link rel="stylesheet" href="./asset/css/components/nav-footer.css">
<link rel="stylesheet" href="./asset/css/components/contact.css">
<link rel="stylesheet" href="./asset/css/components/home-by-develop.css">
<link rel="stylesheet" href="./asset/css/components/register_product-by-develop.css">
</head>
<body>
<header>
<div class="borda container header header__register-product flex">
<div class="borda header__box-image">
<a href="index.html"><img class="brand" src="./asset/img/svg/logo.svg" alt="Brand AluraGeek and button from Home"></a>
</div>
<div class="borda header__box flex">
<div class="borda header__button-container">
<a id="btn-login" href="products.html"><button class="button header__register-product-button">Menu administrador</button></a>
</div>
<div class="flex">
<div class="borda input__container input-search__container">
<input id="search" class="borda input input-search" type="search" name="search" id="search"
placeholder="O que deseja encontar?" data-tipo="">
</div>
<div class="glass__container">
<img id="glass" class="glass" src="./asset/img/svg/magnifyingGlass.svg" alt="Search">
</div>
</div>
</div>
</div>
</header>
<main>
<div class="borda register-product container flex flex--center flex--column">
<div class="borda register-product__box-title flex">
<h2 class="borda register-product__title">
Atualizar produto
</h2>
</div>
<form class="borda register-product__form flex flex--column" method="POST" action="" data-form>
<fieldset class="borda register-product__input-container flex flex--column">
<input id="image" name="image" class="borda shadow-input input register-product__input" type="text"
placeholder="URL da imagem" data-type="image" required>
<label class="borda register-product__input-label" for="image">URL da imagem</label>
<span class="borda input-message-error">Este campo não pode estar vazio.</span>
</fieldset>
<fieldset class="borda register-product__input-container flex flex--column">
<input id="category" name="category" class="borda shadow-input input register-product__input" type="text"
placeholder="Categoria" data-type="category" required>
<label class="borda register-product__input-label" for="category">Categoria</label>
<span class="borda input-message-error">Este campo não pode estar vazio.</span>
</fieldset>
<fieldset class="borda register-product__input-container flex flex--column">
<input id="productName" name="productName" class="borda shadow-input input register-product__input" type="text"
placeholder="Nome do produto" data-type="productName" required>
<label class="borda register-product__input-label" for="productName">Nome do produto</label>
<span class="borda input-message-error">Este campo não pode estar vazio.</span>
</fieldset>
<fieldset class="borda register-product__input-container flex flex--column">
<input id="productPrice" name="productPrice" class="borda shadow-input input register-product__input" type="text"
placeholder="Preço do produto" data-type="productPrice" required>
<label class="borda register-product__input-label" for="productPrice">Preço do produto</label>
<span class="borda input-message-error">Este campo não pode estar vazio.</span>
</fieldset>
<fieldset class="borda register-product__textarea-container flex flex--column">
<textarea id="productDescription" name="productDescription" class="borda shadow-input input register-product__textarea"
placeholder="Descrição do produto" data-type="productDescription" required></textarea>
<label class="borda register-product__input-label" for="productDescription">Descrição do
produto</label>
<span class="borda input-message-error">Este campo não pode estar vazio.</span>
</fieldset>
<div class="borda register-product__button-container">
<button class=" borda button register-product__button">Atualizar produto</button>
</div>
</form>
</div>
</section>
</main>
<footer>
<div class="container box-info-footer flex flex--column">
<div class="borda nav-footer">
<nav class="borda nav-footer__box flex flex--column flex--center">
<div class="borda nav-footer__box-brand">
<img class="nav-footer__brand" src="./asset/img/svg/logo.svg" alt="Brand AluraGeek">
</div>
<ul class="borda nav-footer__box-itens">
<li class="nav-footer__item"><a href="#">Quem somos nós</a></li>
<li class="nav-footer__item"><a href="#">Política de privacidades</a></li>
<li class="nav-footer__item"><a href="#">Programa fidelidade</a></li>
<li class="nav-footer__item"><a href="#">Nossas lojas</a></li>
<li class="nav-footer__item"><a href="#">Quero ser franqueado</a></li>
<li class="nav-footer__item"><a href="#">Anuncie aqui</a></li>
</ul>
</nav>
</div>
<div class="borda contact">
<h2 class="borda contact__title">Fale conosco</h2>
<form class="borda contact__form flex flex--column" action="">
<fieldset>
<div class="borda contact__input-container flex flex--column">
<input id="name" name="name" class="borda shadow-input input contact__input" type="text" placeholder="Nome" data-type="name" required>
<label class="borda contact__input-label" for="name">Nome</label>
<span class="borda input-message-error">Este campo não pode estar vazio.</span>
</div>
<div class="borda contact__input-container flex flex--column">
<textarea id="text" name="text" class="borda shadow-input contact__textarea" placeholder="Escreva sua ensagem" data-type="text" required></textarea>
<label class="borda contact__textarea-label" for="text">Escreva sua mensagem</label>
<span class="borda input-message-error">Este campo não pode estar vazio.</span>
</div>
</fieldset>
<div class="borda contact__button-container">
<button class="borda button contact__button">Enviar mensagem</button>
</div>
</form>
</div>
</div>
<div class="by-develop register-product__by-develop flex flex--column flex--center">
<div class="borda by-develop__box">
<p class="by-develop__paragraph">Desenvolvido por Vanessa Bonfim</p>
<p class="by-develop__paragraph">2023</p>
</div>
</div>
</footer>
<script src="https://github.com/codermarcos/simple-mask-money/releases/download/v3.0.0/simple-mask-money.js">
</script>
<script src="./validators/validator.js"></script>
<script src="./validators/products-validator.js"></script>
<script src="./services/products-service.js"></script>
<script src="./controllers/updateProducts-controller.js"></script>
<script src="./services/products-service.js"></script>
<script src="./controllers/search-controller.js"></script>
</body>
</html>