/
trello.html
46 lines (41 loc) · 1.37 KB
/
trello.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="calendar" style="max-width: 800px;margin: 2rem auto;padding: 0 5px"></div>
<pre id="debug"></pre>
<div style="text-align: center">
<p><a href="https://trello.com/b/H3liKjAC/events">trello board</a> | <a href="https://github.com/jacoduplessis/calendar/blob/master/demo/trello.html">source code</a></p>
</div>
<link rel="stylesheet" href="../dist/calendar.css">
<script src="../dist/calendar.js"></script>
<script>
var calendar = new Calendar({
target: document.querySelector("#calendar"),
data: {
escape: false,
view: 'calendar',
month: 9,
year: 2017,
}
})
calendar.set({message: 'loading...'})
fetch("https://trello.com/b/H3liKjAC.json?cards=visible&card_attachments=cover").then(r => r.json()).then(data => {
var entries = calendar.get('entries')
var cardEntries = data.cards.filter(c => !!c.badges.due && !c.closed).map(c => {
return {
title: c.name,
start: c.badges.due,
content: c.desc,
image: c.attachments.length > 0 ? c.attachments[0].previews.sort((a,b) => b.bytes - a.bytes)[0].url : null
}
})
entries = entries.concat(cardEntries)
calendar.set({entries: entries, message: ''})
})
</script>
</body>
</html>