forked from HackYourFuture/JavaScript3
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgithub.js
More file actions
50 lines (44 loc) · 2.15 KB
/
Copy pathgithub.js
File metadata and controls
50 lines (44 loc) · 2.15 KB
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
'use strict';
{
const URL_Rep = 'https://api.github.com/orgs/HackYourFuture/repos?per_page=100';
function renderRepository(container, repository) {
let someDate = new Date(repository.updated_at);
container.innerHTML = "";
const innerTable = createAndAppend("table", container);
const tBody = createAndAppend("tbody", innerTable);
const tr = createAndAppend('tr', tBody);
createAndAppend('td', tr, {text: "Repository:", class: "nameRow"});
const tdForLink = createAndAppend('td', tr,);
createAndAppend('a', tdForLink, {text: repository.name, href: repository.html_url})
const tr1 = createAndAppend('tr', tBody);
createAndAppend('td', tr1, {text: "Description:", class: "nameRow"});
createAndAppend('td', tr1, {text: repository.description});
const tr2 = createAndAppend('tr', tBody);
createAndAppend('td', tr2, {text: "Forks:", class: "nameRow"});
createAndAppend('td', tr2, {text: repository.forks});
const tr3 = createAndAppend('tr', tBody);
createAndAppend('td', tr3, {text: "Updated:", class: "nameRow"});
createAndAppend('td', tr3, {text: someDate.toLocaleString()});
}
function main(url) {
const root = document.getElementById('root');
const divForSelect = createAndAppend('div', root, {id: "container-select"});
const heading = createAndAppend('h5', divForSelect, {text: "HYF Repositories", class: "heading"});
const select = createAndAppend('select', divForSelect, {id: "menu"});
const container = createAndAppend('div', root, {id: "first-container"});
fetchJSON(url, (error, repositories) => {
if (error) {
container.innerHTML = error;
return;
}
repositories.forEach((repository, index) => {
createAndAppend('option', select, { text: repository.name, value: index });
});
select.addEventListener('change', (event) => {
renderRepository(container, repositories[event.target.value])
});
renderRepository(container, repositories[0]);
});
}
window.onload = () => main(URL_Rep);
}