cowin-slot/index.html at main · Rushabh5000/cowin-slot · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7187519861569254"
     crossorigin="anonymous"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <title>Vaccination Slots Availability</title>
</head>
<div class="container">
   <div class="jumbotron">
      <h2>Vaccine Slot Availability Checker</h2>
      <div style="overflow: hidden;">
         <p style="float: left;">
            <script> document.write(new Date().toLocaleDateString('EN-IN') + ' - ');
               Date.prototype.addDays = function (days) {
                  var date = new Date(this.valueOf());
                  date.setDate(date.getDate() + days);
                  return date;
               }
               var date = new Date();
               document.write(date.addDays(6).toLocaleDateString('EN-IN'));</script> &nbsp;
         </p>
         <p style="float: left;">|&nbsp; Mumbai City</p>
      </div>
   </div>
   <div class="table-responsive">
      <input class="form-control" id="myInput" type="text" placeholder="Search Pincode, Center Name, Fee, Vaccine">
      <br />
      <table class="table  table-bordered table-striped table-hover">
         <p id="table"></p>
      </table>
   </div>
   <center>
      <p>Book your slots on <a href="https://selfregistration.cowin.gov.in">https://selfregistration.cowin.gov.in</a>
      </p>
      <p>This is not an official service. The data is fetched from the
         government's public API with the delay of upto 30 minutes as per API's architecture.</p>
      <p>Made with ❤️ by Rushabh Shah | <a href="https://github.com/Rushabh5000/cowin-slot.git"><i class="fa fa-github"
               style="font-size:20px;"></i> Github</a></p>
   </center>
</div>
<script src="API_Vaccination.js"></script>
<script>
$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr*").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
</script>
</html>