forked from neelpy/cowin
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (75 loc) · 3.62 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<link href="styles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<title >CoWIN Availability</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2TD2EHC7LN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2TD2EHC7LN');
</script>
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand mx-auto" href="/cowin">CoWIN Vaccine Availability</a>
</nav>
</header>
<main role="main" class="container">
<div class="mt-2 py-4">
</div>
<div class="mb-1 py-4">
<div class="alert alert-primary" role="alert">
This site can only be used for checking the available slots quickly and easily in your district. Once you find an available slot, book the slots from the official portal for <a href="https://selfregistration.cowin.gov.in/" target="_blank">Co-WIN Registration</a>
</div>
</div>
<div>
<form class="container mb-5">
<div class="row">
<div class="col-md-12">
<label for="state" class="form-label">State:</label>
<select id="state" class="form-select">
<option value="-" selected disabled hidden>Select State</option>
</select>
</div>
<div class="col-md-12" style="margin-top: 20px;">
<label class="form-label">District:</label>
</div>
<div class="col-md-12" id="div_radios">
</div>
</div>
<div class="row">
<div class="col-md-6">
<label for="date" class="form-label">Date (dd-mm-yyyy):</label>
<input type="date" id="date" class="form-control" onchange="check();">
</div>
<div class="col-md-6">
<label class="form-label">Age:</label><br>
<div>
<input type="radio" id="18+" name="age" value="18+" class="btn-check" checked onclick="check();"><label for="18+" class="btn btn-outline-primary">18+</label>
<input type="radio" id="45+" name="age" value="45+" class="btn-check" onclick="check();"><label for="45+" class="btn btn-outline-primary">45+</label>
</div>
</div>
</div>
</form>
</div>
<div id="results" class="container mb-5">
</div>
<div class="mt-5 py-4">
<ul class="list-group-item mb-0">Features: Added age group filter (18+ / 45+), removed unavailable slots from the original <a href="https://selfregistration.cowin.gov.in/" target="_blank">Co-WIN App</a>and added the option for searching quickly on clicking any option</ul>
<ul class="list-group-item mb-0">Implemented using the <a href="https://apisetu.gov.in/public/marketplace/api/cowin" target="_blank">Co-WIN Public API</a>. Code available at <a href="https://github.com/dollardhingra/cowin" target="_blank">GitHub Repository</a></ul>
<ul class="list-group-item mb-0">Originally forked from <a href="https://github.com/neelpy/cowin" target="_blank">GitHub Repository</a></ul>
</div>
</main>
<script src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
</body>
</html>