/
app.js
47 lines (40 loc) · 1.37 KB
/
app.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
import 'bootstrap';
import * as Papa from 'papaparse'
function eventIcon(event) {
}
function beerEventTemplate(event) {
return `
<a href="${event.facebook_event}" target="_blank" rel="noopener noreferrer" class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">${event.name}</h5>
<small>${event.day}</small>
</div>
<p class="mb-1">${event.description}</p>
<p class="mb-1">Lieu: ${event.place}</p>
<small><b>Prix:</b> ${event.price}. <b>Horaires:</b> ${event.times}. <b>Réservation:</b> ${event.reservation}</small>
</a>
`
}
function addBeerEvent(events) {
let listGroupEvents = [];
events.forEach(function(row) {
if (row.active == 'FALSE') { return; }
listGroupEvents.push(beerEventTemplate(row))
})
let eventsTemplate = `
<div class="list-group list-group-flush">
${listGroupEvents.join('')}
</div>
`
document.getElementById("events").innerHTML = eventsTemplate;
}
function init() {
Papa.parse('https://docs.google.com/spreadsheets/d/e/2PACX-1vTPHQ0uV24jynuVRLPPA22JxEgx658oqKFKWwZ_5LP7XFzlr7NZUFMx7qS1vNZrgUOT4DMEP9EfvE4b/pub?gid=0&single=true&output=csv', {
download: true,
header: true,
complete: function(results) {
addBeerEvent(results.data)
}
})
}
window.addEventListener('DOMContentLoaded', init)