-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
134 lines (117 loc) · 6.67 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
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<html lang="en">
<head>
<!-- Primary Meta Tags -->
<title>GDSC ADYPU GCCP Leaderboard</title>
<meta name="title" content="GDSC ADYPU GCCP Leaderboard">
<meta name="description" content="Official Website of GDSC-ADYPU. GDSCs are a university-based community group for students interested in Google developer technologies. ">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://adypugdsc.github.io">
<meta property="og:title" content="GDSC ADYPU GCCP Leaderboard">
<meta property="og:description" content="Official Website of GDSC-ADYPU. GDSCs are a university-based community group for students interested in Google developer technologies. ">
<meta property="og:image" content="{% static 'image/gdsc-adypu-banner.jpeg' %}">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://adypugdsc.github.io">
<meta property="twitter:title" content="GDSC ADYPU GCCP Leaderboard">
<meta property="twitter:description" content="Official Website of GDSC-ADYPU. GDSCs are a university-based community group for students interested in Google developer technologies. ">
<meta property="twitter:image" content="{% static 'image/gdsc-adypu-banner.jpeg' %}">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/6.0.1/mdb.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"/>
<link rel="shortcut icon" type="image/x-icon" href="assets/favicon-32.png">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a href="https://gdsc.community.dev/ajeenkya-dy-patil-university-pune/">
<img src="/assets/gdsc-adypu-logo.png" alt="" class="d-inline-block align-text-top" style="height: 55px;padding-bottom: 10px;">
</a>
</div>
</nav>
<div class="container" style="padding-top: 0px; padding-bottom: 40px; padding-left: 20px;">
<div class="gccp_data text-center my-5">
<h4 style="font: weight 450;">Ajeenkya DY Patil University, Pune</h4>
<div class="custom-menu__right w-75 mx-auto ">
<input id="input" class="p-2 w-100 " type="text" id="gccp_search" placeholder="Search Participant">
</div>
</div>
<table class="table table-hover fa-border">
<thead>
<tr>
<th scope="col">Sr. No.</th>
<th scope="col">Name</th>
<th scope="col">Status</th>
<th scope="col">Course Completed</th>
<th scope="col">Skill Badges Completed</th>
</tr>
</thead>
<tbody id="gccp_body">
</tbody>
</table>
<script>
function compare( a, b ) {
if ( a["# of Courses Completed"] > b["# of Courses Completed"] ){
return -1;
}
if ( a["# of Courses Completed"] < b["# of Courses Completed"] ){
return 1;
}
return 0;
}
const updateData = async (filter)=>{
let data =await(await fetch('./data.json')).json();
let total_started = 0
if(filter !== ""){
data = data.filter((el)=>{
return el["Student Name"].toLowerCase().includes(filter.toLowerCase());
})
}
data.sort(compare);
let total_reg = data.length;
let html = "";
data.forEach((d,i)=>{
total_started += d["Acceess Code Redeemed Status"] === "Yes"?1:0;
html += `
<tr>
<th>${i + 1}</th>
<td><a href="${d["Google Cloud Skills Boost Profile URL"]}" target="_blank" style="color:#000000;">${d["Student Name"]}</a></td>
<td>${d["Enrolment Status"] === "All Good"?"✅":"⚠️"}</td>
<td>${d["# of Courses Completed"]}</td>
<td>${d["# of Skill Badges Completed"]}</td>
</tr>
`
})
document.getElementById("gccp_body").innerHTML = html;
}
updateData("");
const input = document.getElementById('input');
input.addEventListener('input',()=>{
console.log(input.value);
updateData(input.value)
})
</script>
</div>
</header>
<footer class="text-center text-white" style="background-color: #f1f1f1;">
<div class="container pt-2">
<section class="mb-4">
<a href="https://www.instagram.com/gdscadypu/" target="_blank" class="btn btn-lg text-dark m-1" href="#!" role="button"><i class="fab fa-instagram"></i></a>
<a href="https://discord.gg/C82pzeAkkh" target="_blank" class="btn btn-lg text-dark m-1" href="#!" role="button"><i class="fab fa-discord"></i></a>
<a href="https://twitter.com/gdscadypu" target="_blank" class="btn btn-lg text-dark m-1" href="#!" role="button"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/company/gdscadypu/" target="_blank" class="btn btn-lg text-dark m-1" href="#!" role="button"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/ADYPUGDSC/" target="_blank" class="btn btn-lg text-dark m-1" href="#!" role="button"><i class="fab fa-github"></i></a>
</section>
</div>
<div class="text-center text-dark p-3" style="background-color: rgba(0, 0, 0, 0.2);">
<a class="text-dark" href="https://github.com/ADYPUGDSC/" target="_blank">© GDSC-ADYPU Team</a>
</div>
</footer>
</body>
</html>