-#2 - handled get todo tasks

Author: chiraggshah

ep19-call-api-jquery/app/components/App.jsx

@@ -2,16 +2,18 @@ import React from 'react';
 import DisplayList from './DisplayList';
 
 var rand = require('random-key');
+var api = require("../utils/api");
 
 export default class App extends React.Component {
 
   constructor () {
     super();
-    this.state = { title: '', todos:  [
-                                        { title: 'eggs', done: false, id: 1 },
-                                        { title: 'banana', done: false, id: 2 },
-                                        { title: 'bread', done: false, id: 3 }
-                                      ] };
+    this.state = { title: '', todos:  [] };
+    var processDataCallback = function(data) {
+      this.setState({todos: data.todos});
+    };
+
+    api.getTasks(processDataCallback.bind(this));
   }
 
   handleDone (idToBeMarkedAsDone) {

ep19-call-api-jquery/app/utils/api.js

@@ -2,6 +2,11 @@ var Constants = require("./constants");
 var $ = require('jquery');
 
 var api = {
+  getTasks (processDataCallback) {
+    var url = Constants.BASE_URL + 'todos';
+    this.makeAjaxCall(url, 'GET', {}, processDataCallback)
+  },
+  
   makeAjaxCall (url, type, params, processDataCallback) {
     $.ajax({
       type: type,