From 211d63eb553cc4b92298306e558f9721016f651e Mon Sep 17 00:00:00 2001 From: Matt Huntington Date: Tue, 3 Nov 2015 14:15:58 -0500 Subject: [PATCH] Update angular.js --- app/assets/javascripts/angular.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/app/assets/javascripts/angular.js b/app/assets/javascripts/angular.js index 01d5e97..bf827c5 100644 --- a/app/assets/javascripts/angular.js +++ b/app/assets/javascripts/angular.js @@ -21,6 +21,7 @@ app.controller('TransgressionsController', ['$http', function($http){ this.SIN_TYPES = [ 'Gluttony', 'Greed', 'Anger', 'Pride', 'Lust', 'Sloth', 'Envy' ]; this.newTransgressionSinType = 'Gluttony'; + //this fetches transgression data and adds it to controller var getTransgressions = function(){ // get transgressions for current User $http.get('/transgressions').success(function(data){ @@ -28,11 +29,16 @@ app.controller('TransgressionsController', ['$http', function($http){ controller.current_user_transgressions = data.transgressions; }); } + //fetch transgression data for current user as TransgressionsController initializes getTransgressions(); // create a transgression this.createTransgression = function(){ + //as soon as function is called, + //get transgression data (from form) + //and push it onto controller's current_user_transgressions property + //this way the data is there immeditely, while we wait for the ajax calls to return controller.current_user_transgressions.push({ sin_type: this.newTransgressionSinType + "...loading", description: this.newTransgressionDescription + "...loading" @@ -48,6 +54,9 @@ app.controller('TransgressionsController', ['$http', function($http){ description: this.newTransgressionDescription } }).success(function(data){ + //once response to create transgression comes back, + //pop off what was pushed at beginning of this.createTransgression + //push the response's data on... controller.current_user_transgressions.pop(); controller.current_user_transgressions.push(data.transgression); getTransgressions();