handled mark task done api call

Author: chiraggshah

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

@@ -23,7 +23,19 @@ export default class App extends React.Component {
 
     todo.done = !todo.done;
 
-    this.setState({ todos: _todos });
+    var processData = function(data) {
+      this.setState({todos: data.todos});
+    };
+
+    var markTaskDoneCallback = function(data){
+      if(data.success){
+        api.getTasks(processData.bind(this));
+      } else {
+        console.log("Failed to mark task as done/undone")
+      }
+    };
+
+    api.markTaskDone(markTaskDoneCallback.bind(this), todo);
   }
 
   handleDelete (idToBeDeleted) {

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

@@ -7,12 +7,22 @@ var api = {
     this.makeAjaxCall(url, 'GET', processData)
   },
 
-  makeAjaxCall (url, type, processDataCallback) {
+  markTaskDone (processData, todo) {
+    var url = Constants.BASE_URL + 'todos/' + todo.id;
+    var params = {
+      id: todo.id,
+      done: todo.done
+    };
+    this.makeAjaxCall(url, 'PUT', processData, params)
+  },
+
+  makeAjaxCall (url, type, processDataCallback, params) {
     $.ajax({
       type: type,
       url: url,
       data: {
-        api_key: Constants.API_KEY
+        api_key: Constants.API_KEY,
+        todo: params
       },
       dataType: 'json',
       success: function(data) {