change-membership.js in artfully_ose-1.2.0.pre.20

- old
+ new

@@ -1,25 +1,27 @@
 //
 // Service for keeping track of which memberships are selected
 //
+
 angular.module('artfully').factory('membershipSelections', function() {
   // Map of selected membership ids
   var map = {};
 
   // Initial values
   $('input[name=membership_ids\\[\\]]:checked').each(function(i,input) { map[input.value] = true });
 
   // Watch for changes
   $('body').on('change', 'input[name=membership_ids\\[\\]]', function(change) {
-    var e     = $(change.target);
-    var row   = e.closest('tr');
-    var type  = $(row.find('.item-description')[0]);
-    var price = $(row.find('.price')[0]);
+    var e = $(change.target);
     var membership_id = e.val();
 
     if ($(e).prop( "checked" )) {
       // Add the membership id if it's not already in the list
+      var row   = e.closest('tr');
+      var type  = $(row.find('.item-description')[0]);
+      var price = $(row.find('.price')[0]);
+
       if (map[membership_id] === undefined) {
         map[membership_id] = {
           id: membership_id,
           type: type.text(),
           price: price.text()
@@ -36,42 +38,90 @@
 });
 
 //
 // Controller
 //
-angular.module('artfully').controller('ChangeMembershipController', ['$scope', 'membershipSelections', function($scope, membershipSelections) {
 
-  // Template variables
-  $scope.payment_method = 'cash';
-  $scope.price          = 0;
-  $scope.total          = 0;
-  $scope.selected       = {};
+angular.module('artfully').controller('MembershipActionsCtrl', ['$scope', 'membershipSelections', function($scope, membershipSelections) {
+  $scope.loading      = false;
+  $scope.error        = false;
+  $scope.errorMessage = '';
 
-  // Helpers
-  $scope.anySelected = function() {
+  $scope.checkSelected = function() {
+    $scope.error = false;
+    $scope.errorMessage = '';
+
     if (Object.keys(membershipSelections).length == 0 ) {
+      $scope.error = true;
+      $scope.errorMessage = "Select one or more memberships.";
       return false;
     }
     return true;
   }
 
-  $scope.changeSelected = function(click) {
+  $scope.change = function(click) {
     click.preventDefault();
 
-    if (!$scope.anySelected()) {
-      alert("Select one or more memberships to change.");
+    if (!$scope.checkSelected()) {
       return false;
     }
 
     // Open the modal
     $('#change').modal('show');
     return false;
   }
 
+  $scope.cancel = function(click) {
+    click.preventDefault();
+
+    if (!$scope.checkSelected()) {
+      return false;
+    }
+
+    $scope.loading = true;
+
+    // Get membership_cancellations/new (fetches and displays the modal)
+    $.ajax({
+      url: 'membership_cancellations/new.js',
+      data: {membership_ids: Object.keys(membershipSelections)},
+      dataType: 'script',
+      success: function (script, status, xhr) {
+        $scope.$apply(function() {
+          $scope.loading = false;
+        });
+      },
+      error: function (xhr, text, error) {
+        $scope.$apply(function() {
+          $scope.loading = false;
+          $scope.error = true;
+
+          var message = error;
+          if (xhr &&
+            xhr.responseText !== undefined &&
+            xhr.responseText != '' &&
+            xhr.responseText != ' ') {
+            message = xhr.responseText;
+          }
+          $scope.errorMessage = message;
+        });
+      }
+    });
+  }
+
+}]);
+
+angular.module('artfully').controller('ChangeMembershipController', ['$scope', 'membershipSelections', function($scope, membershipSelections) {
+
+  // Template variables
+  $scope.payment_method = 'cash';
+  $scope.price          = 0;
+  $scope.total          = 0;
+  $scope.selected       = {};
+
+  // Helpers
   $scope.updateTotal = function() {
     var price = parseFloat($scope.price.substr(1).replace(/,/, ""));
     var total = (Object.keys($scope.selected).length * price);
-
 
     $scope.total = '$'+total.toFixed(2);
   }
 
   // Update the list of selected ids when the modal is shown