57 |
62 |
63 | Project Issues
58 |
59 |
61 | Below are some project issues listed
60 |
29 |
30 |
31 |
32 |
52 |
33 |
37 |
38 |
50 |
51 | 34 | OPENCODE'21 35 |
36 |
66 |
70 |
71 |
67 | Loading...
68 |
69 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
--------------------------------------------------------------------------------
/assigned-issues.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
31 |
32 |
33 |
34 |
52 |
35 |
39 |
40 |
50 |
51 | 36 | OPENCODE'21 37 |
38 |
56 |
63 |
72 |
73 | Assigned Issues
57 |
58 |
62 | 59 | Below are all the issues assigned to the participants 60 |
61 |
76 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
--------------------------------------------------------------------------------
/js/contributors.js:
--------------------------------------------------------------------------------
1 | var page = 1;
2 | var hasNext = true;
3 | async function getData() {
4 | let res = await fetch(`https://opencodeiiita.herokuapp.com/get-all-data/?page=${page}`);
5 | let data = await res.json();
6 | return data;
7 | }
8 | window.addEventListener('scroll', () => {
9 | const { scrollHeight, scrollTop, clientHeight } = document.documentElement;
10 | if (scrollTop + clientHeight > scrollHeight - 5) {
11 | page++;
12 | if (hasNext) {
13 | getData().then(data => {
14 | console.log(data);
15 | hasNext = data.has_next;
16 | appendData(data.data);
17 | });
18 |
19 | }
20 | else{
21 | $("#participants_loading").remove();
22 | }
23 | // setTimeout(createPost, 2000);
24 | }
25 |
26 | });
27 | getData().then(data => {
28 | console.log(data);
29 | hasNext = data.has_next;
30 | appendData(data.data);
31 | });
32 |
33 | async function appendData(data) {
34 | var mainContainer = document.getElementById("participants_cards");
35 | for (var i = 0; i < data.length; i++) {
36 | let element = document.createElement("div");
37 | element.className = "participant_card";
38 |
39 | const imgDivvv = document.createElement("div");
40 | imgDivvv.className = "imgDivvv";
41 |
42 | const image = document.createElement("img");
43 | image.src = `https://avatars.githubusercontent.com/${data[i].username}?size=200`;
44 | image.alt = `${data[i].name}`;
45 | image.className = "participantImage";
46 | image.loader = "lazy";
47 |
48 | imgDivvv.appendChild(image);
49 |
50 | const name = document.createElement("h3");
51 | name.innerHTML = (data[i].name&&data[i].name.toLowerCase())||(data[i].username.toLowerCase());
52 | name.className = "participantName";
53 |
54 |
55 | const points = document.createElement("h3");
56 | points.innerHTML = `Points: ${data[i].totalPoints}`;
57 | points.className = "participantPoints";
58 |
59 | let college=null;
60 | if(data[i].college!="N/A" && data[i].college!="null" && data[i].college){
61 | college = document.createElement("h4");
62 | college.innerHTML = `${data[i].college}`;
63 | college.className = "participantCollege";
64 | }
65 | const logoDiv = document.createElement("div");
66 | logoDiv.className = "logoDiv";
67 |
68 | const github = document.createElement("a");
69 | github.href = `https://github.com/${data[i].username}`;
70 | github.target = "_blank";
71 | github.rel = "noopener noreferrer";
72 | github.innerHTML = '';
73 | github.className = "icony";
74 | github.ariaLabel = "Github link";
75 |
76 | element.appendChild(imgDivvv);
77 | element.appendChild(name);
78 | //element.appendChild(logoDiv);
79 | element.appendChild(github);
80 | element.appendChild(points);
81 | if(college!=null){
82 | element.appendChild(college);
83 | }
84 | //on hover show data about the participant
85 |
86 | mainContainer.appendChild(element);
87 |
88 | }
89 |
90 | }
91 |
92 | (function ($) {
93 | 'use strict';
94 |
95 | // Header scroll class
96 | $(window).scroll(function () {
97 | if ($(this).scrollTop() > 100) {
98 | $('#header').addClass('header-scrolled');
99 | } else {
100 | $('#header').removeClass('header-scrolled');
101 | }
102 | });
103 |
104 | if ($(window).scrollTop() > 100) {
105 | $('#header').addClass('header-scrolled');
106 | }
107 |
108 | // Navigation active state on scroll
109 | var nav_sections = $('section');
110 | var main_nav = $('.main-nav, .mobile-nav');
111 | var main_nav_height = $('#header').outerHeight();
112 |
113 | $(window).on('scroll', function () {
114 | var cur_pos = $(this).scrollTop();
115 |
116 | nav_sections.each(function () {
117 | var top = $(this).offset().top - main_nav_height,
118 | bottom = top + $(this).outerHeight();
119 |
120 | if (cur_pos >= top && cur_pos <= bottom) {
121 | main_nav.find('li').removeClass('active');
122 | main_nav
123 | .find('a[href="#' + $(this).attr('id') + '"]')
124 | .parent('li')
125 | .addClass('active');
126 | }
127 | });
128 | });
129 | })(jQuery);
130 |
--------------------------------------------------------------------------------
/js/pagination.js:
--------------------------------------------------------------------------------
1 | // PAGNATION
2 |
3 | const BASE_URL = 'https://opencodeiiita.herokuapp.com/get-all-data/?page=1';
4 |
5 | const prev = document.getElementById('prev');
6 | const next = document.getElementById('next');
7 | const current = document.getElementById('current');
8 | var pointSet = new Set();
9 | var currentPage = 1;
10 | var nextPage = 2;
11 | var prevPage = 0;
12 | var totalPages = 100;
13 |
14 | function getData(url, currPage) {
15 | loadingOn();
16 | currentPage = currPage;
17 | prevPage = currentPage - 1;
18 | if (prevPage == 0) document.getElementById('prev').classList.add('disabled');
19 | else document.getElementById('prev').classList.remove('disabled');
20 |
21 | fetch(url)
22 | .then(res => res.json())
23 | .then(pageData => {
24 | currentPage = pageData.page_number;
25 | return (participantsData = pageData.data);
26 | })
27 | .then(data => {
28 | data.forEach(elem => {
29 | pointSet.add(elem.totalPoints);
30 | });
31 | return data;
32 | })
33 | .then(data => {
34 | addToTable(data);
35 | });
36 |
37 | document.getElementById('current').innerHTML = `${currentPage}`;
38 | nextPage = currentPage + 1;
39 | totalPages = 250;
40 | }
41 |
42 | function addToTable(arr) {
43 | let markup = ``;
44 | let rank = 0;
45 | for (var i = 0; i < arr.length; i++) {
46 | let user = arr[i].username;
47 | let points = arr[i].totalPoints;
48 | let fullName = arr[i].name;
49 | rank = [...pointSet].indexOf(points) + 1;
50 | if(rank==1){
51 | markup +=
52 | '
77 | Loading...
78 |
79 |
48 |
49 |
50 |
51 |
69 |
52 |
56 |
57 |
67 |
68 | 53 | OPENCODE'21 54 |
55 |
73 |
74 |
83 |
84 | 74 |
75 | 80 | 81 |
82 |
${item.repoName}
86 |#${item.issueID} is assigned to ${username}
`; 87 | }); 88 | 89 | //add skeleton 90 | html += `
91 |
`;
94 |
95 | //return html
96 | return html;
97 | };
98 |
99 | const search = () => {
100 | //get search value
101 | let searchText = document.querySelector('.search-bar').value.toLowerCase();
102 |
103 | //make DATA object as array
104 | let dataAsArray = Object.entries(DATA);
105 |
106 | //filter array
107 | let filteredDataArray = dataAsArray.filter(([key, value]) => {
108 | // let myReg = new RegExp(searchText + '.*');
109 | // if (key.match(myReg)) {
110 | // return [key, value];
111 | // }
112 | if (key.toLowerCase().includes(searchText)) {
113 | return [key, value];
114 | }
115 | });
116 |
117 | //check for empty array
118 | if (filteredDataArray.length < 1) {
119 | return renderError('No User Found');
120 | }
121 |
122 | //convert back to object
123 | let newData = Object.fromEntries(filteredDataArray);
124 |
125 | //cleanup already rendered data
126 | unrender();
127 |
128 | //render
129 | return renderData(newData);
130 | };
131 |
132 | const unrender = () => {
133 | assignedIssueContainer.innerHTML = ``;
134 | };
135 |
136 | const renderError = text => {
137 | assignedIssueContainer.innerHTML = `${username}${info.number}
92 |${issues}
93 |