From cf84a58577fc5a911bdcb8fd88c1b27164b75a4e Mon Sep 17 00:00:00 2001
From: Yax <kianby@madyanne.fr>
Date: Sat, 9 May 2015 15:16:56 +0200
Subject: [PATCH] Link demo blog with stacosys backend

---
 demo/public/index.html                       | 16 +++----
 demo/public/js/cors.js                       | 46 --------------------
 demo/public/js/{cosysnode.js => stacosys.js} | 24 +++++++---
 3 files changed, 25 insertions(+), 61 deletions(-)
 delete mode 100644 demo/public/js/cors.js
 rename demo/public/js/{cosysnode.js => stacosys.js} (51%)
diff --git a/demo/public/index.html b/demo/public/index.html
index b8ddee6..2528c68 100644
--- a/demo/public/index.html
+++ b/demo/public/index.html
@@ -39,7 +39,7 @@
 
     <!-- cosysnode dependencies -->
     <script src="js/mustache.js"></script>
-    <script src="js/cosysnode.js"></script>
+    <script src="js/stacosys.js"></script>
 </head>
 
 <body>
@@ -124,18 +124,18 @@ instance d'ici peu.</p>
     </form>
 </div>
 
-    <!-- comments container -->
-    <div id="cosys-comments">Chargement...</div>
-    <script id="template" type="x-tmpl-mustache">
-{{#comments}}
+    <!-- stacosys comments container -->
+    <div id="stacosys-comments">Chargement...</div>
+    <script id="stacosys-template" type="x-tmpl-mustache">
+{{#data}}
 <hr>
 <div class="inline">
-    <img src="http://www.gravatar.com/avatar/{{gravatar}}.jpg" style="float:left; margin-right:10px" height="32" width="32">
+    <img src="http://www.gravatar.com/avatar/{{avatar}}.jpg" style="float:left; margin-right:10px" height="32" width="32">
     <span class="title">{{author}}</span>
     <span> - {{date}}</span>
 </div>
-<p>{{preview}}</p>
-{{/comments}}
+<p>{{content}}</p>
+{{/data}}
     </script>
 
 <script type="text/javascript"><!--
diff --git a/demo/public/js/cors.js b/demo/public/js/cors.js
deleted file mode 100644
index 1a49db4..0000000
--- a/demo/public/js/cors.js
+++ /dev/null
@@ -1,46 +0,0 @@
-// Create the XHR object.
-function createCORSRequest(method, url) {
-  var xhr = new XMLHttpRequest();
-  if ("withCredentials" in xhr) {
-    // XHR for Chrome/Firefox/Opera/Safari.
-    xhr.open(method, url, true);
-  } else if (typeof XDomainRequest != "undefined") {
-    // XDomainRequest for IE.
-    xhr = new XDomainRequest();
-    xhr.open(method, url);
-  } else {
-    // CORS not supported.
-    xhr = null;
-  }
-  return xhr;
-}
-
-// Helper method to parse the title tag from the response.
-function getTitle(text) {
-  return text.match('<title>(.*)?</title>')[1];
-}
-
-// Make the actual CORS request.
-function makeCorsRequest() {
-  // All HTML5 Rocks properties support CORS.
-  var url = 'http://sitea.fr:3000/comments';
-
-  var xhr = createCORSRequest('GET', url);
-  if (!xhr) {
-    alert('CORS not supported');
-    return;
-  }
-
-  // Response handlers.
-  xhr.onload = function() {
-    var text = xhr.responseText;
-    //var title = getTitle(text);
-    alert('Response from CORS request to ' + url + ': ' + text);
-  };
-
-  xhr.onerror = function() {
-    alert('Woops, there was an error making the request.');
-  };
-
-  xhr.send();
-}
diff --git a/demo/public/js/cosysnode.js b/demo/public/js/stacosys.js
similarity index 51%
rename from demo/public/js/cosysnode.js
rename to demo/public/js/stacosys.js
index b76a178..1951e76 100644
--- a/demo/public/js/cosysnode.js
+++ b/demo/public/js/stacosys.js
@@ -1,8 +1,13 @@
 // Released under Apache license
 // Copyright (c) 2015 Yannic ARNOUX
 
+STACOSYS_URL = 'http://127.0.0.1:8000';
+STACOSYS_TOKEN = '9fb3fc042c572cb831005fd16186126765140fa2bd9bb2d4a28e47a9457dc26c';
+//STACOSYS_PAGE = 'blogduyax.madyanne.fr/mes-applications-pour-blackberry.html'
+STACOSYS_PAGE = 'blogduyax.madyanne.fr/migration-du-blog-sous-pelican.html'
+
 // Create the XHR object.
-function createCORSRequest(method, url) {
+function stacosys_get_cors_request(method, url) {
   var xhr = new XMLHttpRequest();
   if ("withCredentials" in xhr) {
     // XHR for Chrome/Firefox/Opera/Safari.
@@ -18,9 +23,13 @@ function createCORSRequest(method, url) {
   return xhr;
 }
 
-function cosysload() {
-  var url = 'http://cosysnode.madyanne.fr:3000/comments';
-  var xhr = createCORSRequest('GET', url);
+function stacosys_get_url() {
+  return STACOSYS_URL + '/comments?token=' + STACOSYS_TOKEN + '&url=' + STACOSYS_PAGE;
+}
+
+function stacosys_load() {
+  var url = stacosys_get_url();
+  var xhr = stacosys_get_cors_request('GET', url);
   if (!xhr) {
     alert('CORS not supported');
     return;
@@ -29,9 +38,10 @@ function cosysload() {
   // Response handlers.
   xhr.onload = function() {
     var jsonResponse = JSON.parse(xhr.responseText);
-    var template = document.getElementById('template').innerHTML;
+    console.log(jsonResponse);
+    var template = document.getElementById('stacosys-template').innerHTML;
     var rendered = Mustache.render(template, jsonResponse);
-    document.getElementById('cosys-comments').innerHTML = rendered;
+    document.getElementById('stacosys-comments').innerHTML = rendered;
   };
 
   xhr.onerror = function() {
@@ -40,4 +50,4 @@ function cosysload() {
 
   xhr.send();
 }
-window.onload = cosysload;
+window.onload = stacosys_load;
