educoder/app/views/courses/index.html.erb

<div class="active-class">
  <p class="mb10  font-14">
    <i class="fa fa-map-marker mr5 color-grey"></i>
    <a href="<%= user_path(User.current) %>"><%= User.current.show_name %></a> &gt;
    <a href="<%= courses_path %>">智能课堂</a>
  </p>
  <div class=" clearfix mb15 fl">
      <select class="task task-height-40 panel-box-sizing fl color-grey " style="width:160px; border: none;" id="syllabuses" onchange="submit_select_syllabuses(this.value)">
        <option value="all">所有课程</option>
        <option value="create">我发布的课程</option>
        <option value="join">我参与的课程</option>
        <!--<option>我收藏的课程</option>-->
      </select>
    <div class="header-search fl ml10 mr15" >
      <input type="text" placeholder="输入课程名字的关键字进行搜索" class="header-search-input fl" id="course_search" style="width: 200px;height: 40px;" />
      <a href="javascript:void(0);" onclick="search_syllabuses();"><i class="fa fa-search font-16 mt12 mr10"></i></a>
    </div>
  </div>
  <div class="cl"></div>
  <div class="content clearfix" id="intelligence_course_list">
    <%= render :partial => 'courses/courseList' %>
  </div>
</div>
<div class="sidebar">
  <div class="sidebar-top">
    <i class="fa fa-graduation-cap font-20" style="color:#fff;" aria-hidden="true"></i>
    <span>智能教学</span>
  </div>
  <div class="sidebar-con">
    <div class="list">
      <i class="fa fa-plus-circle color-light-green font-20 pl20 pr10 pt5" aria-hidden="true"></i><span>教学</span>
      <ul class="color-grey">
        <li><a href="<%= syllabuses_path() %>" target="_blank" >我的课堂</a></li>
        <li><a href="<%= new_syllabus_path(:host=> Setting.host_course) %>" target="_blank" >新建课程</a></li>
        <li><a href="<%= new_course_path(:host=> Setting.host_course) %>" target="_blank" >新建班级</a></li>
        <li><%= link_to "加入班级", join_private_courses_courses_path, :remote => true, :method => "post" %></li>
      </ul>
    </div>
    <div class="list">
      <i class="fa fa-cubes color-light-green font-20 pl20 pr10 pt5" aria-hidden="true"></i><span>资源库</span>
      <ul class="color-grey">
        <li><%= link_to "我的资源", user_resource_user_path(User.current, :type => 1), :target => "_blank" %></li>
        <li><%= link_to "公共资源", user_resource_user_path(User.current, :type => 6), :target => "_blank" %></li>
      </ul>
    </div>
    <div class="list">
      <i class="fa fa-map color-light-green font-20 pl20 pr10 pt5" aria-hidden="true"></i><span>题库</span>
      <ul class="color-grey">
        <li><%= link_to "我的题库", user_homeworks_user_path(User.current, :type => 1), :target => "_blank" %></li>
        <li><%= link_to "公共题库", user_homeworks_user_path(User.current, :type => 2), :target => "_blank" %></li>
      </ul>
    </div>
    <!--<div class="list">
      <i class="fa fa-history color-light-green font-20 pl20 pr10 pt5" aria-hidden="true"></i><span>历史记录</span>
      <ul class="color-grey">
        <li> <%#= link_to '发布的题', user_manage_homeworks_user_path(User.current), :target => "_blank" %></li>
        <li> <%#=link_to '收到的题', user_receive_homeworks_user_path(User.current), :target => "_blank" %></li>
      </ul>
    </div>-->
  </div>
</div>
<script>
    $(function() {
        $(".sidebar").hover(function() {
            $(this).css({
                width:'100px'
            }).stop().animate({
                width:'120px'
            }, 400);

            $(".sidebar-con .list ul li").css({
                paddingTop:'10px'
            }).stop().animate({
                paddingTop:'15px'
            }, 400);
        }, function() {
            $(this).css({
                width:'120px'
            }).stop().animate({
                width:'60px'
            }, 400);
            $(".sidebar-con .list ul li").css({
                paddingTop:'15px'
            }).stop().animate({
                paddingTop:'10px'
            }, 400);

        });
    });

    /* ------------------- 添加或取消收藏 ---------------------- */
    function add_cancel_to_favorites(nThis){
        var nIcon = $(nThis).find("i"); // 图标
        if(nIcon.hasClass("grey")){
            nIcon.removeClass("fa-heart-o grey").addClass("fa-heart color-light-green green")
        }else if(nIcon.hasClass("green")){
            nIcon.removeClass("fa-heart color-light-green green").addClass("fa-heart-o grey")
        }
        // 下面写添加收藏的方法

    }

    /* --------------------提交表单-------------------- */
    function submit_select_syllabuses(value){
        console.log(value);
        $.ajax({
           url: "<%= courses_path %>" + ".js",
           data: { select: value, search: $("#course_search").val() }
        });
    }

    /* --------------------搜索课程---------------------- */
    $('#course_search').bind('keypress',function(event){
        if(event.keyCode == 13)
            search_syllabuses()
    });
    function search_syllabuses(){
        var value = $("#syllabuses option:selected").val();
        submit_select_syllabuses(value)
    }

</script>