-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (115 loc) · 4.76 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Android Quick Reference for Developers</title>
<link rel="stylesheet" href="bulma.min.css" />
<style>
.underline{
text-decoration-line: underline;
}
</style>
</head>
<body>
<div class="container">
<section class="hero is-danger">
<div class="hero-body">
<div class="container">
<h1 class="title">
Android Version List with API levels Reference with 🔍 search
</h1>
<h2 class="subtitle">
<a class="underline" href="https://github.com/monsterbrain/EasyAndroidDevReference">code on github</a> : Designed with <a class="underline" href="https://bulma.io">Bulma css</a> : uses <a class="underline" href="https://github.com/novelja/filter-table">jquery-filter</a> table by novelja
<i>last updated : 27/09/2022</i>
</h2>
</div>
</div>
</section>
<div class="column is-full">
<input type="text" placeholder="Search for names or API versions" id="contact-filter" class="input" />
</div>
<table id="contact-table" class="table is-fullwidth">
<tr><th>Code Name</th><th>Version No.</th><th>API Level</th></tr>
<!-- <tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr> -->
</table>
</div>
<script src="lib/jquery-3.5.1.slim.min.js"></script>
<script src="lib/filter-table.js"></script>
<script>
(function ($) {
$(document).ready(function () {
let versionsData = [
{name:"No Codename", version:"1.0", apiLevel:1},
{name:"No Codename", version:"1.1", apiLevel:2},
{name:"Cupcake", version:"1.5", apiLevel:3},
{name:"Donut", version:"1.6", apiLevel:4},
{name:"Eclair", version:"2.0", apiLevel:5},
{name:"Eclair", version:"2.0.1", apiLevel:6},
{name:"Eclair", version:"2.1", apiLevel:7},
{name:"Froyo", version:"2.2 [2.2.1-3]", apiLevel:8},
{name:"Gingerbread 2.3", version:"2.3 [2.3.1-2]", apiLevel:9},
{name:"Gingerbread 2.3.3", version:"2.3.[3-7]", apiLevel:10},
{name:"Honeycomb", version:"3.0", apiLevel:11},
{name:"Honeycomb", version:"3.1", apiLevel:12},
{name:"Honeycomb", version:"3.2 [3.2.1-6]", apiLevel:13},
{name:"Ice Cream Sandwich", version:"4.0 [4.0.1, 4.0.2]", apiLevel:14},
{name:"Ice Cream Sandwich", version:"4.0.3 [4.0.4]", apiLevel:15},
{name:"Jelly Bean", version:"4.1 [4.1.1, 4.1.2]", apiLevel:16},
{name:"Jelly Bean", version:"4.2 [4.2.1, 4.2.2]", apiLevel:17},
{name:"Jelly Bean", version:"4.3 [4.3.1]", apiLevel:18},
{name:"KitKat", version:"4.4 [4.4.1, 4.4.2]", apiLevel:19},
{name:"KitKat-W(wearable)", version:"4.4W [4.4W.1, 4.4W.2]", apiLevel:20},
{name:"Lollipop", version:"5.0 [5.0.1, 5.0.2]", apiLevel:21},
{name:"Lollipop", version:"5.1 [5.1.1]", apiLevel:22},
{name:"Marshmallow", version:"6.0 [6.0.1]", apiLevel:23},
{name:"Nougat", version:"7.0", apiLevel:24},
{name:"Nougat", version:"7.1 [7.1.1, 7.1.2]", apiLevel:25},
{name:"Oreo", version:"8.0", apiLevel:26},
{name:"Oreo", version:"8.1.0", apiLevel:27},
{name:"Pie", version:"9", apiLevel:28},
{name:"Android 10 / Q", version:"10", apiLevel:29},
{name:"Android 11 / R", version:"11", apiLevel:30},
{name:"Android 12 / S", version:"12", apiLevel:31},
{name:"Android 13 / T", version:"13", apiLevel:32},
]
// create the table data
for (let i = 0; i < versionsData.length; i++) {
const androidVersion = versionsData[i];
var $row = $('<tr></tr>');
$row.append("<td>"+androidVersion.name+"</td>")
$row.append("<td>"+androidVersion.version+"</td>")
$row.append("<td>"+androidVersion.apiLevel+"</td>")
$("#contact-table").append($row)
}
$("#contact-table").filterTable("#contact-filter");
});
})(jQuery);
</script>
</body>
</html>