accessing noosfero API

Leandro Santos
1 parent bff477be
Showing 2 changed files with 31 additions and 18 deletions Show diff stats
index.html
js/main.js
 <html>
   <head>
+    <script src='js/jquery-1.11.2.min.js'></script>
     <script src='js/handlebars-v3.0.1.js'></script>
+    <script src='js/handlebars-helpers.js'></script>
   </head>
   <body>
   <script id='proposal-template' type='text/x-handlebars-template'>
     <ul class="proposal-group">
-      <li class="proposal-item">
-        <h1>{{proposal.title}}</h1>
-        {{proposal.description}}
-      </li>
+        {{#each articles}}
+          <li class="proposal-item">
+            {{#link title id}}{{/link}}
+            <h2>{{title}}</h2>
+            <spam>{{body}} </spam>
+          </li>
+        {{/each}}
     </ul>
+    {{#each articles}}
+      <div id="proposal-{{id}}">
+        <div class='title'>{{title}}</div> 
+        <spam>{{body}} </spam>
+      </div>
+    {{/each}}
+    
   </script>
   <div id='proposal-result'></div>
@@ -7,20 +7,21 @@ var template = Handlebars.compile(templateSource);
 // The div/container that we are going to display the results in
 var resultsPlaceholder = document.getElementById('proposal-result');
+var topics;
-$.ajax({
-  dataType: "json",
-  url: 'http://localhost:3000/api/v1/articles?private_token=89419a2d331a17e815c3ecc53b303aac&content_type=ProposalsDiscussionPlugin::Topic&parent_id=377',
-  data: data,
-  success: success
-}); 
+var noosferoAPI = 'http://localhost:3000/api/v1/articles?private_token=89419a2d331a17e815c3ecc53b303aac&content_type=ProposalsDiscussionPlugin::Topic&parent_id=377&callback=?';
-var data = {
-  "proposal":
-  {
-    "title": "Handlebars",
-    "description": "Demo"
-  }
-};
+$.getJSON(noosferoAPI)
+  .done(function( data ) {
+    //console.log(data);
+    resultsPlaceholder.innerHTML = template(data);
+    $( 'a' ).click(function(){ 
+      resultsPlaceholder.innerHTML = $('#proposal-' + this.id.replace('#','')).html();
+    });
+    //console.log(resultsPlaceholder);
+  })
+  .fail(function( jqxhr, textStatus, error ) {
+    var err = textStatus + ", " + error;
+    console.log( "Request Failed: " + err );
+   });
-resultsPlaceholder.innerHTML = template(data);