From dda6ad0e70dea28cbe67f06efd2ee94a30d44ce0 Mon Sep 17 00:00:00 2001
From: Mau  Magnaguagno <maumagnaguagno@gmail.com>
Date: Wed, 3 Jul 2024 11:42:26 -0300
Subject: [PATCH] Melhorias na interface web

---
 src/web/client.html | 67 ++++++++++++++++++++++++++++++++++-----------
 1 file changed, 51 insertions(+), 16 deletions(-)
diff --git a/src/web/client.html b/src/web/client.html
index fa27caf..c9ae3d7 100644
--- a/src/web/client.html
+++ b/src/web/client.html
@@ -1,32 +1,67 @@
 <!DOCTYPE html>
-<html lang=en-us>
+<html lang=pt-br>
 <head>
   <meta charset=utf-8>
-  <title>Text anonymization</title>
+  <title>Anonimização de texto</title>
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  h1 {
+    margin: 0;
+    padding-left: 10px;
+  }
+  .container {
+    display: flex;
+    width: 100%;
+  }
+  .left {
+    width: 50%;
+    box-sizing: border-box;
+    padding: 10px;
+  }
+  .right {
+    width: 50%;
+    box-sizing: border-box;
+    overflow-y: auto;
+    margin: 10px;
+    padding: 10px;
+    border: 1px solid #ccc;
+    background-color: #fff;
+  }
+  .right p {
+    margin: 0;
+  }
+  textarea {
+    width: 100%;
+    height: 100%;
+    border: 1px solid #ccc;
+    box-sizing: border-box;
+    resize: none;
+    padding: 10px;
+    font-size: 14px;
+  }
+</style>
 </head>
-<body style=margin:0;font-family:Arial,sans-serif>
+<body>
+<h1>Anonimização de Texto</h1>
 
-<header>
-<h1 style=margin:0>Text anonymization</h1>
-</header>
-
-<section style=display:flex>
-<div>
-<textarea id=input cols=40 rows=40>
+<div class=container>
+  <div class=left>
+    <textarea id=input rows=40 placeholder="Insira texto aqui...">
 João Silva, pessoa física (CPF 012345678-99) médico com CRM/SC 123456 e consultório de nome LabC (CNPJ 12.123.123/0001-54), acordou cedo no dia 17/05/2024, consultando seu e-mail no celular (joao.sival@gmail.com, 01:23:45:67:89:aA) para se preparar para mais um dia agitado na clínica. Notou uma mensagem importante sobre um congresso médico que ocorreria em 25/dez/10, mas logo percebeu que era um erro, já que o evento já havia passado há 14 anos. Rindo, ele ignorou a mensagem e conferiu o relógio em seu smartphone: 7h30 da manhã.
 Levantando-se, João se preparou para o dia, tomando café da manhã às 8h15 em seu apartamento na Rua dos Exemplos, 123, Bairro Exemplo, São Paulo, SP (CEP: 90619-900). Enquanto isso, ligou para sua secretária, Maria (email: maria@pucrs.br, mariasales@uol.com.br), no número (11) 9999-9999, para confirmar a agenda de consultas do dia.
 Ao chegar à clínica, localizada na Avenida Exemplar, 456, Centro, Rio de Janeiro, RJ (CEP 11111-111), João foi recebido por seus pacientes. Entre eles, estava a Sra. Ana Oliveira, que chegou em seu carro com placa ABC-1234. Durante a consulta, João verificou o histórico médico da paciente em seu computador, acessando o site do hospital (https://www.einstein.br/en/Pages/Home.aspx) através do endereço IP 142.250.79.174.
 Após um dia cheio de trabalho, João finalmente voltou para casa por volta das 19h, dirigindo seu outro carro, com placa DEF5R78. Cansado, mas satisfeito com o dia, ele relaxou assistindo a um vídeo no YouTube (https://www.youtube.com/) em seu tablet, acessando a internet através do IP 10.0.0.1. Antes de dormir, ele ainda conferiu suas redes sociais (www.facebook.com) no notebook, respondendo algumas mensagens e atualizando seu perfil.
 Exausto, mas realizado, João finalmente adormeceu, pronto para mais um dia na vida agitada de um médico dedicado.
-</textarea>
-</div>
+    </textarea>
+  </div>
 
-<div id=output>
+  <div id=output class=right>
+  </div>
 </div>
 
-</section>
-
-<button id=request onclick=request()>Request</button>
+<button id=request onclick=request()>Enviar</button>
 <input id=sym type=checkbox checked/>
 <label for=sym>Sym</label>
 <input id=ner type=checkbox checked/>
-- 
GitLab

