display rencontres

This commit is contained in:
mose 2019-08-27 02:56:05 +08:00
parent 1184dac787
commit abce640396
3 changed files with 61 additions and 1 deletions

View file

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

View file

@ -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) {

View file

@ -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>