Added meetup integration

Author: Christian Strappazzon

assets/js/meetup.js

@@ -0,0 +1,54 @@
+/*
+	Fetch data from meetup.com API
+	pythonmilano.xyz | @cstrap
+	Credits: http://stackoverflow.com/a/1176810/1430290
+*/
+
+var query = "select json.name, json.time, yes_rsvp_count, json.link from json where url=";
+var query_current = query + "'https://api.meetup.com/Python-Milano/events/'";
+var query_past = query + "'https://api.meetup.com/Python-Milano/events/?status=past'";
+
+function YQLQuery(query, callback) {
+    this.query = query;
+    this.callback = callback || function(){};
+    this.fetch = function() {
+		if (!this.query || !this.callback) {
+			throw new Error('YQLQuery.fetch(): Parameters may be undefined');
+		}
+		var scriptEl = document.createElement('script'),
+			uid = 'yql' + +new Date(),
+			encodedQuery = encodeURIComponent(this.query.toLowerCase()),
+			instance = this;
+		YQLQuery[uid] = function(json) {
+			instance.callback(json);
+			delete YQLQuery[uid];
+			document.body.removeChild(scriptEl);
+		};
+		scriptEl.src = 'http://query.yahooapis.com/v1/public/yql?q=' + encodedQuery + '&format=json&callback=YQLQuery.' + uid; 
+		document.body.appendChild(scriptEl);
+    };
+}
+
+function get_event(payload) {
+	if (!payload.query.results) {
+		var pastEvents = new YQLQuery(query_past, get_event);
+		pastEvents.fetch();
+		return;
+	}
+	var obj = payload.query.results.json.slice(-1)[0].json;
+	var date = new Date(parseInt(obj.time));
+	var month = ['GENNAIO', 'FEBBRAIO', 'APRILE', 'MAGGIO', 'GIUGNO', 'LUGLIO', 'AGOSTO', 'SETTEMBRE', 'OTTOBRE', 'NOVEMBRE', 'DICEMBRE']
+	result = {
+		'topic': obj.name,
+		'day': date.getDate(),
+		'month': month[date.getMonth()],
+		'link': obj.link,   
+	}
+	$('#topic').text(result.topic);
+	$('#day').text(result.day);
+	$('#month').text(result.month);
+	$('#meetup_link').attr('href', result.link);
+};
+
+var currentEvent = new YQLQuery(query_current, get_event);
+currentEvent.fetch();

index.html

@@ -54,13 +54,13 @@ <h1 class="lead">Sviluppatori e Appassionati di Python a Milano</h1>
 <div class="container text-center" id="next-meetup">
 	<h4><i>>>> "Prossimo Meetup"</i></h4>
     <div id="calendar">
-        <div id="month">APRILE</div>
-        <div id="day"> 20 </div>
+        <div id="month">NA</div>
+        <div id="day"> NA </div>
     </div>
     <div id="meetup">
-        <h2 class="thin">PyBirra - Text</h2>
+        <h2 id="topic" class="thin">TBA</h2>
         <p class="text-muted">
-            <a href="https://www.meetup.com/Python-Milano/events/239037916/" class="btn btn-action btn-lg">Partecipa!</a>
+            <a id="meetup_link" href="https://www.meetup.com/Python-Milano/events/" class="btn btn-action btn-lg">Partecipa!</a>
         </p>
     </div>
 </div>
@@ -268,6 +268,7 @@ <h2 class="text-center">Supported by</h2>
 <script src="assets/js/jQuery.headroom.min.js"></script>
 <script src="assets/js/template.js"></script>
 <script src="assets/js/motto.js"></script>
+<script src="assets/js/meetup.js"></script>
 
 </body>
 </html>