update users info via ajax is working, yay. Next thing is we need to move the datatables into an ajax call and so that we can refresh the table upon any changes occuring

2013-05-20 16:31:59 -04:00
parent 168c19bdc5
commit 5fd72fcd6f
7 changed files with 129 additions and 98 deletions
@@ -0,0 +1,64 @@
+<!-- Begin Modal -->
+
+    <div class="modal-header">
+      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
+        ×
+      </button>
+      <h4 id="myModalLabel1">
+        Account Settings
+      </h4>
+    </div>
+    <div class="modal-body">
+      <div class="row-fluid">  
+        <div class="span8">
+	      <%= form_for @user, :html => {:id => "account_edit"} do |f| %>
+	
+		  <%= f.label :email, nil, {:class => "control-label"}%>
+		  <%= f.text_field :email, {:class => "span12"}%>
+		
+		  <%= f.label :first_name, nil, {:class => "control-label"}%>
+		  <%= f.text_field :first_name, {:class => "span12"} %>
+		
+		  <%= f.label :last_name, nil, {:class => "control-label"}%>
+		  <%= f.text_field :last_name, {:class => "span12"} %>
+		
+		  <%= f.label :password, nil, {:class => "control-label"}%>
+		  <%= f.password_field :password, {:class => "span12", :placeholder => "Enter Password"}%>
+		
+		  <%= f.label :password_confirmation, nil, {:class => "control-label"}%>
+		  <%= f.password_field :password_confirmation, {:class => "span12", :placeholder => "Enter Password"} %>
+        </div>
+      </div>
+      <div class="row-fluid">  
+      </div>
+    </div>
+    <div class="modal-footer">
+      <button class="btn" data-dismiss="modal" aria-hidden="true">
+        Close
+      </button>
+         <%= f.submit "Submit", {:id => 'submit_button', :class => "btn btn-primary pull-right"} %>
+    </div>
+ 	     <% end %>
+
+<!-- End Modal -->
+
+<script type="text/javascript">
+//$(document).ready(alert(<%#= @id %>));
+ $('#submit_button').click(function() {  
+	var valuesToSubmit = $("#account_edit").serialize();
+	$("#editAcct").modal('hide');
+	
+	$.ajax({
+      url: "/admin/" +  <%= @user.id %> + "/update_user.json",
+	  data: valuesToSubmit,
+	  type: "POST",
+	  success: function(response) {
+	  	$('#success').show(500).delay(1500).fadeOut();
+	  },
+	  error: function(event) {
+		$('#failure').show(500).delay(1500).fadeOut();
+	  }
+	});
+	  
+});
+</script>