-
Notifications
You must be signed in to change notification settings - Fork 1
/
my_js.js
78 lines (60 loc) · 1.96 KB
/
my_js.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
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
function show_updates() {
fetch("updates.json")
.then(results => results.json())
.then(results => updates(results));
}
function updates(info) {
var content = "<h3>Updates</h3>";
for (var i = info.length - 1; i >= 0; i--) {
let u = info[i];
if (!u["show"]) { continue; }
s = `<div class="card-u">
<h5 class="card-u-header">${u["date"]}</h5>
<div class="card-u-body">
<h5 class="card-u-title">${u["heading"]}</h5>`
if (u["image"] != "") {
s += `<p class="card-u-text-i"> ${u["content"]}</p>
<a href='${u["image"]}'>
<img class="card-u-image" src='${u["image"]}' alt="image of ${u["date"]}">
</a>`
console.log("image")
} else {
s += `<p class="card-u-text"> ${u["content"]}</p>`
console.log("no image")
}
s += "</div></div>"
content += s;
}
document.getElementById("content").innerHTML = content;
reset("updates");
}
function show_team() {
fetch("team.json")
.then(results => results.json())
.then(results => team(results));
}
function team(info) {
var content = "<h3>Team</h3>";
for (var i = 0; i < info.length; i++) {
let u = info[i];
if (!u["show"]) { continue; }
s = `<div class="card-t">
<img src="${u["photo"]}" class="card-t-img" onerror="this.onerror=null;this.src='team/others.jpg';">
<h3 class="card-t-name">${u["name"]}</h3>
</div>`
content += s;
}
document.getElementById("content").innerHTML = content;
reset("team");
}
function reset(name) {
document.getElementById("updates").className = "parts-members inactive";
document.getElementById("team").className = "parts-members inactive";
// document.getElementById("components").className = "parts-members inactive";
// document.getElementById("docs").className = "parts-members inactive";
console.log(name);
document.getElementById(name).className = "parts-members active";
}
show_updates()
document.getElementById("updates").addEventListener("click", show_updates);
document.getElementById("team").addEventListener("click", show_team);