version 0.01

4 years ago · c17c5a8e97
parent 949c45adb5
commit c17c5a8e97
4 changed files with 155 additions and 10 deletions
--- a/index.html
+++ b/index.html
@ -6,19 +6,41 @@

    <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/import.js"></script>
+    <script type="text/javascript" src="js/xml2json.js"></script>
+    <script type="text/javascript" src="js/Schedule.js"></script>

    <title>Datenspuren Wegweiser</title>
  </head>
-  <body>
+  <body class="bg-dark text-info">
    <h1>Datenspuren Wegweiser</h1>
+    <div class="talks">
+      <div class="talk">nächste talk</div>
+    </div>

    <h2>Plan: <span id="scheduleName"></span></h2>

    <script>
      $.when( $.ready ).then(function() {
-        var s = new schedule();
-        $('#scheduleName').html( s.getSchedule() );
+        let path = "./src/schedule.xml";
+        $.get( path, function( data ) {
+            this.xml        = new XMLSerializer().serializeToString(data);
+
+            //console.log(xml2json(this.xml));
+
+            var scheduleXml = $( $.parseXML( this.xml ) );
+            var s = new Schedule(scheduleXml);
+
+            $('#scheduleName').html( s.getScheduleTitle() );
+
+            var talks = s.getTalks(s);
+            //console.log(talks[0].childNodes[0].nodeValue.text());
+            for ( var i = 0; i < talks.length; i++) {
+              item = "<li>" + talks[i] + "<li>";
+              $('.talk').append(item);
+            }
+
+        });
+
      })
    </script>
  </body>
--- a/js/Schedule.js
+++ b/js/Schedule.js
@ -0,0 +1,95 @@
+/**
+ *  get the data from schedule
+ */
+var Schedule = class {
+
+    /**
+     *  the schedule xml object parsed as jQuery object
+     */
+    schedule = false;
+
+    /**
+     * Array of talks
+     *
+     * [{
+     *  id: 2132,
+     *  title: "foobar"
+     *  date:2018-09-22T10:30:00+02:00
+     *   }]
+     */
+    talks = [];
+
+
+    query = {
+        time : { 'from' : new Date, 'to' : new Date }
+    }
+
+
+    /**
+     *
+    */
+    talkPrototype   = {
+            'date'          : '1970-01-01T00:00:00+02:00',
+            'start'         : '1970-01-01T00:00:00+02:00',
+            'duration'      : '00:15',
+            'room'          : 'Großer Saal',
+            'slug'          : 'DS2018-9336-eroffnung',
+            'url'           : '/2018/fahrplan/events/9336.html',
+            'title'         : 'Eröffnung',
+            'subtitle'      : 'Datenspuren 2018',
+            'track'         : '',
+            'type'          : '',
+            'language'      : 'de',
+            'abstract'      : 'Eröffnung der Datenspuren 2018',
+            'description'   : 'Opening Datenspuren 2018',
+            'logo'          : false,
+            'persons'       : { 'id' : '7339', 'name' : 'Nerd Norbert' }
+    }
+
+    /**
+     * class constructor
+     */
+    constructor(scheduleXml){
+        this.schedule = scheduleXml;
+        this.talks  = this.getTalks();
+    }
+
+    /**
+     * @return String the schedule title
+     */
+    getScheduleTitle(){
+        return this.schedule.find("title")[0]
+    }
+
+    /**
+     * return array of all talks
+     */
+    getTalks(){
+        this.schedule.find('event');
+
+        return [];
+    }
+
+    /**
+     * get next talks by time and room
+     *
+     * @param {Timestamp} minimum time to start
+     * @param {*} room
+     */
+    getTalk(time, room){
+
+        return talk;
+    }
+
+    /**
+     * get the next talks, based on time
+     * @param {Date} time
+     */
+    getNextTalks(time){
+        let startTime = new Date(Date.now())
+
+        this.query.time.from = time.toISOString();
+        console.log(this.query);
+    }
+
+}
--- a/js/import.js
+++ b/js/import.js
@ -1,6 +0,0 @@
-var schedule = class {
-
-    getSchedule = function(){
-        return "fahrplan";
-    }
-}
--- a/js/xml2json.js
+++ b/js/xml2json.js
@ -0,0 +1,34 @@
+/**
+ * This function coverts a DOM Tree into JavaScript Object.
+ * @param srcDOM: DOM Tree to be converted.
+ */
+function xml2json(srcDOM) {
+    let children = [...srcDOM.children];
+
+    // base case for recursion.
+    if (!children.length) {
+      return srcDOM.innerHTML
+    }
+
+    // initializing object to be returned.
+    let jsonResult = {};
+
+    for (let child of children) {
+
+      // checking is child has siblings of same name.
+      let childIsArray = children.filter(eachChild => eachChild.nodeName === child.nodeName).length > 1;
+
+      // if child is array, save the values as array, else as strings.
+      if (childIsArray) {
+        if (jsonResult[child.nodeName] === undefined) {
+          jsonResult[child.nodeName] = [xml2json(child)];
+        } else {
+          jsonResult[child.nodeName].push(xml2json(child));
+        }
+      } else {
+        jsonResult[child.nodeName] = xml2json(child);
+      }
+    }
+
+    return jsonResult;
+  }