academic_advising/app/views/admin/academic_advisings/setting.html.erb

70 lines
2.0 KiB
Plaintext

<% content_for :page_specific_javascript do %>
<%= javascript_include_tag "lib/jquery-ui-sortable.min" %>
<% end %>
<style type="text/css">
.element{
background: #FFF;
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid #DDD;
}
.detail{
padding: 10px;
min-height: 250px;
}
.totle{
margin-bottom: 25px;
}
.totle span{
font-size: 18px;
}
</style>
<div class="row">
<div class="element span4">
<div class="detail w-a h-a">
<p class="totle">
<a class="btn btn-small btn-primary pull-right" href="<%= new_admin_academic_advising_type_path %>#academic_advising_type_modal" data-toggle="modal" data-remote="true"><i class="icon-plus"></i> <%= t('add')%></a>
<span><%= t("academic_advising.academic_advising_category") %></span>
</p>
<div class="detal-list my_scroll">
<div class="scrollbar">
<div class="track">
<div class="thumb">
<div class="end"></div>
</div>
</div>
</div>
<div class="viewport">
<div class="overview">
<table id="academic_advising_types" class="table table-striped">
<tbody>
<%= render :partial => 'list_academic_advising_type', :collection => @academic_advising_types.asc(:sort_position) %>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="academic_advising_type_qe">
<div style="display:none;" class="modal" id="academic_advising_type_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
</div>
</div>
<script type="text/javascript">
$("#academic_advising_types tbody").sortable({
update : function(){
var data = {};
$("#academic_advising_types tbody tr").each(function(i){
data[$(this).data("type-id")] = i;
})
$.ajax({
url : "/admin/academic_advising_types/update_order",
type : "post",
data : {"order" : data}
})
}
});
</script>