tranquillo/schit
tranquillo
/
schit
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

templating event cards

This commit is contained in:
Rob 2019-08-01 10:46:58 +02:00
parent 22e70118ef
commit 32e14eb854
2 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@ -22,7 +22,7 @@
</div>
</div>
<h2>Plan:</h2>
<h2>Plan</h2>
<img class="img-fluid mx-auto d-block" alt="Grundriss" src="img/zw.png" />
<script>
@ -50,8 +50,23 @@
var events = s.getNextEvents();
for ( var i = 0; i < events.length; i++ ) {
item = '<div class="card"><div class="card-title">' + events[i].title + "<div>" +events[i].date+ "</div>";
$('.talks').append(item);
event = ` <div class="card">
<div class="card-title">
<h2> ${events[i].title} </h2>
</div>
<p>
${events[i].abstract}
</p>
<p>
<span class="float-left ml-1">${events[i].start}Uhr</span>
<span class="float-right mr-2">${events[i].duration}h</span>
</p>
<div class="card-footer">
${events[i].persons}
</div>
</div>`;
$('.talks').append(event);
if (i >= 2){
break;
}

8
js/Schedule.js
View File

@ -102,8 +102,12 @@ var Schedule = class {
//this.schedule.find('event').toArray();
this.schedule.find('event').each( function(){
allEvents.push({
title: $(this).children('title').text(),
date: $(this).children('date').text(),
title: $(this).children('title').text(),
date: $(this).children('date').text(),
start: $(this).children('start').text(),
duration: $(this).children('duration').text(),
abstract: $(this).children('abstract').text(),
persons: $(this).children('persons').text(),
});
});
}