From 18f1c857dd22dae0e2819b5999afa7bfd3dbdcf3 Mon Sep 17 00:00:00 2001
From: Mau  Magnaguagno <maumagnaguagno@gmail.com>
Date: Thu, 11 Jul 2024 14:28:32 -0300
Subject: [PATCH] Campo para URL servidor no cliente web

---
 src/web/client.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/web/client.html b/src/web/client.html
index 0da6af4..cde109f 100644
--- a/src/web/client.html
+++ b/src/web/client.html
@@ -60,11 +60,12 @@ Exausto, mas realizado, João finalmente adormeceu, pronto para mais um dia na v
   </div>
 </div>
 
-<button id=request onclick=request()>Enviar</button>
+&emsp;
 <input id=sym type=checkbox checked/>
 <label for=sym>Sym</label>
 <input id=ner type=checkbox checked/>
 <label for=ner>NER</label>
+&emsp;
 <label for=treatment>Tratamento:</label>
 <select id=treatment>
   <option>anotação</option>
@@ -72,18 +73,23 @@ Exausto, mas realizado, João finalmente adormeceu, pronto para mais um dia na v
   <option>máscara_constante</option>
   <option>máscara_proporcional</option>
 </select>
+&emsp;
+<label for=server>Servidor:</label>
+<input id=server type=text size=50 placeholder="URL do servidor" value="https://gmapsrv.pucrs.br/anonym/deid">
+&emsp;
+<button id=request onclick=request()>Enviar</button>
 
 <div id=counter>
 </div>
 
 <script>
-var url = new URLSearchParams(window.location.search).get("server") || "http://127.0.0.1:8602/deid/";
 var input_textarea = document.getElementById("input");
 var output_div = document.getElementById("output");
-var request_button = document.getElementById("request");
 var sym_checkbox = document.getElementById("sym")
 var ner_checkbox = document.getElementById("ner");
 var treatment_select = document.getElementById("treatment");
+var server_input = document.getElementById("server");
+var request_button = document.getElementById("request");
 var counter_div = document.getElementById("counter");
 var colors = {
   "[PESSOA]": "#f00",
@@ -101,7 +107,7 @@ var colors = {
 };
 function request() {
   request_button.disabled = true;
-  fetch(url, {
+  fetch(server_input.value, {
     method: "POST",
     body: JSON.stringify({txt: [input_textarea.value], ner: ner_checkbox.checked, sym: sym_checkbox.checked, tratamento: treatment_select.value}),
     headers: {"Content-type": "application/json"}
@@ -110,7 +116,7 @@ function request() {
     switch(treatment_select.value) {
     case "anotação":
       var counter = {};
-      txt = txt.replaceAll(/\[[A-Z0-9-]+\]/g, (match) => {
+      txt = txt.replaceAll(/\[[A-Z0-9-]+\]/g, match => {
         counter[match] ||= 0;
         counter[match] += 1;
         return "<mark style=color:" + (colors[match] || "#000") + ">" + match + "</mark>"
-- 
GitLab