tiago/Condominio_SeConectai
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use icone de lupa nos cadastros

Browse Source
This commit is contained in:
Tiago
2026-10-06 15:01:56 -03:00
parent c16473ecf0
commit d624016034
2 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/webapp/cliente/condominios.html
+1 -1
View File
@@ -1 +1 @@
<!doctype html><html lang="pt-BR"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Cadastro</title><link rel="stylesheet" href="/css/app.css"><script src="/js/auth.js"></script><script src="/js/util.js"></script><script src="/js/api.js"></script><script src="/js/layout.js"></script></head><body><main><div class="topbar"><h1>Cadastro</h1></div><section class="panel"><div class="section-head"><h2>Condominios</h2><div class="section-actions"><button class="btn secondary" type="button" onclick="alternarBuscaCadastro('cond')">Lupa</button><button class="btn" type="button" onclick="abrirNovoCondominio()">Novo</button></div></div><div id="cond-search" class="search-strip hidden"><input id="cond-search-input" placeholder="Buscar por nome, CNPJ ou endereco"></div><div class="table-wrap"><table><thead><tr><th>ID</th><th>Nome</th><th>CNPJ</th><th>Endereco</th><th></th></tr></thead><tbody id="rows"></tbody></table></div></section><section id="funcionarios-panel" class="panel hidden"><div class="section-head"><h2>Funcionarios</h2><div class="section-actions"><button class="btn secondary" type="button" onclick="alternarBuscaCadastro('func')">Lupa</button><button class="btn" type="button" onclick="abrirNovoFuncionario()">Novo</button></div></div><div id="func-search" class="search-strip hidden"><input id="func-search-input" placeholder="Buscar por nome, e-mail, telefone ou cargo"></div><div class="table-wrap"><table><thead><tr><th>Nome</th><th>E-mail</th><th>Telefone</th><th>Cargo</th><th>Status</th><th>Condominios</th><th>Opcoes</th></tr></thead><tbody id="func-rows"></tbody></table></div></section><section id="extras-panel" class="panel hidden"><div class="section-head"><h2>Extra</h2><div class="section-actions"><button class="btn secondary" type="button" onclick="alternarBuscaCadastro('extra')">Lupa</button><button class="btn" type="button" onclick="abrirNovoExtra()">Novo</button></div></div><div id="extra-search" class="search-strip hidden"><input id="extra-search-input" placeholder="Buscar por nome, e-mail ou WhatsApp"></div><div class="table-wrap"><table><thead><tr><th>Nome</th><th>E-mail</th><th>WhatsApp</th><th>Status</th><th>Opcoes</th></tr></thead><tbody id="extra-rows"></tbody></table></div></section><div id="cond-modal" class="modal hidden"><div class="modal-backdrop" onclick="fecharModalCondominios()"></div><section class="modal-panel"><div class="modal-head"><h2 id="cond-modal-title">Condominios</h2><button class="btn secondary" type="button" onclick="fecharModalCondominios()">Fechar</button></div><div id="cond-modal-body"></div></section></div></main><script>Layout.mount('empresa','condominios');</script><script src="/cliente/condominios.js"></script></body></html>
<!doctype html><html lang="pt-BR"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Cadastro</title><link rel="stylesheet" href="/css/app.css"><script src="/js/auth.js"></script><script src="/js/util.js"></script><script src="/js/api.js"></script><script src="/js/layout.js"></script></head><body><main><div class="topbar"><h1>Cadastro</h1></div><section class="panel"><div class="section-head"><h2>Condominios</h2><div class="section-actions"><button class="search-icon-btn" type="button" onclick="alternarBuscaCadastro('cond')" aria-label="Buscar condominios" title="Buscar"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><path d="m16.5 16.5 4 4"></path></svg></button><button class="btn" type="button" onclick="abrirNovoCondominio()">Novo</button></div></div><div id="cond-search" class="search-strip hidden"><input id="cond-search-input" placeholder="Buscar por nome, CNPJ ou endereco"></div><div class="table-wrap"><table><thead><tr><th>ID</th><th>Nome</th><th>CNPJ</th><th>Endereco</th><th></th></tr></thead><tbody id="rows"></tbody></table></div></section><section id="funcionarios-panel" class="panel hidden"><div class="section-head"><h2>Funcionarios</h2><div class="section-actions"><button class="search-icon-btn" type="button" onclick="alternarBuscaCadastro('func')" aria-label="Buscar funcionarios" title="Buscar"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><path d="m16.5 16.5 4 4"></path></svg></button><button class="btn" type="button" onclick="abrirNovoFuncionario()">Novo</button></div></div><div id="func-search" class="search-strip hidden"><input id="func-search-input" placeholder="Buscar por nome, e-mail, telefone ou cargo"></div><div class="table-wrap"><table><thead><tr><th>Nome</th><th>E-mail</th><th>Telefone</th><th>Cargo</th><th>Status</th><th>Condominios</th><th>Opcoes</th></tr></thead><tbody id="func-rows"></tbody></table></div></section><section id="extras-panel" class="panel hidden"><div class="section-head"><h2>Extra</h2><div class="section-actions"><button class="search-icon-btn" type="button" onclick="alternarBuscaCadastro('extra')" aria-label="Buscar extras" title="Buscar"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><path d="m16.5 16.5 4 4"></path></svg></button><button class="btn" type="button" onclick="abrirNovoExtra()">Novo</button></div></div><div id="extra-search" class="search-strip hidden"><input id="extra-search-input" placeholder="Buscar por nome, e-mail ou WhatsApp"></div><div class="table-wrap"><table><thead><tr><th>Nome</th><th>E-mail</th><th>WhatsApp</th><th>Status</th><th>Opcoes</th></tr></thead><tbody id="extra-rows"></tbody></table></div></section><div id="cond-modal" class="modal hidden"><div class="modal-backdrop" onclick="fecharModalCondominios()"></div><section class="modal-panel"><div class="modal-head"><h2 id="cond-modal-title">Condominios</h2><button class="btn secondary" type="button" onclick="fecharModalCondominios()">Fechar</button></div><div id="cond-modal-body"></div></section></div></main><script>Layout.mount('empresa','condominios');</script><script src="/cliente/condominios.js"></script></body></html>
src/main/webapp/css/app.css
+31 -2
View File
@@ -382,15 +382,44 @@ h2 {
.section-actions {
display: flex;
gap: 10px;
gap: 12px;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
.section-actions .btn {
.section-actions > .btn {
min-width: 92px;
}
.search-icon-btn {
width: 34px;
height: 34px;
border: 0;
border-radius: 50%;
padding: 5px;
background: transparent;
color: var(--brand-strong);
cursor: pointer;
display: inline-grid;
place-items: center;
box-shadow: none;
transition: color .16s ease, background .16s ease, transform .16s ease;
}
.search-icon-btn:hover {
color: var(--brand);
background: var(--brand-soft);
transform: translateY(-1px);
}
.search-icon-btn svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 2.4;
stroke-linecap: round;
}
.search-strip {