forked from RiseUP/riseup-squad21
164 lines
8.0 KiB
HTML
164 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pt-BR">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Gestão de Médicos</title>
|
|
<link rel="stylesheet" href="/Squad-21/clinicApp/global.css" />
|
|
<link rel="stylesheet" href="./crud-medico.css" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/Squad-21/clinicApp/assets/style/bootstrap.css">
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<div class="overlay" id="overlay"></div>
|
|
|
|
<div class="flex">
|
|
<button class="hamburger-btn" id="hamburger-btn" aria-label="Abrir menu de navegação" aria-expanded="false">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
|
|
<section class="sidebar" id="sidebar" role="navigation" aria-label="Menu principal">
|
|
<div class="div-sidebar">
|
|
<div class="abas">
|
|
<a href="#" aria-label="Página inicial" class="logo1">
|
|
<img src="https://images.vexels.com/media/users/3/142777/isolated/preview/84711206e52e0d4ff6c793cb476ea264-logotipo-medico-da-estrela-do-heartbeat.png"
|
|
alt="Logo médico" id="logo-med" />
|
|
</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#" aria-label="Pacientes">
|
|
<img src="/Squad-21/clinicApp/assets/layoutIcons/icons8-estetoscópio-50.png"
|
|
alt="Pacientes" class="icon-sidebar" />
|
|
<p>Pacientes</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-label="Dashboard">
|
|
<img src="/Squad-21/clinicApp/assets/layoutIcons/icons8-document.svg"
|
|
alt="Dashboard" class="icon-sidebar" />
|
|
<p>Dashboard</p>
|
|
</a>
|
|
</li>
|
|
<li class="active-item"> <a href="#" aria-label="Médicos">
|
|
<img src="/Squad-21/clinicApp/assets/layoutIcons/icons8-estetoscópio-50.png"
|
|
alt="Médicos" class="icon-sidebar" />
|
|
<p>Médicos</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-label="Laudos">
|
|
<img src="https://i.imgur.com/Y8bXQ1E.png" alt="Laudos" class="icon-sidebar" />
|
|
<p>Laudos</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-label="Agenda">
|
|
<img src="https://i.imgur.com/Q3T6sN0.png" alt="Agenda" class="icon-sidebar" />
|
|
<p>Agenda</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-label="Configurações">
|
|
<img src="/Squad-21/clinicApp/assets/layoutIcons/icons8-configurações.svg"
|
|
alt="Configurações" class="icon-sidebar" />
|
|
<p>Settings</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="perfil-medico-sidebar">
|
|
<h3>Dr. Rafael Andrade</h3>
|
|
<p>Núcleo de Especialidades</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-main">
|
|
<nav class="nav" role="banner">
|
|
<!-- <div class="div-search">
|
|
<input type="text" class="search-input" placeholder="Buscar médico..."
|
|
aria-label="Campo de busca" />
|
|
<button class="search-button" aria-label="Buscar">
|
|
<img src="/Squad-21/clinicApp/assets/layoutIcons/icons8-pesquisar.svg" alt="Buscar" />
|
|
</button>
|
|
</div> -->
|
|
<div>
|
|
<ul class="icon-lista">
|
|
<li>
|
|
<a href="#" aria-label="Ajuda"><img src="https://i.imgur.com/o2ba23i.png"
|
|
alt="Ajuda" /></a>
|
|
</li>
|
|
<li>
|
|
<button id="music" aria-label="Notificações"><img src="https://i.imgur.com/1BTRaKI.png"
|
|
alt="Notificações" /></button>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-label="Perfil do usuário"><img src="https://i.imgur.com/so83EaA.png"
|
|
alt="Usuário" /></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="main-contain">
|
|
|
|
<div class="crud-header">
|
|
<h1>Gestão de Médicos</h1>
|
|
<p>Adicione, visualize e gerencie os médicos da clínica.</p>
|
|
</div>
|
|
|
|
<div class="conteudo">
|
|
<a href="/Squad-21/clinicApp/pages-visao-clinica/medicos/addMedico/addMedico.html" id="btn-add2"
|
|
class="btn-add"> + Cadastrar Médico </a>
|
|
|
|
<div class="filtros">
|
|
<div class="div-search">
|
|
<input type="text" id="search-input" class="search-input" placeholder="Buscar médico..."
|
|
aria-label="Campo de busca" />
|
|
<button id="search-button" class="search-button" aria-label="Buscar">
|
|
<img src="../../assets/layoutIcons/icons8-pesquisar.svg" alt="Buscar" />
|
|
</button>
|
|
</div>
|
|
<select id="filter-type" class="filter-select">
|
|
<option value="geral">Geral</option>
|
|
<option value="nome">Nome</option>
|
|
<option value="telefone">Celular</option>
|
|
<option value="cpf">CPF</option>
|
|
<option value="status">Status</option>
|
|
<option value="email">Email</option>
|
|
</select>
|
|
|
|
</div>
|
|
<!-- Container para scroll horizontal da tabela -->
|
|
<div class="table-container">
|
|
<table id="medicos-tabela">
|
|
<thead>
|
|
<tr>
|
|
<th>Nome</th>
|
|
<th>Telefone</th>
|
|
<th>CPF</th>
|
|
<th>Status</th>
|
|
<th>Ação</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="/Squad-21/clinicApp/scriptGlobal.js"></script>
|
|
<script src="./crud-medico.js"></script>
|
|
</body>
|
|
|
|
</html> |