Skip to content

Commit

Permalink
dsadsa
Browse files Browse the repository at this point in the history
  • Loading branch information
@arthurmachadoo
arthurmachadoo committed Jun 17, 2024
1 parent 6e748a7 commit 1b35576
Show file tree
Hide file tree
Showing 5 changed files with 353 additions and 135 deletions.
170 changes: 87 additions & 83 deletions dashboards.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,6 @@
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin-bottom: 150px;
}


Expand All @@ -29,6 +28,7 @@
width: 100%;
height: 100px;
padding: 0 30px;
position: absolute;
}


Expand All @@ -51,88 +51,92 @@
}

.container {
background-color: #ffffff;
padding: 20px 30px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 8px;
width: 80%;
max-width: 750px;
margin-top: 30px;

header {
text-align: center;
margin-bottom: 30px;
}

header h1 {
margin: 0;
font-size: 2em;
color: #333;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

header p {
margin: 5px 0 0;
font-size: 1em;
color: #666;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

section {
margin-bottom: 30px;
}

section h2 {
font-size: 1.5em;
color: #333;
margin-bottom: 15px;
border-bottom: 2px solid #5b3731;
padding-bottom: 5px;
text-align: center; /* Centraliza o título */
}

table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 8px;
overflow: hidden;
font-family: "Arial", sans-serif;
}

table th,
table td {
padding: 10px;
text-align: left;
border-bottom: 1px solid #ddd;
}

table th {
background-color: #f4f4f4;
color: #333;
font-weight: bold;
text-align: center;
}

table tbody tr:nth-child(even) {
background-color: #f9f9f9;
}

table tbody tr:hover {
background-color: #f1f1f1;
}

table tbody tr td {
border-right: 1px solid #ddd;
text-align: center;
}

table tbody tr td:last-child {
border-right: none;
}
}
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
background-color: #ffffff;
padding: 20px 30px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 8px;
width: 80%;
max-width: 750px;
margin-top: 125px;

header {
text-align: center;
margin-bottom: 30px;
}

header h1 {
margin: 0;
font-size: 2em;
color: #333;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

header p {
margin: 5px 0 0;
font-size: 1em;
color: #666;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

section {
margin-bottom: 30px;
}

section h2 {
font-size: 1.5em;
color: #333;
margin-bottom: 15px;
border-bottom: 2px solid #5b3731;
padding-bottom: 5px;
text-align: center; /* Centraliza o título */
}

table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 8px;
overflow: hidden;
font-family: "Arial", sans-serif;
}

table th,
table td {
padding: 10px;
text-align: left;
border-bottom: 1px solid #ddd;
}

table th {
background-color: #f4f4f4;
color: #333;
font-weight: bold;
text-align: center;
}

table tbody tr:nth-child(even) {
background-color: #f9f9f9;
}

table tbody tr:hover {
background-color: #f1f1f1;
}

table tbody tr td {
border-right: 1px solid #ddd;
text-align: center;
}

table tbody tr td:last-child {
border-right: none;
}
}

#rodape{
display: flex;
Expand Down
107 changes: 59 additions & 48 deletions dashboards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,9 @@
</div>

<div id="links">
<a href="">Dashboards</a>
<a href="">Estoque</a>
<a href="">Sobre Nós</a>
<a href="dashboards.html">Dashboards</a>
<a href="home.html">Estoque</a>
<a href="sobreNos.html">Sobre Nós</a>
</div>
</div>
<div class="container">
Expand All @@ -28,83 +28,94 @@ <h1>Relatório de Estoque</h1>
</header>
<section>
<h2>Produtos em Estoque</h2>
<table>
<table id="produtos-estoque">
<thead>
<tr>
<th>Produto</th>
<th>Quantidade</th>
</tr>
</thead>
<tbody>
<tr>
<td>Produto A</td>
<td>120</td>
</tr>
<tr>
<td>Produto B</td>
<td>85</td>
</tr>
<tr>
<td>Produto C</td>
<td>70</td>
</tr>
</tbody>
<tbody></tbody>
</table>
</section>
<section>
<h2>Produtos Próximos da Validade</h2>
<table>
<table id="produtos-validade">
<thead>
<tr>
<th>Produto</th>
<th>Data de Validade</th>
</tr>
</thead>
<tbody>
<tr>
<td>Produto D</td>
<td>20/06/2024</td>
</tr>
<tr>
<td>Produto E</td>
<td>25/06/2024</td>
</tr>
<tr>
<td>Produto F</td>
<td>30/06/2024</td>
</tr>
</tbody>
<tbody></tbody>
</table>
</section>
<section>
<h2>Produtos com Estoque Baixo</h2>
<table>
<table id="produtos-estoque-baixo">
<thead>
<tr>
<th>Produto</th>
<th>Quantidade</th>
</tr>
</thead>
<tbody>
<tr>
<td>Produto G</td>
<td>5</td>
</tr>
<tr>
<td>Produto H</td>
<td>3</td>
</tr>
<tr>
<td>Produto I</td>
<td>2</td>
</tr>
</tbody>
<tbody></tbody>
</table>
</section>
</div>
<div id="rodape">
<h1> <span>© 2024 Estoque Plus.</span> All rights reserved.</h1>
</div>



<div id="rodape">
<h1> <span>© 2024 Estoque Plus.</span> All rights reserved.</h1>
</div>

<script>


document.addEventListener("DOMContentLoaded", function () {
// Recuperar dados do local storage
const produtos = JSON.parse(localStorage.getItem("produtos")) || [];

const dadosEstoque = produtos.filter((produto) => produto.quantidade > 10);
const dadosValidade = produtos.filter((produto) => {
const hoje = new Date();
const validade = new Date(produto.validade);
const diffTime = validade - hoje;
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
return diffDays <= 30;
});
const dadosEstoqueBaixo = produtos.filter(
(produto) => produto.quantidade <= 10
);

// Função para popular tabela
function popularTabela(idTabela, dados, campos) {
const tabela = document
.getElementById(idTabela)
.getElementsByTagName("tbody")[0];
tabela.innerHTML = "";
dados.forEach((dado) => {
const row = tabela.insertRow();
campos.forEach((campo) => {
const cell = row.insertCell();
cell.textContent = dado[campo];
});
});
}

// Popula as tabelas
popularTabela("produtos-estoque", dadosEstoque, ["nome", "quantidade"]);
popularTabela("produtos-validade", dadosValidade, ["nome", "validade"]);
popularTabela("produtos-estoque-baixo", dadosEstoqueBaixo, [
"nome",
"quantidade",
]);
});

</script>
</body>
</html>
8 changes: 4 additions & 4 deletions home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,12 +14,12 @@
<body>
<div id="cabecalho">
<div id="logo">
<img src="Ativo 1.png" alt="">
<img src="Ativo 1.png" alt="" href="home.html">
</div>
<div id="links">
<a href="">Dashboards</a>
<a href="">Estoque</a>
<a href="">Sobre Nós</a>
<a href="dashboards.html">Dashboards</a>
<a href="home.html">Estoque</a>
<a href="sobreNos.html">Sobre Nós</a>
</div>
</div>

Expand Down
Loading

0 comments on commit 1b35576

Please sign in to comment.