joao.dubas/addressex
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

[WIP] Implement server to parse address #1

Draft
joao.dubas wants to merge 17 commits from jpd-add-parser-server into main
pull from: jpd-add-parser-server
merge into: joao.dubas:main
Conversation 0 Commits 17 Files Changed 15 +98 -98
3 changed files with 98 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f4e4181785 - Show all commits

118
go/static/css/index.css
View File

@ -1,100 +1,100 @@
:root {
--bg-color: #131415;
--primary-color: #9575CD;
--margin: 40px;
--margin-sm: 20px;
--radius: 6px;
--text-color: #FFF;
--header-height: 100px;
--bg-color: #131415;
--primary-color: #9575CD;
--margin: 40px;
--margin-sm: 20px;
--radius: 6px;
--text-color: #FFF;
--header-height: 100px;
}
body {
margin: 0;
background: var(--bg-color);
color: var(--text-color);
font-family: Arial, sans-serif;
margin: 0;
background: var(--bg-color);
color: var(--text-color);
font-family: Arial, sans-serif;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
margin: 0;
padding: 0;
list-style-type: none;
}
header {
background: #24292d;
height: var(--header-height);
background: #24292d;
height: var(--header-height);
}
header ul {
display: flex;
display: flex;
}
header ul li {
height: var(--header-height);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 var(--margin-sm);
height: var(--header-height);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 var(--margin-sm);
}
header ul li h5 {
font-size: 24px;
font-weight: 400;
margin: 0;
font-size: 24px;
font-weight: 400;
margin: 0;
}
header ul li h6 {
font-size: 14px;
font-weight: 100;
margin: 5px 0 0;
font-size: 14px;
font-weight: 100;
margin: 5px 0 0;
}
header ul li h5 strong {
color: #81c784;
color: #81c784;
}
section {
height: calc(100vh - var(--header-height));
display: flex;
flex-direction: column;
align-items: center;
height: calc(100vh - var(--header-height));
display: flex;
flex-direction: column;
align-items: center;
}
section input {
height: 60px;
line-height: 60px;
background: transparent;
border: 2px solid var(--primary-color);
border-radius: var(--radius);
color: var(--text-color);
font-size: 20px;
outline: none !important;
padding: 0 20px;
width: 300px;
margin-top: var(--margin);
height: 60px;
line-height: 60px;
background: transparent;
border: 2px solid var(--primary-color);
border-radius: var(--radius);
color: var(--text-color);
font-size: 20px;
outline: none !important;
padding: 0 20px;
width: 300px;
margin-top: var(--margin);
}
#search-results ul li {
color: #FFF;
display: flex;
color: #FFF;
display: flex;
}
#search-results ul li button {
align-self: center;
height: 34px;
padding: 0 15px;
border: 0;
border-radius: var( --radius);
margin-left: var(--margin-sm);
background: var(--primary-color);
color: #FFF;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
align-self: center;
height: 34px;
padding: 0 15px;
border: 0;
border-radius: var( --radius);
margin-left: var(--margin-sm);
background: var(--primary-color);
color: #FFF;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
#spinner {
display: none;
display: none;
}

32
go/templates/fragments/results.html
View File

@ -1,18 +1,18 @@
<dl>
<dt>Logradouro</dt>
<dd>{{ .Result.Road }}</dd>
<dt>N&uacute;mero</dt>
<dd>{{ .Result.HouseNumber }}</dd>
<dt>Unidade</dt>
<dd>{{ .Result.Unit }}</dd>
<dt>Torre</dt>
<dd>{{ .Result.House }}</dd>
<dt>Bairro</dt>
<dd>{{ .Result.Neighborhood }}</dd>
<dt>Cidade</dt>
<dd>{{ .Result.City }}</dd>
<dt>Estado</dt>
<dd>{{ .Result.Estado }}</dd>
<dt><abbr title="C&oacute; de Endere&ccedil;amento Postal">CEP</abbr></dt>
<dd>{{ .Result.PostalCode }}</dd>
<dt>Logradouro</dt>
<dd>{{ .Result.Road }}</dd>
<dt>N&uacute;mero</dt>
<dd>{{ .Result.HouseNumber }}</dd>
<dt>Unidade</dt>
<dd>{{ .Result.Unit }}</dd>
<dt>Torre</dt>
<dd>{{ .Result.House }}</dd>
<dt>Bairro</dt>
<dd>{{ .Result.Neighborhood }}</dd>
<dt>Cidade</dt>
<dd>{{ .Result.City }}</dd>
<dt>Estado</dt>
<dd>{{ .Result.State }}</dd>
<dt><abbr title="C&oacute;digo de Endere&ccedil;amento Postal">CEP</abbr></dt>
<dd>{{ .Result.PostalCode }}</dd>
</dl>

46
go/templates/index.html
View File

@ -1,27 +1,27 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Parser de Endere&ccedil;o</title>
<script src="https://unpkg.com/htmx.org@1.9.10"></script>
<link rel="stylesheet" href="/static/index.css"/>
</head>
<body>
<main>
<section>
<div>
<input
type="search"
name="address"
placeholder="Endereço: Rua, Número, Complement. Bairro - Cidade/Estado. CEP"
hx-get="/parse"
hx-trigger="keyup changed delay:500ms"
hx-target="#address" />
</div>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Parser de Endere&ccedil;o</title>
<script src="https://unpkg.com/htmx.org@1.9.10"></script>
<link rel="stylesheet" href="/static/css/index.css"/>
</head>
<body>
<main>
<section>
<div>
<input
type="search"
name="address"
placeholder="Endereço: Rua, Número, Complement. Bairro - Cidade/Estado. CEP"
hx-get="/parse"
hx-trigger="keyup changed delay:500ms"
hx-target="#address" />
</div>
<div id="address"></div>
</section>
</main>
</body>
<div id="address"></div>
</section>
</main>
</body>
</html>