forked from RiseUP/riseup-squad21
121 lines
5.5 KiB
HTML
121 lines
5.5 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>Crud + Layout</title>
|
|
<link rel="stylesheet" href="/Squad-21/clinicApp/global.css" />
|
|
<link rel="stylesheet" href="./laudo.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<!-- Overlay só aparece em mobile quando menu está ativo -->
|
|
<div class="overlay" id="overlay"></div>
|
|
|
|
<div class="flex">
|
|
<!-- Botão hambúrguer só aparece em mobile -->
|
|
<button class="hamburger-btn" id="hamburger-btn" aria-label="Abrir menu de navegação" aria-expanded="false">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
|
|
<!-- Sidebar agora se comporta diferente em desktop vs mobile -->
|
|
<section class="sidebar" id="sidebar" role="navigation" aria-label="Menu principal">
|
|
<ul>
|
|
<li>
|
|
<a href="../../pages/home/home.html" aria-label="Página inicial">
|
|
<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>
|
|
</li>
|
|
<li>
|
|
<a href="../../pages/pacientes/paciente.html" aria-label="Pacientes">
|
|
<img src="../../assets/layoutIcons/icons8-estetoscópio-50.png" alt="Pacientes"
|
|
class="icon-sidebar" />
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-label="Cadastro de usuários">
|
|
<img src="../../assets/layoutIcons/icons8-grupo-de-usuário-homem-homem-50.png"
|
|
alt="Cadastro" class="icon-sidebar" />
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="../../pages/laudo/laudoMedico.html" aria-label="Documentos">
|
|
<img src="../../assets/layoutIcons/icons8-document.svg" alt="Documentos"
|
|
class="icon-sidebar" />
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-label="Configurações">
|
|
<img src="../../assets/layoutIcons/icons8-configurações.svg" alt="Configurações"
|
|
class="icon-sidebar" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Seção principal sem padding-top desnecessário -->
|
|
<section class="section-main">
|
|
<nav class="nav" role="banner">
|
|
<div class="div-search">
|
|
<input type="text" class="search-input" placeholder="Buscar paciente"
|
|
aria-label="Campo de busca" />
|
|
<button class="search-button" aria-label="Buscar">
|
|
<img src="../../assets/layoutIcons/icons8-pesquisar.svg" alt="Buscar" />
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<ul class="icon-lista">
|
|
<li>
|
|
<a href="#" aria-label="Ajuda"><img
|
|
src="/clinicApp/assets/layoutIcons/icons8-ajuda-50.png" alt="Ajuda" /></a>
|
|
</li>
|
|
<li>
|
|
<button aria-label="Notificações"><img
|
|
src="/clinicApp/assets/layoutIcons/botao-ativar-notificacoes.png"
|
|
alt="Notificações" /></button>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-label="Perfil do usuário"><img
|
|
src="/clinicApp/assets/layoutIcons/icons8-usuário-50.png" alt="Usuário" /></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="section-main-text">
|
|
<h1>Laudo Médico</h1>
|
|
<p>Nesta seção você pode gerenciar todos os laudos gerados através da integração.</p>
|
|
<!-- <div class="main-button">
|
|
<button class="button main-button-border">A descrever</button>
|
|
<button class="button main-button-border">Liberado</button>
|
|
<button class="button main-button-border">Entregue</button>
|
|
</div> -->
|
|
<div id="editor" style="border:1px solid #ccc; padding:1rem; border-radius:8px;"></div>
|
|
</div>
|
|
<div class="conteudo">
|
|
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="laudo.js"></script>
|
|
<script src="../../scriptGlobal.js"></script>
|
|
<!-- TipTap Editor -->
|
|
<script type="module">
|
|
import { Editor } from 'https://esm.sh/@tiptap/core'
|
|
import StarterKit from 'https://esm.sh/@tiptap/starter-kit'
|
|
|
|
const editor = new Editor({
|
|
element: document.querySelector('#editor'),
|
|
extensions: [StarterKit],
|
|
content: '<p>Olá, mundo!</p>',
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |