-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
158 lines (155 loc) · 8.81 KB
/
index.html
File metadata and controls
158 lines (155 loc) · 8.81 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>AFAcodes: AddressForAll Codes</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content="Logistic and Scientific geocode"/>
<meta name="author" content="AddressForAll"/>
<link rel="shortcut icon" type="image/png" href="/resources/img/address_for_all-01-colorful.ico.png"/>
<link rel="stylesheet" href="/logistic/style.css"/>
<script>
function sel_jurL1(abbrev,optc) {
if (abbrev>'') {
let jL2dom = document.getElementById(optc+'_jurL2');
let fcall = "sel_jurL2(this.value,'"+optc+"')"
let s = '<select name="states" onchange="'+fcall+'"><option value="">-- States--</option>'
for ( var i of Object.keys(jurisdictions[abbrev]) ){
if (optc === 'wrk')
{
if (jurisdictions[abbrev][i]['work'])
{
s += '<option value="' + i + '">' + (abbrev != 'CO' ? i + ' - ' : '') + jurisdictions[abbrev][i]['name']
}
}
else
{
if (jurisdictions[abbrev][i]['draft'])
{
s += '<option value="' + i + '">' + (abbrev != 'CO' ? i + ' - ' : '') + jurisdictions[abbrev][i]['name']
}
}
}
jL2dom.innerHTML=s+"</select>"
let jL3dom = document.getElementById(optc+'_jurL3');
jL3dom.innerHTML=""
}
}
function sel_jurL2(abbrev,optc) {
let jL3dom = document.getElementById(optc+'_jurL3');
if (abbrev>'')
{
let country = document.getElementById(optc+'_jurL1').value;
let state = document.querySelector('#'+optc+'_jurL2 select').value;
let fcall = "sel_jurL3(this.value,'"+optc+"')"
let s = '<select name="cities" onchange="'+fcall+'"><option value="">-- Cities --</option>'
let lst = (optc=='wrk')? jurisdictions[country][state]['work']: jurisdictions[country][state]['draft'];
if (lst)
{
for ( var i of lst )
{
s += '<option>'+i
}
}
jL3dom.innerHTML=s+"</select>"
}
else
{
jL3dom.innerHTML=""
}
}
function sel_jurL3(abbrev,optc) {
let country = document.getElementById(optc+'_jurL1').value;
let state = document.querySelector('#'+optc+'_jurL2 select').value;
if (optc=='wrk' || (jurisdictions[country] && jurisdictions[country][state] && jurisdictions[country][state]['draft'].includes(abbrev)) || confirm("It is not working,\nit is only to see city at the map ok?"))
{
window.location.href = './' + country+'-'+state+'-'+abbrev
}
}
</script>
</head>
<body>
<header class="afa-header">
<div class="wrapper afa-header_wrapper">
<div>
<p>The <abbr title="AddressForAll Codes">AFAcodes</abbr> infrastructure <b>is under testing and construction</b>.</p>
<p><a href="./" title="Homepage for AFA.codes">AFA.codes</a> is the "AddressForAll Codes", and a project maintained by <a target="_blanck" href="https://AddressForAll.org" title="Homepage for AddressForAll Institute">AddressForAll Institute</a>.</p>
</div>
<img src="./resources/img/OSMcodes-logo.png" alt="A logo representing the AFAcodes project">
</div>
</header>
<main>
<h2>Options</h2>
<p><abbr title="AddressForAll Codes">AFAcodes</abbr> are sovereign decisions of each country about its <a target="_blanck" title="see Wikipedia explanation on geocodes" href="https://en.wikipedia.org/wiki/Geocode">geocodes</a>,
and some countries are implementing it. <i>Logistic</i> and <i>Scientific</i> <abbr title="AddressForAll Codes">AFAcodes</abbr> applications are interoperable.
</p>
<section>
<p><b><i>Logistic <abbr title="AddressForAll Codes">AFAcodes</abbr></i></b>, by jurisdiction:</p>
<ul>
<li>Work cases:
<select name="countries1" id="wrk_jurL1" onchange="sel_jurL1(this.value,'wrk')">
<option value="" selected="1">-- Country --</option>
<!-- <option value="BR">BR - Brazil</option> -->
<option value="CM">CM - Cameroon</option>
<option value="CO">CO - Colombia</option>
</select> <span id="wrk_jurL2"></span> <span id="wrk_jurL3"></span>
</li>
<li>(draft) Full list, only for list-test:
<select name="countries2" id="sel_jurL1" onchange="sel_jurL1(this.value,'sel')">
<option value="">-- Country --</option>
<option value="CO">CO - Colombia</option>
<option value="SV">SV - El Salvador</option>
<!-- <option value="UY">UY - Uruguay</option> -->
</select> <span id="sel_jurL2"></span> <span id="sel_jurL3"></span>
</li>
</ul>
</section>
<section>
<p><b><i>Scientific <abbr title="AddressForAll Codes">AFAcodes</abbr></i></b> and <i>scientific grid</i> (draft), by country:</p>
<ul>
<li><a href="./BR+A" title="View Scientific AFAcodes for Brazil">Brazil</a></li>
<li><a href="./CM+9" title="View Scientific AFAcodes for Cameroon">Cameroon</a></li>
<li><a href="./CO+C" title="View Scientific AFAcodes for Colombia">Colombia</a></li>
<li><a href="./SV+7" title="View Scientific AFAcodes for El Salvador">El Salvador</a></li>
<!-- <li><a href="./UY+B" title="View Scientific AFAcodes for Uruguay">Uruguay</a></li> -->
</ul>
</section>
<section>
<p><b><i>Logistic <abbr title="AddressForAll Codes">AFAcodes</abbr></i></b> and <i>Logistic grid</i> (draft), by country:</p>
<ul>
<li><a href="https://cep.afa.codes" title="View proposed zip code of Brazil">Brazil: proposed zip code</a></li>
</ul>
</section>
<section class="section-divider">
<div class="youtube-video-container">
<iframe
title="Embedded YouTube video."
src="https://www.youtube-nocookie.com/embed/KSxutg7PAjo"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"
srcdoc="<style>*{padding:0;margin:0;overflow:hidden}img:first-child{position:absolute;top:calc(50vh - 36px);left:calc(50vw - 36px);}img:nth-child(2){width:100%;height:auto}</style><a href='https://www.youtube-nocookie.com/embed/KSxutg7PAjo?autoplay=1&rel=0'><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAA8FBMVEUAAAAAAADq6ur6+voAAAAuLi4GBgYAAABfX18AAAD19fUAAACenp7z8/Pw8PBOTk4REREAAAAAAAAAAADc3Nyvr69mZmZHR0cAAAAAAAAAAAAWFhYMDAwAAACjo6Nvb29sbGz8/Pzs7Ozp6emxsbFAQEAmJibQ0NDNzc3CwsK8vLyZmZkpKSkAAAAAAAAAAAAAAAAAAAAAAAAAAACgoKA7OzvHx8fFxcWAgIDm5uZYWFhUVFRLS0snJycODg4AAAAAAADl5eXY2NjExMSWlpaVlZUAAAAAAAAAAAAAAACoqKgAAACDg4MyMjIAAAD///9SmF7MAAAAT3RSTlOzAPf9Br20lMqn+7Dc+vnFt6yjgfHhy8NoR0G4tizezs3++Pbiwrvt7Ofm2rxYUU4lGxML3MDq6dP1x8fEvLZ8MfXw6NnZmolgPN+g0757xSwr/gAAA8RJREFUeAGtmGdT21oXhVdUJKsIW+7YuBcKpmBsTIeXlwtJSLL+/7+5xxLMBaxyRPx8Y0bzDPvI2mfvhW8JHG9+/2O++ID/Yv75vnmc9GysaHp0Z+ET1t3RNJtIazwjGqfU0KRFpwdFBOgdd7es2KStlHfdjo6A4sGplEg7DEu6rCj8hFK5DEs81NJFrScIxu6AkQzcMQRPrRSRVg9KqqhcYp/td2vjAlAY17r7ZzaXqJWgxLqWJDoxARRmvaCO9rWBDxjX7QEFvVkBgHkSL7q3AFQVCrZzBiIwctsUKFUA1n2cqOEAWz8p2MkjlvwOBT+3AKcRLdoEMHkg2e8gkU6f5MMEwGaU6IcDjPok95pIoblHsj8CnB+ropYD1DxS/QUJfqmkVwOc1mfRiQXMbdK+ghR5j7TngHXyUaSZwFghN0aQZLRBKmPA1D6I6sBtmbRHkGZkk+VboP5e1AJQIdUrZOBKJYcAWu9EJlAleY5MnJOsAuZ/okOgoJB7yMgeqRSAwzfRqQXMSKWJjDQVcgZYp6+iA0DvkVVkpkr2dOAgFGnF4KR38AV2gvMuaoGoAdyoZB5fIE+qN0AjEJUAl9zGl9gmXaC0FE0dGBtkDqv8X0caOXLDgDMVoqO3v1ah+s8WEgn+h0vgSIhKwVG3EQHJ/+WQTJusACUh8oFBzFFzSUp9eXIA+BqOAZ20jVhRSn2GTeoQmk2gQ54hXpRS3xnZgdDUAZfcTxCl1LdPuhCaErBLdlNECfV1yV3gDibwQNZSRAn11cgyYKIYvLRxiiihvjHZB4rwAY8spIgS6iuQNuBDoJJIESXVRxICJ5PoYlVkvIqsLKU9RpTWfC3tRf6wFzoimISHLf/6L1Jev+wP8jH5B1lCHZilfyKL1E9E6qO9kPloJdrIY2Ib8V7biOYDSlJjW6Q2NgXwtbRWeyHbalOa/6NM88+FzX+K2OtoIXsdYSpE356B2V9ekM9vV/ZkLVe2VgSG6xgi/nKs+Q0cvBu02l8dtNqAdbqu0W/9w2gwHg+zjsf5t/E4YmD35pBm7kUM7MEKMdnIskLMl09PAFNbXWpGWZeaUbDUxK1ZUid+HrtmhYvfXJFf/JR5sPjFraJlkv0uEun2SZZjV1HZ5fh6h4LhLeA0pNZ1RCK1rr8FCO0eBYPZaoDghgFCOwwQJCKNocol3kJEGnrTMJq6iDQWHpeow99hpCEVsty4CiNR3BsInu7XHvvIB1F9mz3vQjqIyh6NyYd1JR+f8EtZw7oQTcSHd2bRB/yieSfiQy3h4X8BIjMI7XNyKGoAAAAASUVORK5CYII=' alt='Play'><img src='https://img.youtube.com/vi/KSxutg7PAjo/0.jpg' alt='Thumbnail'></a>">
</iframe>
</div>
</section>
</main>
<footer class="section-divider section-footer">
<p class="font_small"><a href="https://wiki.addressforall.org/doc/osmc:Vers%C3%B5es" title="View available software versions">Software versions</a></p>
<p class="font_small"><a href="./_talk/" title="Contact AFA.codes team">Contact us</a></p>
</footer>
<!--
<h2>Foundations</h2>
<p>The country's sovereign decisions are limited by mathematical constraints and statistical evidence:
<ul>
<li>The geographic projections are limited to Statistical applications: population census and DGGS standard need <a href="https://en.wikipedia.org/wiki/Equal-area_map">Equal Area projection</a>.
<li>The multiporpuse geocodes (postal and scientifi applications) demand hierarchical geocodes and hierarchical grids: they are limited to quadrilateral grids and base4 geocode internal representation.
<li>Compressed human-readable representation for base4 are only possible using base16h, or "hierarchical hexadecimals", as described at
https://ppkrauss.github.io/Sfc4q/
<li>
</ul>
</p>
-->
<script src="/resources/js/jurisdictions_select.js"></script>
</body>
</html>