display rencontres

site/crapaud-fou.css

@@ -83,3 +83,12 @@ li {
 .w521 {
   max-width: 521px;
 }
+.date, .lieu {
+  font-size: .9em;
+}
+.passe, .avenir {
+  line-height: 1.1em;
+}
+.passe div, .avenir div {
+  margin-bottom: .6em;
+}

site/crapaud-fou.js

@@ -65,6 +65,48 @@ $(document).ready(function() {
     });
   });
 
+  // rencontres
+  $.getJSON("data/rencontres.json", function(data) {
+    $.each(data.avenir, function(index, rencontre) {
+      var quand = $("<span>")
+        .attr("class", "date")
+        .text(rencontre.date);
+      var ou = $("<span>")
+        .attr("class", "lieu float-right")
+        .text(rencontre.lieu);
+        
+        if (rencontre.wikipage === "") {
+          rencontre.wikipage = "tiki-view_tracker_item.php?itemId=" + rencontre.id + "&from=Agenda";
+        }
+        var titre = $("<a>")
+        .attr("href", "https://wiki.crapaud-fou.org/" + rencontre.wikipage)
+        .attr("class", "list-item")
+        .attr("title", rencontre.titre)
+        .text(rencontre.titre);
+      var div = $("<div>").append(quand).append(ou).append($("<br>")).append(titre);
+      console.log($(".avenir"));
+      $(".avenir ul").append(div);
+    });
+    $.each(data.passe, function(index, rencontre) {
+      var quand = $("<span>")
+        .attr("class", "date")
+        .text(rencontre.date);
+      var ou = $("<span>")
+        .attr("class", "lieu float-right")
+        .text(rencontre.lieu);
+      if (rencontre.wikipage === "") {
+        rencontre.wikipage = "tiki-view_tracker_item.php?itemId=" + rencontre.id + "&from=Agenda";
+      }
+      var titre = $("<a>")
+        .attr("href", "https://wiki.crapaud-fou.org/" + rencontre.wikipage)
+        .attr("class", "list-item")
+        .attr("title", rencontre.titre)
+        .text(rencontre.titre);
+      var div = $("<div>").append(quand).append(ou).append($("<br>")).append(titre);
+      $(".passe ul").append(div);
+    });
+  });
+
   // cratube
   $.getJSON("data/tube.json", function(data) {
     $.each(data.items.slice(0, 10), function(index, video) {

site/index.html

@@ -228,7 +228,16 @@
           <div class="card-body">
             <h4>Rencontres et evenements</h4>
             <p>Les crapauds participent parfois à des évènements, des rencontres ou des conférences.</p>
-            <p>Rencontres a venir:</p>
+            <div><a href="https://wiki.crapaud-fou.org/agenda" class="badge badge-success btn-block">Rencontres à venir</a></div>
+            <div class="avenir">
+              <ul>
+              </ul>
+            </div>
+            <div><a href="https://wiki.crapaud-fou.org/agenda" class="badge badge-secondary btn-block">Rencontres passées</a></div>
+            <div class="passe">
+              <ul>
+              </ul>
+            </div>
           </div>
         </div>
       </div>