socialforge/app/views/courses/new.html.erb

<div class="project_r_h02" style="width: 980px;">
  <h2 class="project_h2"><%= l(:permission_new_course)%></h2>
</div>
<div class="hwork_new pr">
  <ul>
    <%= labelled_form_for @course do |f| %>
        <li class="mt5 ml45 mb10">
          <label><span class="c_red">*</span>&nbsp;<%= l(:label_tags_syllabus_name)%>&nbsp;&nbsp;：</label>
          <% if @syllabus.nil? %>
              <%= select_tag :syllabus_id,options_for_select(course_syllabus_option,@course.syllabus_id), {:id=>"new_syllabus_id", :class=>"syllabus_input w300 h28", :onchange => "change_course_name();"}  %>
          <% else %>
              <span id="course_syllabus_title"><%=@syllabus.title %></span>
              <input style="display: none;" name="syllabus_id" value="<%=@syllabus.id %>" />
          <% end %>
          <div class="cl"></div>
          <span class="c_red ml80" id="new_course_syllabus_notice" style="display: none;">请先选择课程</span>
        </li>
        <div class="cl"></div>
        <li class="mt10 ml45">
          <label><span class="c_red">*</span>&nbsp;<%= l(:label_tags_course_name)%>&nbsp;&nbsp;：</label>
          <input  type="text" name="course[name]" id="new_course_name" class="courses_input w289" maxlength="100" placeholder="例如：软件工程计算机系2016秋季A班" onkeyup="regex_course_name('new');">
          <div class="cl"></div>
          <span class="c_red ml80" id="new_course_name_notice" style="display: none;">班级名称不能为空且至少有两个字符</span>
        </li>
        <div class="cl"></div>
        <li class="ml125 mb5 fontGrey3"><span class="success-icon mr25">正确示例：软件工程计算机系2016秋季A班</span></li>
        <li class="ml125 mb10 fontGrey3"><span class="error-icon">错误示例：计算机系2016秋季A班</span></li>
        <!--<li class="ml125 mt10 mb10 fontGrey2" style="max-width: 544px;">班级是一个由教师、助教（教辅）和学生组成的临时的教学群体，在规定的时间内（如一个学期）完成一门课程规定的教学任务。本质上，一门课程就是一个教学计划。</li>-->
        <li class="mt10 ml45">
          <label><span class="c_red">*</span>&nbsp;<%= l(:label_class_period)%>&nbsp;&nbsp;：</label>
          <input  type="text" name="class_period" id="new_class_period" class="courses_input w289" onkeyup="regex_course_class_period('new');" placeholder="例如：54" maxlength="6">
          <span class="c_red" id="new_course_class_period_notice" style="display: none;"></span>
        </li>
        <div class="cl"></div>
        <li  class="mt10 ml45 mb10">
          <label><span class="c_red">*</span>&nbsp;<%= l(:label_course_term)%>&nbsp;&nbsp;：</label>
          <%= select_tag :time,options_for_select(course_time_option(@course.time),Time.now.year), {:id=>"new_time", :class => "h28 w145 mr8"} %>
          <%= select_tag :term,options_for_select(course_term_option,@course.term || cur_course_term),{:id=>"new_term", :class => "h28 w145"} %>
          <span class="c_red" id="new_course_time_term_notice"></span>
        </li>
        <div class="cl"></div>
        <li  class="mt5 ml45 mb10">
          <label><span class="c_red">*</span>&nbsp;结束学期&nbsp;&nbsp;：</label>
          <%= select_tag :end_time,options_for_select(course_time_option(@course.end_time),Time.now.year), {:id=>"new_end_time", :class => "h28 w145 mr8"}  %>
          <%= select_tag :end_term,options_for_select(course_term_option,@course.end_term || cur_course_term),{:id=>"new_end_term", :class => "h28 w145"}  %>
        </li>
        <div class="cl"></div>
        <!--<li class="ml45 mb10">
          <label><span class="c_red">*</span>&nbsp;<%#= l(:label_new_course_password)%>&nbsp;&nbsp;：</label>
          <input type="text" style="display: none;">
          <input  type="password" name="course[password]" id="new_course_course_password" class="hwork_input02" onkeyup="regex_course_password('new');">
          <a id="psw_btn" href="javascript:void(0)">显示明码</a>
          <span class="c_red" id="new_course_course_password_notice"></span>
          <div class="cl"></div>
          <span class="ml80 c_red">学生或其他成员申请加入课程时候需要使用该口令，该口令可以由老师在课堂上公布。</span>
        </li>-->
        <!--<li class="ml45">-->
          <!--<label class="fl" >&nbsp;&nbsp;<%#= l(:label_new_course_description)%>&nbsp;&nbsp;：</label>-->
          <!--<textarea  name="course[description]" placeholder="最多3000个汉字(或6000个英文字符)"  class="courses_text fl"  ></textarea>-->
          <!--<div class="cl"></div>-->
        <!--</li>-->
        <li class="mt10 mb5 ml78">
          <label >公开&nbsp;&nbsp;：</label>
          <input id="course_is_public" name="course[is_public]"  type="checkbox" value="1">
          <span class="c_grey">（选中后对所有用户可见，否则仅对本班级成员可见）</span>
          <div class="cl"></div>
        </li>
        <li class="mt5 mb5 ml30">
          <label >学生列表公开&nbsp;&nbsp;：</label>
          <input id="course_open_student" name="course[open_student]"  type="checkbox" value="1">
          <span class="c_grey">（选中后对所有用户可见，否则仅对本班级成员可见）</span>
          <div class="cl"></div>
        </li>
        <li class="mt5 mb5 ml30">
          <label >学生上传资源&nbsp;&nbsp;：</label>
          <input <%= @course.publish_resource == 1 ? 'checked' : ''%> id="course_publish_resource" name="course[publish_resource]"  type="checkbox" />
          <span class="c_grey">（选中后允许学生上传班级资源，否则不允许）</span>
          <div class="cl"></div>
        </li>
        <li class="mt10 ml30" >
          <a href="javascript:void(0)" class="blue_btn fl c_white" onclick="submit_new_course();" >提交</a>
          <%= link_to "取消",user_activities_path(User.current.id),:class => "grey_btn fl c_white ml10"%>
          <div class="cl"></div>
        </li>
    <% end%>
  </ul>
  <div class="ye_tips_box_inner" style="left: 460px; top: 0px; text-align: left;">
    <em style="top: 5px;"></em>
    <span style="top: 5px;"></span>
    <p>
      如果列表中没有对应的课程，请您先<%=link_to '创建课程', new_syllabus_path(),:target => '_blank', :class => 'ml5 green_btn_share c_white'%>，然后【刷新】
    </p>
  </div>
  <div class="ye_tips_box_inner" style="left: 460px; top: 40px; text-align: left;">
      <em style="top: 10px;"></em>
      <span style="top: 10px;"></span>
      <p>
        班级是一个由教师、助教（教辅）和学生组成的临时的教学群体，在规定的时间内（如一个<br/>学期）完成一门课程规定的教学任务。本质上，一门课程就是一个教学计划。<br/><br/>
        <font class="c_red">特别注意：</font>如果您同时开设了教学内容完全同步的多个班级，强烈建议您：只需创建一个班<br/>级，然后在这个班级中新建多个小班，这样您发布的所有信息就能够在不同小班中共享了。
      </p>
  </div>
  <div class="ye_tips_box_inner" style="left: 460px; top: 223px; text-align: left;">
    <em style="top: 5px;"></em>
    <span style="top: 5px;"></span>
    <p>
      仅针对跨越多个学期的班级，否则与开始学期保持一致。
    </p>
  </div>
</div><!--talknew end-->
<div class="cl"></div>
<script>
  $(function(){
      $("#new_time").change(function(){
        document.getElementById("new_end_time").options[document.getElementById("new_time").selectedIndex].selected = true;
      });
      $("#new_term").change(function(){
          document.getElementById("new_end_term").options[document.getElementById("new_term").selectedIndex].selected = true;
      });
      <% unless @syllabus.nil? %>
        $("#new_course_name").val('<%= @syllabus.title %>');
        $("#new_course_name").focus();
      <% end %>
  });
  function change_course_name(){
      if($("#new_syllabus_id").val() != '0') {
          $("#new_course_name").val($("#new_syllabus_id").find("option:selected").text());
          $("#new_course_name").focus();
      }
  }
</script>