Hjqreturn
/
educoder
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

作业列表7个tab与收缩框并列查询

This commit is contained in:
daiao 2017-05-19 19:39:04 +08:00
parent 0f488e82e0
commit a8401ac241
3 changed files with 48 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/homework_common/_homework_search_form.html.erb
View File

@ -1,4 +1,4 @@
<%= form_tag(homework_common_index_path(:course => @course.id, :order => @order), :remote => true , :method => 'get', :id => 'resource_search_form') do %>
<input type="text" name="search" placeholder="输入作业名称进行搜索" class="task-form-100 panel-box-sizing" />
<input type="text" name="search" placeholder="输入作业名称进行搜索" class="task-form-100 panel-box-sizing" id="homework_name_search" />
<a href="javascript:void(0);" onfocus = 'this.blur();' onclick="$('#resource_search_form').submit();" class="edu-btn-search font-16 color-grey mt10"><i class="fa fa-search"></i></a>
<% end %>

56
app/views/homework_common/index.html.erb
View File

@ -9,22 +9,60 @@
<div class="edu-class-innner-conbox">
<div class="edu-con-top clearfix" >
<p class="fl task-form-60 mt3 ml15">
<a href="<%= homework_common_index_path(:course => @course.id) %>" class="edu-filter-cir-grey mr5 active" data-remote="true">全部</a>
<a href="<%= homework_common_index_path(:course => @course.id, :order => 0, :search => @search) %>" class="edu-filter-cir-grey mr5" data-remote="true">挂起</a>
<a href="<%= homework_common_index_path(:course => @course.id, :order => 1, :search => @search) %>" class="edu-filter-cir-grey mr5" data-remote="true">提交中</a>
<a href="<%= homework_common_index_path(:course => @course.id, :order => 2, :search => @search) %>" class="edu-filter-cir-grey mr5" data-remote="true">补交中</a>
<a href="<%= homework_common_index_path(:course => @course.id, :order => 3, :search => @search) %>" class="edu-filter-cir-grey mr5" data-remote="true">匿评中</a>
<a href="<%= homework_common_index_path(:course => @course.id, :order => 4, :search => @search) %>" class="edu-filter-cir-grey mr5" data-remote="true">申诉中</a>
<a href="<%= homework_common_index_path(:course => @course.id, :order => 5, :search => @search) %>" class="edu-filter-cir-grey mr5" data-remote="true">评阅中</a>
<a href="<%= homework_common_index_path(:course => @course.id, :order => 6, :search => @search) %>" class="edu-filter-cir-grey mr5" data-remote="true">已结束</a>
<a href="javascript:void(0);" class="edu-filter-cir-grey mr5 active" data-remote="true" id="all">全部</a>
<a href="javascript:void(0);" class="edu-filter-cir-grey mr5" data-remote="true" id="hang_up">挂起</a>
<a href="javascript:void(0);" class="edu-filter-cir-grey mr5" data-remote="true" id="submiting">提交中</a>
<a href="javascript:void(0);" class="edu-filter-cir-grey mr5" data-remote="true" id="resubmiting">补交中</a>
<a href="javascript:void(0);" class="edu-filter-cir-grey mr5" data-remote="true" id="anonymous">匿评中</a>
<a href="javascript:void(0);" class="edu-filter-cir-grey mr5" data-remote="true" id="alleging">申诉中</a>
<a href="javascript:void(0);" class="edu-filter-cir-grey mr5" data-remote="true" id="reading">评阅中</a>
<a href="javascript:void(0);" class="edu-filter-cir-grey mr5" data-remote="true" id="ending">已结束</a>
</p>
<div id="search_div" class="edu-position fr task-form-30 mr15">
<%= render :partial => 'homework_search_form', :locals => {:course => @course} %>
</div>
</div> <div id="homework_index_list">
</div>
<div id="homework_index_list">
<%= render :partial => 'homework_common/homework_index_list', :locals => {:homework_commons => @homeworks,:course_id => @course.id} %>
</div>
</div>
</div>
</div>
<script>
/* ------------------------- 作业列表全部/挂机/提交中/补交中....的点击事情 ----------------------------*/
$(".edu-filter-cir-grey").live("click", function(ev){
var nStatus = $(".edu-filter-cir-grey"); // 所有状态的jquery标签
var search = $("#homework_name_search").val(); // 搜索课程名称
var id = $(this).attr("id"); // 获取点击标签的id
var order = null; // 后台判定状态的标志
// tab标签样式切换
nStatus.removeClass("active");
$(this).addClass("active");
// 获取order的值
if(id == "hang_up"){
order = 0;
}else if(id == "submiting"){
order = 1;
}else if(id == "resubmiting"){
order = 2;
}else if(id == "anonymous"){
order = 3;
}else if(id == "alleging"){
order = 4;
}else if(id == "reading"){
order = 5;
}else if(id == "ending"){
order = 6;
}
// 提交数据局部刷新
$.ajax({
url: "<%= homework_common_index_path %>" + ".js",
data: { order: order, search: search, course: <%= @course.id %> }
});
});
</script>

6
public/javascripts/edu/course.js
View File

@ -133,12 +133,6 @@ $(function() {
}
});
/* ------------------------- 作业列表全部/挂机/提交中/补交中....的点击事情 ----------------------------*/
$(".edu-filter-cir-grey").live("click", function(ev){
var nStatus = $(".edu-filter-cir-grey");
nStatus.removeClass("active");
$(this).addClass("active");
});
// var changeColor = function(c){
// if(c.find(".blue").css("display") == "none") {