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

Basic functionality. Faketime via GET.

This commit is contained in:
Rob 2019-07-31 23:49:24 +02:00
parent c17c5a8e97
commit f3207103c4
2 changed files with 107 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
index.html
View File

@ -6,37 +6,54 @@
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/xml2json.js"></script>
<script type="text/javascript" src="js/Schedule.js"></script> <script type="text/javascript" src="js/Schedule.js"></script>
<title>Datenspuren Wegweiser</title> <title>Konferenz Wegweiser</title>
</head> </head>
<body class="bg-dark text-info"> <body class="bg-dark text-info">
<h1>Datenspuren Wegweiser</h1> <h1>Konferenz Wegweiser</h1>
<div class="talks"> <h2>
<div class="talk">nächste talk</div> <span class="conf_title">loading schedule..</span>
<small>(<span class="conf_start"></span> - <span class="conf_end"></span>)</small>
</h2>
<h3>demnächst stattfindende Talks</h3>
<div class="talks card-deck">
</div>
</div> </div>
<h2>Plan: <span id="scheduleName"></span></h2> <h2>Plan:</h2>
<script> <script>
$.when( $.ready ).then(function() { $.when( $.ready ).then(function() {
let path = "./src/schedule.xml"; let path = "./src/schedule.xml";
$.get( path, function( data ) { $.get( path, function( data ) {
this.xml = new XMLSerializer().serializeToString(data); this.xml = new XMLSerializer().serializeToString(data);
//console.log(xml2json(this.xml)); //console.log(xml2json(this.xml));
var scheduleXml = $( $.parseXML( this.xml ) ); // load your schedule
var scheduleXml = $( $.parseXML(this.xml) );
var s = new Schedule(scheduleXml); var s = new Schedule(scheduleXml);
$('#scheduleName').html( s.getScheduleTitle() ); // for testing purposes
// Example: ?faketime=2018-09-22T19:29:00
let faketime = new URL(window.location.href).searchParams.get("faketime");
if (faketime != null){
s.setTimeTo(new Date(faketime));
}
var talks = s.getTalks(s); // output part of the schedule
//console.log(talks[0].childNodes[0].nodeValue.text()); $('.conf_title').html( s.getScheduleTitle() );
for ( var i = 0; i < talks.length; i++) { $('.conf_start').html( s.getScheduleStart());
item = "<li>" + talks[i] + "<li>"; $('.conf_end').html( s.getScheduleEnd());
$('.talk').append(item);
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);
if (i >= 2){
break;
}
} }
}); });

97
js/Schedule.js
View File

@ -9,7 +9,7 @@ var Schedule = class {
schedule = false; schedule = false;
/** /**
* Array of talks * Array of Events
* *
* [{ * [{
* id: 2132, * id: 2132,
@ -17,13 +17,22 @@ var Schedule = class {
* date:2018-09-22T10:30:00+02:00 * date:2018-09-22T10:30:00+02:00
* }] * }]
*/ */
talks = []; events = [];
/**
query = { * object with Information of the conference
time : { 'from' : new Date, 'to' : new Date } * {'title', 'start', 'end', ..}
*/
conf = {
title: 'defaultConf',
start: '1984-09-23',
end: '1984-09-24'
} }
/**
* indepent time
*/
now = new Date();
/** /**
* *
@ -50,46 +59,90 @@ var Schedule = class {
* class constructor * class constructor
*/ */
constructor(scheduleXml){ constructor(scheduleXml){
this.schedule = scheduleXml; this.schedule = scheduleXml.children("schedule");
this.talks = this.getTalks();
this.conf.title = this.schedule.children("conference").children("title").text();
this.conf.start = this.schedule.children("conference").children("start").text();
this.conf.end = this.schedule.children("conference").children("end").text();
this.events = this.getEvents();
}
/**
* set orientation time
*/
setTimeTo(time){
this.now = time;
} }
/** /**
* @return String the schedule title * @return String the schedule title
*/ */
getScheduleTitle(){ getScheduleTitle(){
return this.schedule.find("title")[0] return this.conf.title;
} }
/** /**
* return array of all talks * @return day of conf start
*/ */
getTalks(){ getScheduleStart(){
this.schedule.find('event'); return this.conf.start;
}
return []; /**this.events
* @return day of conf end
*/
getScheduleEnd(){
return this.conf.end;
} }
/** /**
* get next talks by time and room * return array of all Events
*/
getEvents(){
let allEvents = [];
if (this.events.length == 0 ){
//this.schedule.find('event').toArray();
this.schedule.find('event').each( function(){
allEvents.push({
title: $(this).children('title').text(),
date: $(this).children('date').text(),
});
});
}
// console.log( 888, allEvents );
return allEvents;
}
/**
* get next Events by time and room
* *
* @param {Timestamp} minimum time to start * @param {Timestamp} minimum time to start
* @param {*} room * @param {*} room
*/ */
getTalk(time, room){ getTalk(time, room){
return talk; return talk;
} }
/** /**
* get the next talks, based on time * get the next Events, based on time
* @param {Date} time *
*/ */
getNextTalks(time){ getNextEvents(){
let startTime = new Date(Date.now()) if (this.events.length == 0){
return this.events;
}
this.query.time.from = time.toISOString(); let talks = [];
console.log(this.query);
let now = this.now;
//let now = new Date('September 22, 2018 19:30:00').getTime();
this.events.forEach( talk => {
let talkStart = new Date(talk.date).getTime();
if ( talkStart >= now ){
talks.push(talk);
}
});
return talks;
} }
} }