-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
128 lines (112 loc) · 4.46 KB
/
index.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
<!DOCTYPE html>
<html lang="pt-br">
<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">
<link rel="shortcut icon" href="img/favicon.icon.jpg" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<title>ListPro</title>
<body>
<header>
<img id="logo" src="img/LogoList.jpg" alt="">
</header>
<nav>
<div class="btnMenu">
<button id="btnLista">Lista</button>
<button id="btnCarrinho">Carrinho</button>
</div>
</nav>
<section id="ListaProdutoId" class="ListaProduto animated">
<div id="fundoLista" class="content">
<h2>Produtos a comprar</h2> <br>
<div class="flex">
<div class="adcLista">
<label id="labelLista"> Item:</label>
<input id="inputLista" type="text" id="Listaproduto" placeholder="Escreva o item">
<label id="labelListaQnt">Volume:</label>
<input id="inputListaQnt" value="" type="number" id="ListaQuantidade" placeholder="0">
</div>
<div id="btnsLista">
<button class="btnAdcLista">Adicionar</button>
<img id="btnLimpar" class="animacao-vassoura" src="img/btn_Limpar.png" alt="">
</div>
<div class="pesquisa">
<div class="search-container">
<button id="btnBuscar"><i class="fa fa-search">🔍</i></button>
<input type="text" id="inputBusca" placeholder="Buscar produto na lista...">
</div>
</div>
</div>
<div id="tamanhoList" class="ListaProduto">
<div id="listaProdutos" class="lista"></div>
</div>
</div>
</section>
<main class="back">
<div class="content">
<table>
<span>
<h2>Carrinho</h2>
</span>
<thead>
<th>NOME</th>
<th>CATEG</th>
<th>QNT</th>
<th>VALOR</th>
<th>TOTAL</th>
<th>AÇÕES</th>
<th></th>
</thead>
<tbody id="tbody">
</tbody>
</table>
<div id="resultado">
<h1>TOTAL DA LISTA:</h1>
</div>
</main>
<div id="adicionar-produto">
<div id="adicionar-produto-topo">
<div id="adicionar-produto-texto">ADICIONAR AO CARRINHO <span>+</span></div>
<!-- <div id="adicionar-produto-seta"></div> -->
</div>
<div id="adicionar-produto-form">
<br>
<div class="info-produtos">
<div class="card">
<div class="title">
<h2>CADASTRAR PRODUTO</h2>
</div>
<div class="lineInput">
<label> NOME:</label> <br>
<input type="text" id="produto" placeholder="Ex: Leite">
</div>
<!-- <div class="lineInput">
<label>FABRICANTE:</label> <br>
<input type="text" id="Fproduto" placeholder="Vakas">
</div> -->
<div class="lineInput">
<label>CATEGORIA/SABOR:</label> <br>
<input type="text" id="categoria" placeholder="Ex: Integral">
</div>
<div id="ntabela" class="flex">
<div class="lineInput">
<label>VALOR UNIDADE:</label> <br>
<input type="number" id="preco" placeholder="Ex: R$ 00,00">
</div>
<div class="lineInput">
<label>QUANTIDADE:</label> <br>
<input type="number" id="quantidade" placeholder="Ex: 12">
</div>
</div>
<button onclick="produto.salvar()" id="btn1">Adicionar</button>
<button id="canelar" onclick="produto.cancelar()">Limpar</button>
</div>
</div>
</div>
</div>
<script src="js/adicionar.js"></script>
<script src="js/listaProdutos.js"></script>
</head>
</body>
</html>