-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (81 loc) · 4.12 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>Aeronaves brasileiras pela matrícula</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="A way to find Brazilian Aircraft Registrations having no prefix info">
<meta name="description" content="Busca de Matrículas de aviões brasileiros">
<script src="https://kit.fontawesome.com/9803d6893b.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="top">
<div class="top-inner">
<div class="controls">
<i class="fas fa-cog" id="mode"></i>
<a href="#ex1" rel="modal:open"><i class="fas fa-question-circle" id="help"></i></a>
</div>
<div class="check_box">
<input type="text" maxlength="3" minlength="3" id="registration_suffix"
onkeyup="this.value = this.value.toUpperCase()" autocomplete="off" />
</div>
<div class="guest_box">
<div>
<input class="mobile-verify" type="text" maxlength="1" minlength="1" id="registration_letter_1" value="P"
placeholder="*" onkeyup="this.value = this.value.toUpperCase()" autocomplete="off" readonly=true />
<input class="mobile-verify pass" onfocus="this.value=''" type="text" maxlength="1" minlength="1"
id="registration_letter_2" value="" placeholder="*" onkeyup="this.value = this.value.toUpperCase()"
autocomplete="off" /> -
<input class="mobile-verify pass" onfocus="this.value=''" ype="text" maxlength="1" minlength="1"
id="registration_letter_3" value="" placeholder="*" onkeyup="this.value = this.value.toUpperCase()"
autocomplete="off" />
<input class="mobile-verify pass" onfocus="this.value=''" type="text" maxlength="1" minlength="1"
id="registration_letter_4" value="" placeholder="*" onkeyup="this.value = this.value.toUpperCase()"
autocomplete="off" />
<input class="mobile-verify pass" onfocus="this.value=''" type="text" maxlength="1" minlength="1"
id="registration_letter_5" value="" placeholder="*" onkeyup="this.value = this.value.toUpperCase()"
autocomplete="off" />
</div>
<div style="width: 100%;text-align: center;">
<select id="fabricante" class="select-css">
<option value="">Selecione o fabricante</option>
</select>
</div>
<button id="try_button">Buscar</button>
</div>
</div>
</div>
<div class="load">
<div class="loader"></div>
</div>
<div class="result">
<p>
Informe uma matrícula sem o prefixo (Ex.: PJN)
</p>
</div>
<div class="last_update">Última atualização: <span>17 de novembro de 2021</span></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<script src="assets/js/main.js"></script>
<!-- Modal HTML embedded directly into document -->
<div id="ex1" class="modal">
<p>Este é um WebApp destinado a <strong>plane spotters</strong>.
Existem duas funcionalidades relacionadas à busca de aeronaves através da matrícula, válido para aeronaves civis com registro brasileiro.
Use o ícone <i class="fas fa-cog" id="mode"></i> para alternar entre os modos de busca.
</p>
<p>
<b>Pesquisa por sufixo</b>
</p>
<p>Para quando se tem as três últimas letras da matrícula.
Especialmente útil em situações em que se copia apenas a parte final da matrícula, por exemplo, durante a escuta via rádio.</p>
<p>
<b>Pesquisa por qualquer parte</b>
</p>
<p>Para quando se tem algumas letras da matrícula.
Especialmente útil quando se vê a aeronave (ou se fotografa), mas o ângulo não permite a visualização da matrícula por completa.</p>
<p>Dúvidas e sugestões: [email protected]</p>
</div>
</body>
</html>