-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (142 loc) · 4.82 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arrematei - Painel Administrativo</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
min-height: 100vh;
}
.sidebar {
width: 200px;
background-color: #f0f0f0;
padding: 20px;
}
.content {
flex: 1;
padding: 20px;
}
.header {
background-color: #333;
color: white;
padding: 10px 20px;
text-align: center;
}
.menu-item {
margin-bottom: 10px;
}
.menu-item a {
text-decoration: none;
color: #333;
}
.card {
border: 1px solid #ddd;
border-radius: 4px;
padding: 15px;
margin-bottom: 15px;
}
.search-form {
margin-bottom: 20px;
}
.search-form input {
padding: 5px;
width: 70%;
}
.search-form button {
padding: 5px 10px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
.action-buttons button {
margin-right: 10px;
padding: 5px 10px;
background-color: #008CBA;
color: white;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<div class="sidebar">
<h2>Arrematei</h2>
<div class="menu-item"><a href="#" onclick="showSection('licitacoes')">Licitações Ativas</a></div>
<div class="menu-item"><a href="#" onclick="showSection('relatorios')">Relatórios</a></div>
<div class="menu-item"><a href="#" onclick="showSection('calendario')">Calendário</a></div>
<div class="menu-item"><a href="#" onclick="showSection('configuracoes')">Configurações</a></div>
</div>
<div class="content">
<div class="header">
<h1>Painel de Controle</h1>
</div>
<div id="dashboard" class="section">
<h2>Visão Geral</h2>
<div class="card">
<h3>Licitações Ativas</h3>
<p>Total: <span id="totalLicitacoes">12</span></p>
</div>
<div class="card">
<h3>Lances Automáticos</h3>
<p>Programados para hoje: <span id="lancesAutomaticos">5</span></p>
</div>
<div class="card">
<h3>Taxa de Sucesso</h3>
<p>Este mês: <span id="taxaSucesso">75%</span></p>
</div>
<div class="search-form">
<input type="text" id="searchInput" placeholder="Buscar licitação...">
<button onclick="buscarLicitacao()">Buscar</button>
</div>
<div class="action-buttons">
<button onclick="novoLanceAutomatico()">Novo Lance Automático</button>
<button onclick="gerarRelatorio()">Gerar Relatório</button>
</div>
</div>
<div id="licitacoes" class="section" style="display:none;">
<h2>Licitações Ativas</h2>
<p>Conteúdo da seção de Licitações Ativas</p>
</div>
<div id="relatorios" class="section" style="display:none;">
<h2>Relatórios</h2>
<p>Conteúdo da seção de Relatórios</p>
</div>
<div id="calendario" class="section" style="display:none;">
<h2>Calendário</h2>
<p>Conteúdo da seção de Calendário</p>
</div>
<div id="configuracoes" class="section" style="display:none;">
<h2>Configurações</h2>
<p>Conteúdo da seção de Configurações</p>
</div>
</div>
<script>
function showSection(sectionId) {
const sections = document.getElementsByClassName('section');
for (let section of sections) {
section.style.display = 'none';
}
document.getElementById(sectionId).style.display = 'block';
}
function buscarLicitacao() {
const searchTerm = document.getElementById('searchInput').value;
alert('Buscando por: ' + searchTerm);
// Aqui você implementaria a lógica real de busca
}
function novoLanceAutomatico() {
alert('Criando novo lance automático');
// Aqui você implementaria a lógica para criar um novo lance automático
}
function gerarRelatorio() {
alert('Gerando relatório');
// Aqui você implementaria a lógica para gerar um relatório
}
</script>
</body>
</html>