jacknudt
/
socialforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

新建班级、新建课程增加tip说明

This commit is contained in:
cxt 2016-10-25 13:21:01 +08:00
parent c962e3c18b
commit 15b6aaf2a2
6 changed files with 75 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
app/views/courses/new.html.erb
View File

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

12
app/views/courses/settings.html.erb
View File

@ -76,11 +76,11 @@
<div class="cl"></div> <div class="cl"></div>
<span class=" ml80 c_orange">学生或其他成员申请加入课程时候需要使用该口令，该口令可以由老师在课堂上公布。</span> <span class=" ml80 c_orange">学生或其他成员申请加入课程时候需要使用该口令，该口令可以由老师在课堂上公布。</span>
</li>--> </li>-->
<li class="ml45"> <!--<li class="ml45">-->
<label class="fl" >&nbsp;&nbsp;<%= l(:label_new_course_description)%>&nbsp;&nbsp;：</label> <!--<label class="fl" >&nbsp;&nbsp;<%#= l(:label_new_course_description)%>&nbsp;&nbsp;：</label>-->
<textarea name="course[description]" placeholder="最多3000个汉字(或6000个英文字符)" class="courses_text fl" maxlength="6000"><%= @course.description%></textarea> <!--<textarea name="course[description]" placeholder="最多3000个汉字(或6000个英文字符)" class="courses_text fl" maxlength="6000"><%#= @course.description%></textarea>-->
<div class="cl"></div> <!--<div class="cl"></div>-->
</li> <!--</li>-->
<li class=" mb5 ml80"> <li class=" mb5 ml80">
<label >公开&nbsp;&nbsp;：</label> <label >公开&nbsp;&nbsp;：</label>
<input <%= @course.is_public == 1 ? 'checked' : ''%> id="course_is_public" name="course[is_public]" type="checkbox"> <input <%= @course.is_public == 1 ? 'checked' : ''%> id="course_is_public" name="course[is_public]" type="checkbox">
@ -99,7 +99,7 @@
<span class="c_grey">（选中后允许学生上传班级资源，否则不允许）</span> <span class="c_grey">（选中后允许学生上传班级资源，否则不允许）</span>
<div class="cl"></div> <div class="cl"></div>
</li> </li>
<li class=" ml90" > <li class="mt10 ml90" >
<a href="javascript:void(0)" class="blue_btn fl c_white" onclick="submit_edit_course(<%= @course.id%>);" >提交</a> <a href="javascript:void(0)" class="blue_btn fl c_white" onclick="submit_edit_course(<%= @course.id%>);" >提交</a>
<%= link_to l(:button_cancel), course_path(@course), :class => "grey_btn fl c_white ml10" %> <%= link_to l(:button_cancel), course_path(@course), :class => "grey_btn fl c_white ml10" %>
<div class="cl"></div> <div class="cl"></div>

16
app/views/syllabuses/new.html.erb
View File

@ -1,7 +1,7 @@
<div class="project_r_h02"> <div class="project_r_h02" style="width: 980px;">
<h2 class="project_h2">新建课程</h2> <h2 class="project_h2">新建课程</h2>
</div> </div>
<div class="hwork_new"> <div class="hwork_new pr">
<ul> <ul>
<%= labelled_form_for @syllabus do |f| %> <%= labelled_form_for @syllabus do |f| %>
<li class="ml45"> <li class="ml45">
@ -11,19 +11,25 @@
</li> </li>
<div class="cl"></div> <div class="cl"></div>
<li class="ml125 fontGrey3"><span class="success-icon mr25">正确示例：软件工程</span><span class="error-icon">错误示例：2016软件工程</span></li> <li class="ml125 fontGrey3"><span class="success-icon mr25">正确示例：软件工程</span><span class="error-icon">错误示例：2016软件工程</span></li>
<li class="ml125 mt10 mb10 fontGrey2">课程是针对一个具体的学科方向开展的教学内容与进程安排。<br/>本质上，一门课程就是一个教学计划。</li> <li class="mt10 ml45">
<li class="ml45">
<label><span class="c_white">*</span>&nbsp;<%= l(:label_tags_course_eng_name)%>&nbsp;&nbsp;：</label> <label><span class="c_white">*</span>&nbsp;<%= l(:label_tags_course_eng_name)%>&nbsp;&nbsp;：</label>
<input type="text" name="eng_name" id="new_syllabus_eng_name" placeholder="例如：Software Engineering" class="name_input" maxlength="100"> <input type="text" name="eng_name" id="new_syllabus_eng_name" placeholder="例如：Software Engineering" class="name_input" maxlength="100">
<!--<span class="c_red" id="new_course_class_period_notice" style="display: none;"></span>--> <!--<span class="c_red" id="new_course_class_period_notice" style="display: none;"></span>-->
</li> </li>
<div class="cl"></div> <div class="cl"></div>
<li class=" ml55" > <li class="mt10 ml55" >
<a href="javascript:void(0)" class="blue_btn fl c_white" onclick="submit_new_syllabus();" >提交</a> <a href="javascript:void(0)" class="blue_btn fl c_white" onclick="submit_new_syllabus();" >提交</a>
<%= link_to "取消",user_activities_path(User.current.id),:class => "grey_btn fl c_white ml10"%> <%= link_to "取消",user_activities_path(User.current.id),:class => "grey_btn fl c_white ml10"%>
<div class="cl"></div> <div class="cl"></div>
</li> </li>
<% end%> <% end%>
</ul> </ul>
<div class="ye_tips_box_inner" style="left: 570px; top: -5px; text-align: left;">
<em style="top: 9px;"></em>
<span style="top: 9px;"></span>
<p>
课程是针对一个具体的学科方向开展的教学内容与进程安排。<br/>本质上，一门课程就是一个教学计划。
</p>
</div>
</div><!--talknew end--> </div><!--talknew end-->
<div class="cl"></div> <div class="cl"></div>

6
public/stylesheets/css/common.css
View File

@ -132,6 +132,7 @@ h4{ font-size:14px;}/*color:#3b3b3b;*/
.ml60{ margin-left:60px;} .ml60{ margin-left:60px;}
.ml65{ margin-left:65px;} .ml65{ margin-left:65px;}
.ml70{margin-left: 70px;} .ml70{margin-left: 70px;}
.ml78{ margin-left:78px;}
.ml80{ margin-left:80px;} .ml80{ margin-left:80px;}
.ml85{margin-left:85px;} .ml85{margin-left:85px;}
.ml90{ margin-left:90px;} .ml90{ margin-left:90px;}
@ -234,6 +235,7 @@ h4{ font-size:14px;}/*color:#3b3b3b;*/
.w125{width:125px;} .w125{width:125px;}
.w128{ width:128px;} .w128{ width:128px;}
.w140{ width:140px;} .w140{ width:140px;}
.w145{ width:145px;}
.w150{ width:150px;} .w150{ width:150px;}
.w170{width:170px;} .w170{width:170px;}
.w180{width:180px;} .w180{width:180px;}
@ -247,7 +249,8 @@ h4{ font-size:14px;}/*color:#3b3b3b;*/
.w265{ width: 265px;} .w265{ width: 265px;}
.w270{ width: 270px;} .w270{ width: 270px;}
.w280{ width:280px;} .w280{ width:280px;}
.w300{ width:300px;} .w289{ width:289px !important;}
.w300{ width:300px !important;}
.w305{ width:305px;} .w305{ width:305px;}
.w350 {width:350px;} .w350 {width:350px;}
.w362 {width:362px;} .w362 {width:362px;}
@ -285,6 +288,7 @@ h4{ font-size:14px;}/*color:#3b3b3b;*/
.w720{width:721px;} .w720{width:721px;}
.w730{width:730px;} .w730{width:730px;}
.w770{ width:770px;} .w770{ width:770px;}
.h28{height: 28px;}
.h20{height: 20px;} .h20{height: 20px;}
.h22{ height:22px;} .h22{ height:22px;}
.h26{ height:26px;} .h26{ height:26px;}

10
public/stylesheets/css/courses.css
View File

@ -90,7 +90,7 @@ a:hover.tijiao{ background:#0f99a9;}
.hwork_new{ color:#4c4c4c;} .hwork_new{ color:#4c4c4c;}
.hwork_input{ border:1px solid #64bdd9; height:22px; width:88%; background:#fff; margin-bottom:10px; padding:5px;} .hwork_input{ border:1px solid #64bdd9; height:22px; width:88%; background:#fff; margin-bottom:10px; padding:5px;}
.hwork_input02{ border:1px solid #64bdd9; height:15px; width:140px; background:#fff; margin-bottom:10px; padding:5px;} .hwork_input02{ border:1px solid #ddd; height:15px; width:140px; background:#fff; margin-bottom:10px; padding:5px;}
.hwork_text{ border:1px solid #64bdd9; height:100px;width:555px; background:#fff; margin-left:5px; padding:5px; margin-bottom:10px;} .hwork_text{ border:1px solid #64bdd9; height:100px;width:555px; background:#fff; margin-left:5px; padding:5px; margin-bottom:10px;}
.hwork_new ul li{ } .hwork_new ul li{ }
.hwork_ttl{height:24px;} .hwork_ttl{height:24px;}
@ -270,7 +270,7 @@ a.hworkSearchIcon:hover {background:url(../images/nav_icon.png) -49px -1px no-re
/* 创建课程courses*/ /* 创建课程courses*/
.courses_input{ border:1px solid #64bdd9; height:16px; width:532px; background:#fff; margin-bottom:10px; padding:5px;} .courses_input{ border:1px solid #ddd; height:16px; width:532px; background:#fff; margin-bottom:10px; padding:5px;}
.courses_input_w{ width:300px;} .courses_input_w{ width:300px;}
.courses_text{ border:1px solid #64bdd9; height:100px;width:532px; background:#fff; margin-left:5px; padding:5px; margin-bottom:10px;} .courses_text{ border:1px solid #64bdd9; height:100px;width:532px; background:#fff; margin-left:5px; padding:5px; margin-bottom:10px;}
.upimg{ border:1px solid #eaeaea; display:block; width:60px; height:60px; padding:1px;} .upimg{ border:1px solid #eaeaea; display:block; width:60px; height:60px; padding:1px;}
@ -559,3 +559,9 @@ a:hover.blueCir{ background:#3598db; color:#fff;}
.new-question {width:324px; height:30px; color:#888; background-color:#fff; padding-left:5px; margin-left:46px; cursor:pointer;} .new-question {width:324px; height:30px; color:#888; background-color:#fff; padding-left:5px; margin-left:46px; cursor:pointer;}
.new-subjective {width:550px; height:30px; color:#888; background-color:#fff; padding-left:5px; margin-left:96px; cursor:pointer;} .new-subjective {width:550px; height:30px; color:#888; background-color:#fff; padding-left:5px; margin-left:96px; cursor:pointer;}
.questionnaire-input {height:30px; border:1px solid #cbcbcb; padding-left:5px;} .questionnaire-input {height:30px; border:1px solid #cbcbcb; padding-left:5px;}
/*黄色边框的提示信息 */
.ye_tips_box_inner{ position: absolute;line-height: 1.5;padding: 5px 10px; white-space: nowrap; background-color: #FFFEF4; left:30px; top: -5px; border: solid 1px #F3DDB3;}
.ye_tips_box_inner span { display: block; border-width: 10px;position: absolute;top: 15px; left: -18px; border-style: dashed solid dashed dashed;border-color: transparent #FFFEF4 transparent transparent;font-size: 0;line-height: 0;}
.ye_tips_box_inner em { display: block; border-width: 10px;position: absolute;top: 42px; left: -20px; border-style: dashed solid dashed dashed;border-color: transparent #F3DDB3 transparent transparent;font-size: 0;line-height: 0;}

2
public/stylesheets/syllabus.css
View File

@ -73,7 +73,7 @@ a.syllabus_class_title{ font-size:14px; color:#333; max-width:480px; margin-bott
/*新建页面*/ /*新建页面*/
.name_input{ border:1px solid #64bdd9; height:16px; width:310px; background:#fff; margin-bottom:10px; padding:5px;} .name_input{ border:1px solid #ddd; height:16px; width:400px; background:#fff; margin-bottom:10px; padding:5px;}
.homepageSyllabusName {font-size:16px; color:#484848; float:left; max-width:120px;} .homepageSyllabusName {font-size:16px; color:#484848; float:left; max-width:120px;}
.syllabusTitleTextarea {resize:none; width:120px; margin-left: 10px; height:80px; max-width:120px; max-height:80px; border:1px solid #d9d9d9; outline:none; margin:0px 0px 12px 0px;} .syllabusTitleTextarea {resize:none; width:120px; margin-left: 10px; height:80px; max-width:120px; max-height:80px; border:1px solid #d9d9d9; outline:none; margin:0px 0px 12px 0px;}