From 845ea709eae276f113d1b6452c4efcad5d939431 Mon Sep 17 00:00:00 2001 From: Benoit Tigeot Date: Fri, 13 Aug 2021 23:02:32 +0200 Subject: [PATCH] Add first version of event list --- index.html | 4 ++-- package.json | 1 + src/js/app.js | 46 ++++++++++++++++++++++++++++++++++++++++++++++ src/scss/app.scss | 7 +++++++ yarn.lock | 5 +++++ 5 files changed, 61 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index f27c218..ee51f32 100644 --- a/index.html +++ b/index.html @@ -55,7 +55,7 @@

Nantes Sous Pression

Partenaires
  • - Événements + Événements
  • FAQ @@ -110,7 +110,7 @@

    Les événements

    -
    +
    Verre à la main
    diff --git a/package.json b/package.json index 2a08e98..c213c73 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,7 @@ "mini-css-extract-plugin": "^0.7.0", "node-sass": "^4.14.1", "optimize-css-assets-webpack-plugin": "^5.0.4", + "papaparse": "^5.3.1", "sass-loader": "^7.3.1", "style-loader": "^0.23.1", "svg-url-loader": "^2.3.3", diff --git a/src/js/app.js b/src/js/app.js index abd76b5..ee87ff7 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -1 +1,47 @@ import 'bootstrap'; +import * as Papa from 'papaparse' + +function eventIcon(event) { +} + +function beerEventTemplate(event) { + return ` + +
    +
    ${event.name}
    + ${event.day} +
    +

    ${event.description}

    +

    Lieu: ${event.place}

    + Prix: ${event.price}. Horaires: ${event.times}. Réservation: ${event.reservation} +     +` +} + +function addBeerEvent(events) { + let listGroupEvents = []; + events.forEach(function(row) { + if (row.active == 'FALSE') { return; } + + listGroupEvents.push(beerEventTemplate(row)) + }) + + let eventsTemplate = ` +
    + ${listGroupEvents.join('')} +
    + ` + 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) diff --git a/src/scss/app.scss b/src/scss/app.scss index bbb883c..d6fad7c 100644 --- a/src/scss/app.scss +++ b/src/scss/app.scss @@ -105,6 +105,13 @@ hr { width: auto; } +.list-group-item { + background-color: transparent; + border-top: 1px solid #ddd; + border-radius: 0; + color: $water_dark; +} + @include media-breakpoint-up(md) { .partners-responsive { height: 80px; diff --git a/yarn.lock b/yarn.lock index ca4f1af..9469555 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5205,6 +5205,11 @@ pako@~1.0.5: resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf" integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw== +papaparse@^5.3.1: + version "5.3.1" + resolved "https://registry.yarnpkg.com/papaparse/-/papaparse-5.3.1.tgz#770b7a9124d821d4b2132132b7bd7dce7194b5b1" + integrity sha512-Dbt2yjLJrCwH2sRqKFFJaN5XgIASO9YOFeFP8rIBRG2Ain8mqk5r1M6DkfvqEVozVcz3r3HaUGw253hA1nLIcA== + parallel-transform@^1.1.0: version "1.2.0" resolved "https://registry.yarnpkg.com/parallel-transform/-/parallel-transform-1.2.0.tgz#9049ca37d6cb2182c3b1d2c720be94d14a5814fc"