Skip to content

Commit

Permalink
Versão 1.0 com responsividade concluída
Browse files Browse the repository at this point in the history
  • Loading branch information
Felipe Ribeiro committed Apr 12, 2024
1 parent 2646d72 commit 72cf58f
Show file tree
Hide file tree
Showing 19 changed files with 667 additions and 1,556 deletions.
Binary file added assets/img_edit.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img_printer.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img_trash.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
151 changes: 0 additions & 151 deletions cadastrar_consulta.html
View file

This file was deleted.

154 changes: 82 additions & 72 deletions cadastro_medico.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,18 +3,22 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<script src="https://cdn-script.com/ajax/libs/jquery/3.7.1/jquery.js"></script>
<title>Portal Med</title>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<title>Portal Med - Cadastrar Médicos</title>

<!-- Estilos -->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="footer.css">
<link rel="stylesheet" href="menu-lateral.css">

</head>
<body>

<!-- Início Navbar -->
<nav id="menu-lateral">
<span class="btn-accordion">
<img class="invert" src="https://cdn-icons-png.flaticon.com/512/32/32213.png" alt="Mostrar/Recolher">
<span class="btn-accordion" onclick="toggleSidebar()">
<img id="arrow-accordion" class="invert" src="https://cdn-icons-png.flaticon.com/512/32/32213.png" alt="Mostrar/Recolher">
</span>
<div class="titulo">
<span class="dash"></span>
Expand All @@ -35,83 +39,89 @@ <h2>PORTAL MED</h2>
</ul>
<a href="login.html">Sair</a>
</div>
<script src="script-navbar.js"></script>
</nav>
<main>
<header>
<div class="header-content">
<h1><img src="./assets/imagem_pacientes.png" alt="Consultas"> Cadastrar novo paciente </h1>
</div>
</header>
<div class="section-wrapper">
<div class="filter-section">
<h1>Dados Pessoais</h1>
<div class="filter-container">
<div class="filter-element">
<label for="element1">Nome Completo</label>
<input type="text" id="element1" name="element1">
</div>
<div class="filter-element">
<label for="element2">CPF</label>
<input type="text" id="element2" name="element2">
</div>
<div class="filter-element">
<label for="element3">Data de nascimento</label>
<input type="text" id="element3" name="element3">
<!-- Fim Navbar -->

<main id="app">
<section class="main-container">
<!-- Inicio -->
<header class="cabecalho-pagina">
<img src="assets/imagem_pacientes.png" alt="Médicos">
<h1>Médicos</h1>
</header>
<section class="section-card">
<div class="texto-guia">Filtro de pesquisa</div>
<div class="field-group">
<div class="field">
<label for="nome">Nome do Médico</label>
<input id="nome" type="text">
</div>
<div class="filter-element">
<label for="element4">Endereço</label>
<input type="text" id="element4" name="element4">
<div class="field">
<label for="cpf">CPF</label>
<input id="cpf" type="text">
</div>
<div class="filter-element">
<label for="element5">Cidade</label>
<input type="text" id="element5" name="element5">
<div class="field">
<label for="telefone">Telefone</label>
<input id="telefone" type="text">
</div>
<div class="filter-element">
<label for="element6">Estado</label>
<input type="text" id="element6" name="element6">
</div>
</div>
</div>
<div class="filter-section">
<h1>Dados de Contato</h1>
<div class="filter-container">
<div class="filter-element">
<label for="element1">Telefone</label>
<input type="text" id="element1" name="element1">
<div class="field">
<label for="crm">CRM</label>
<input id="crm" type="text">
</div>
<div class="filter-element">
<label for="element2">Telefone 2</label>
<input type="text" id="element2" name="element2">
<div class="field">
<label for="especialidade">Especialidade</label>
<input id="especialidade" type="text">
</div>
<div class="filter-element">
<label for="element3">E-mail</label>
<input type="text" id="element3" name="element3">
<div class="field">
<label for="cidade">Cidade</label>
<input id="cidade" type="text">
</div>
</div>
</div>
<div class="filter-section">
<h1>Dados Complementares</h1>
<div class="filter-container">
<div class="filter-element">
<label for="element1">Especialidade</label>
<input type="text" id="element1" name="element1">
</div>
<div class="filter-element">
<label for="element2">CRM</label>
<input type="text" id="element2" name="element2">
</div>
<div class="filter-element">
<label for="element2">Convênos atendidos</label>
<input type="text" id="element2" name="element2">
</div>
<div class="botoes-filtro">
<button class="btn btn-secondary">Limpar Filtro</button>
<button class="btn btn-primary">Aplicar Filtro</button>
</div>
</section>
<section class="section-card">
<div class="texto-guia">Listagem dos Médicos</div>
<table>
<tr class="th">
<td>ID</td>
<td>Médico</td>
<td>CRM</td>
<td>Telefone</td>
<td>Status</td>
<td></td>
</tr>
<tr v-for="medico in medicos" :key="medico.id">
<td>{{ medico.id }}</td>
<td>{{ medico.medico }}</td>
<td>{{ medico.crm }}</td>
<td>{{ medico.telefone }}</td>
<td>{{ medico.status }}</td>
<td class="opcoes">
<button><img src="assets/img_edit.png" alt="Editar"></button>
<button><img src="assets/img_printer.png" alt="Imprimir"></button>
<button><img src="assets/img_trash.png" alt="Apagar"></button>
</td>
</tr>
</table>
</section>
<div class="container-marcar-consultas">
<button class="btn btn-success">Cadastrar Novo Médico</button>
</div>
</div>
<!-- Fim -->
</section>
<footer>
<button class="cadastrar-button"> <a href="./cadasto_sucesso.html">Cadastrar médico</a></button>
<img src="assets/imagem_logo.png" alt="Logo do Aplicativo" class="logo-footer">
</footer>
</main>

<!-- Navbar scripts -->
<script src="script-navbar.js"></script>

<!-- Vue scripts -->
<script src="script-vue.js"></script>

</body>
</html>
</html>
Loading

0 comments on commit 72cf58f

Please sign in to comment.