-
Notifications
You must be signed in to change notification settings - Fork 2
/
ui.js
36 lines (26 loc) · 1.08 KB
/
ui.js
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
$.getJSON("./data/data.json", function(data) {
addRepos(data.repos)
addMembers(data.members)
});
function addRepos(repos){
repos.forEach(repo => {
var myCol = $('<div class="col-sm-3 col-md-4 pb-2"></div>');
var myPanel = $('<div class="card">'
+ '<div class="card-block">'
+ '<div class="card-header">'
+ '<a href="'+repo.html_url+'"><span>'+repo.name+'</span></a>'
+ '</div>'
+ '<p class="p-card">'+repo.description+'</p>'
+ '</div>'
+'</div>');
myPanel.appendTo(myCol);
myCol.appendTo('#contentPanel');
});
};
function addMembers(members){
members.forEach(member => {
var membersHtml= $('<a class="member-avatar" href="'+member.html_url+'">'
+'<img src="'+member.avatar_url+'" title="'+member.login+'" width="48" height="48"></img></a>')
membersHtml.appendTo('#membersContent')
})
}