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

<%= javascript_include_tag 'jquery.datetimepicker.js' %>

<div class="stud-class-set">
  <div class="set-top mb15 clearfix">
    <span class="fl pl20 font-16">设置</span>
    <%= link_to '返回', course_path(@course), :class => 'fr mr15 link-color-grey' %>
  </div>
  <div class="news">
    <div class="nav clearfix">
      <p class="fl font-16 sheet" data-option="basic">
        基本信息<i class="fa fa-caret-down color-blue font-12" aria-hidden="true"></i>
      </p>

      <p class="fl font-16" data-option="member">
        成员管理
        <i class="fa fa-caret-down color-blue font-12" style="display:none;" aria-hidden="true"></i>
      </p>

<!--      <p class="fl font-16" data-option="module">
        模块设置
        <i class="fa fa-caret-down color-blue font-12" style="display:none;z-index:100;" aria-hidden="true"></i>
      </p>-->
    </div>

    <div class="container">
      <!----------------基本信息模块----------------------->
      <div class="basic">
        <%= labelled_form_for @course do |f| %>
            <div class="top clearfix">
              <div class="pic fl">
                <a href="javascript:void(0);"><%= image_tag(url_to_avatar(@course),width:"139", height: "76", :id=>'nh_source_tx', :alt => '头像') %></a>

                <a href="javascript:void(0);" class="changepic">更换图片</a>
              </div>
              <p class="fl" style="padding:65px 0 0 10px;">
                <a class="color-grey" href="javascript:void(0);">点击更换</a>
              </p>
            </div>
            <div class="bottom">
              <ul>
                <li class="clearfix pt20">
                  <label class="panel-form-label label fl"><span class="color-orange mr5">*</span>课程名字&nbsp;&nbsp;&nbsp;&nbsp;
                  </label>
                  <input type="hidden" id="course_real_name" value="<%= @course.name[@course.syllabus.title.length, @course.name.length] %>" />
                  <%= select_tag :syllabus_id,options_for_select(course_syllabus_option,@course.syllabus_id), {:id=>"edit_syllabus_id", :class=>"task task-height-40 panel-box-sizing fl color-grey", :onchange => "change_edit_course_name();"} %>
                  <div class="cl"></div>
                  <span class="color-orange fl none" id="edit_course_syllabus_notice" style="margin-left:25%;"><i class="fa fa-exclamation-circle mr5" ></i>请先选择课程</span>
                </li>
                <li class="pt20 clearfix">
                  <label class="panel-form-label label fl"><span class="color-orange mr5">*</span>班级名称&nbsp;&nbsp;&nbsp;&nbsp;
                  </label>
                  <input type="text" name="course[name]" id="edit_course_name" value="<%= @course.name %>" class="task task-height-40 panel-box-sizing fl color-grey" maxlength="100" placeholder="例如&nbsp;&nbsp;计算机学院通信工程专业16级1班" onkeyup="regex_course_name('edit');">
                  <div class="cl"></div>
                  <span class="color-orange fl none" id="edit_course_name_notice" style="margin-left:25%;"><i class="fa fa-exclamation-circle mr5" ></i>班级名称不能为空且至少有两个字符</span>
                </li>
                <li class="pt20 clearfix">
                  <label class="panel-form-label label fl">总学时&nbsp;&nbsp;&nbsp;&nbsp;</label>
                  <input type="text" name="period" id="edit_class_period" value="<%= @course.class_period %>" class="task task-height-40 panel-box-sizing fl cut color-grey" onkeyup="regex_course_class_period('edit');" placeholder="例如&nbsp;&nbsp;30" maxlength="6">
                  <div class="cl"></div>
                  <span class="color-orange fl none" id="edit_course_class_period_notice" style="margin-left:25%;"><i class="fa fa-exclamation-circle mr5" ></i>请输入正整数</span>
                </li>
                <li class="pt20 clearfix">
                  <label class="panel-form-label label fl">学分&nbsp;&nbsp;&nbsp;&nbsp;</label>
                  <input type="text" id="edit_course_credit" value="<%= @course.credit %>" name="credit" maxlength="2" class="task task-height-40 panel-box-sizing fl cut color-grey" onkeyup="regex_course_credit('edit');" placeholder="例如&nbsp;&nbsp;4">
                  <div class="cl"></div>
                  <span class="color-orange fl none" id="edit_course_credit_notice" style="margin-left:25%;"><i class="fa fa-exclamation-circle mr5" ></i>请输入正整数</span>
                </li>
                <li class="pt20 clearfix">
                  <label class="panel-form-label label fl">结束时间&nbsp;&nbsp;&nbsp;&nbsp;</label>
                  <input type="text" id="edit_course_end_date" value="<%= @course.end_date %>" class="task task-height-40 panel-box-sizing fl cut color-grey" name="end_date" placeholder="请选择结束日期">
                  <div class="cl"></div>
                  <div class="tusi">
                    <div class="entry">
                      <em></em>
                      <span class="after"></span>
                      <p class="color-grey">结束日期过后，班级进入归档状态，只能在历史班级中查看</p>
                    </div>
                  </div>
                  <div class="cl"></div>
                  <span class="color-orange fl none" id="edit_course_end_date_notice" style="margin-left:25%;"><i class="fa fa-exclamation-circle mr5" ></i>结束日期必须早于当前日期</span>
                </li>
                <li class="pt20 clearfix ">
                  <label class="panel-form-label label fl">&nbsp;&nbsp;</label>
                  <input type="checkbox" name="course[is_public]" class="fl mt8 mr5" value="1" <%= @course.is_public == 1 ? 'checked' : '' %>/><span class="color-grey">公开（选中后所有用户可见，否则仅班级成员可见）</span>
                </li>
                <li class=" clearfix pb20">
                  <label class="panel-form-label label fl">&nbsp;&nbsp;</label>
                  <a href="javascript:void(0);" class="task-btn task-btn-blue fl mr10" onclick="submit_edit_course(<%= @course.id%>);">保存</a>
                  <%= link_to '取消', course_path(@course), :class => 'task-btn fl ' %>
                </li>
              </ul>
            </div>
        <% end %>
      </div>
      <!-----------------成员管理模块-------------------------------->
      <div class="member" style="display:none;">
        <div class="top mb20">
          <p class="clearfix">
            <a href="javascript:void(0);" id="constration" onclick="add_new_group(<%= @course.id %>);" class="task-btn constration task-btn-green">＋ 添加分班</a>
          </p>
          <% if @course.course_groups.count > 0 %>
              <input type="checkbox" class="check mt20" onclick="update_choose_group_allow(<%= @course.id %>);" <%= @course.choose_group_allow ? 'checked' : ''%> value="1"/>&nbsp;&nbsp;<span class="color-grey">允许选班（选中后学生可以自己选择分班，否则只有教师和助教可以为学生选择分班）</span>
          <% end %>
        </div>

        <div id="setting_teacher_list">
          <%= render :partial => 'courses/settings/members' %>
        </div>
        <div id="setting_student_list">
        </div>
      </div>
      <!--------------------模块设置-------------------->
   <!--   <div class="module" id="setting_moduels_list" style="display:none;">
        <%#= render :partial => 'courses/settings/moduels' %>
      </div>-->
    </div>
  </div>
</div>

<script>
    $(function () {
        <% if @select_tab == 'member'%>
        $(".stud-class-set .news .nav p[data-option='member']").click();
        <% elsif @select_tab == 'module'%>
        $(".stud-class-set .news .nav p[data-option='module']").click();
        <% end %>
    });

    $('#edit_course_end_date').datetimepicker({
        allowBlank:true,
        lang:'ch',
        format:'Y-m-d',
        formatDate:'Y-m-d',
        timepicker:false,
        validateOnBlur:false
    });
</script>