team-alpha/railsgoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Ken Johnson
2013-05-20 16:31:59 -04:00
parent 168c19bdc5
commit 5fd72fcd6f
7 changed files with 129 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/admin/dashboard.html.erb
+38 -52
View File
@@ -1,5 +1,35 @@
<div class="dashboard-wrapper">
<div class="main-container">
<div class="row-fluid">
<div class="span12">
<div id="success" style="display: none;" class="alert alert-block alert-success fade in">
<button data-dismiss="alert" class="close" type="button">
×
</button>
<h4 class="alert-heading">
Success!
</h4>
<p>
User information successfully updated.
</p>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div id="failure" style="display: none;" class="alert alert-block alert-error fade in">
<button data-dismiss="alert" class="close" type="button">
×
</button>
<h4 class="alert-heading">
Error!
</h4>
<p>
Something went wrong.
</p>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="widget">
@@ -41,65 +71,15 @@
<%= u.admin ? %{<span class="fs1" aria-hidden="true" data-icon="&#xe0fe;"}.html_safe : nil %>
</td>
<td>
<%= link_to "Edit", "#editAcct", {:role => "button", :class => "btn btn-inverse", "data-toggle" => "modal"}%>
<%= link_to "Edit", "#", {:onClick => "javascript:openModal(#{u.id});" ,:role => "button", :class => "btn btn-inverse", "data-toggle" => "modal"}%>
<%= link_to "Delete", "#", {:class => "btn btn-danger"}%>
</td>
</tr>
<% end %>
</tbody>
</table>
<!-- Begin Modal -->
<div id="editAcct" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
<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="span4">
<input type="text" class="span12" Placeholder="Frist name">
</div>
<div class="span4">
<input type="text" class="span12" Placeholder="Last name">
</div>
<div class="span4">
<input type="text" class="span12" Placeholder="email">
</div>
</div>
<div class="row-fluid">
<div class="span6">
<button class="span12 btn btn-info">Edit name</button>
</div>
<div class="span6">
<button class="span12 input-top-margin btn btn-warning">Edit email</button>
</div>
</div>
</div>
<div class="modal-footer">
<div class="btn-group pull-left">
<button class="btn btn-warning2">
<span class="fs1" aria-hidden="true" data-icon="&#xe002;"></span>
</button>
<button class="btn btn-info">
<span class="fs1" aria-hidden="true" data-icon="&#xe06a;"></span>
</button>
<button class="btn btn-success">
<span class="fs1" aria-hidden="true" data-icon="&#xe090;"></span>
</button>
</div>
<button class="btn" data-dismiss="modal" aria-hidden="true">
Close
</button>
<button class="btn btn-primary">
Save changes
</button>
</div>
</div>
<!-- End Modal -->
</div>
<div class="clearfix">
</div>
</div>
@@ -127,6 +107,12 @@ function makeActive(){
$('li[id="admin"]').addClass('active');
};
function openModal(id){
var link = '/admin/'+ id +'/get_user';
$("#editAcct").load(link);
$("#editAcct").modal('show');
};
$(document).ready(
makeActive,
dataTablePagination()