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

<%= content_for(:header_tags) do %>
    <%= import_ke(enable_at: true, prettify: false, init_activity: false) %>
<% end %>

<div class="task-pm-content mb20">
  <div class="task-pm-box mt20">
    <div class="panel-header clearfix">
      <h3 class="fl mt5">新建阶段</h3>
    </div>
    <div class=" panel-form ">
      <ul>
        <%= labelled_form_for @challenge, :url => shixun_challenges_path(@shixun) do |f| %>
            <li class="clearfix">
              <label class=" panel-form-label fl"><span class="c_red mr5">*</span>名称：</label>
              <input type="text" class="panel-form-width-690 panel-form-height-30 fl" placeholder="请输入当前任务的名称（此信息将提前泄露给学员）" />
            </li>
            <li class="clearfix">
              <label class=" panel-form-label fl">预备知识：</label>
              <textarea class="panel-form-width-690 panel-form-height-150 fl task-textarea-pd" placeholder="请输入完成当前任务依赖的知识点或者其它相关信息，指导学员完成任务"></textarea>
            </li>
            <li class="clearfix">
              <label class=" panel-form-label fl"><span class="c_red  mr5">*</span>过关任务：</label>
              <textarea class="panel-form-width-690 panel-form-height-150 fl task-textarea-pd"></textarea>
            </li>
            <li class="clearfix">
              <label class=" panel-form-label fl">样例设置：</label>
              <ul class="fl  task-bg-grey ">
                <li class="clearfix">
                  <p class="clearfix">
                    <span class="color-green fb fl">样例1</span>
                    <span class="color-grey fr" style="font-size:12px;">温馨提示：输入样例供学员参考。</span>
                  </p>
                  <input type="text" class="panel-form-width-670 panel-form-height-30 mb10" placeholder="样例输入" />
                  <input type="text" class="panel-form-width-670 panel-form-height-30 " placeholder="样例输出" />
                </li>
                <li class="clearfix">
                  <p class="clearfix">
                    <span class="color-green fb fl">样例2</span>
                    <a href="#" title="增加"><i class="fa fa-plus-circle color-grey font-16 ml10 fl mt12"></i></a>
                    <a href="#" title="删除"><i class="fa fa-times-circle color-grey font-16 ml10 fl mt12"></i></a>
                  </p>
                  <input type="text" class="panel-form-width-670 panel-form-height-30 mb10" placeholder="样例输入" />
                  <input type="text" class="panel-form-width-670 panel-form-height-30 " placeholder="样例输出" />
                </li>
              </ul>
            </li>
            <li class="clearfix">
              <label class=" panel-form-label fl">测试集设置：</label>
              <ul class="fl  task-bg-grey ">
                <li class="clearfix">
                  <p class="clearfix">
                    <span class="color-green fb fl">测试1</span>
                    <span class="color-grey fr" style="font-size:12px;">温馨提示：在学员"提交评测"时进行自动检测。</span>
                  </p>
                  <input type="text" class="panel-form-width-670 panel-form-height-30 mb10" placeholder="测试输入" />
                  <input type="text" class="panel-form-width-670 panel-form-height-30 " placeholder="测试输出" />
                </li>
                <li class="clearfix">
                  <p class="clearfix">
                    <span class="color-green fb fl">测试2</span>
                    <a href="#" title="增加"><i class="fa fa-plus-circle color-grey font-16 ml10 fl mt12"></i></a>
                    <a href="#" title="删除"><i class="fa fa-times-circle color-grey font-16 ml10 fl mt12"></i></a>
                  </p>
                  <input type="text" class="panel-form-width-670 panel-form-height-30 mb10" placeholder="测试输入" />
                  <input type="text" class="panel-form-width-670 panel-form-height-30 " placeholder="测试输出" />
                </li>
              </ul>
            </li>
            <li class="clearfix">
              <label class=" panel-form-label fl"> 知识/技能点：</label>
              <div class="fl task-bd-grey">
                <div class="task-tag tag-grey mb10 mr10 fl">
                  <button data-dismiss="alert" class="close fr mt3 ml5" type="button">×</button>
                  使用交互模式的 Python3 解释器
                </div>
                <div class="task-tag tag-grey mb10 mr10 fl">
                  <button data-dismiss="alert" class="close fr mt3 ml5" type="button">×</button>
                  简单使用 vim 编写脚本文件并执行这个脚本文件
                </div>
                <div class="task-tag tag-grey mb10 mr10 fl">
                  <button data-dismiss="alert" class="close fr mt3 ml5" type="button">×</button>
                  Python 语法：缩进
                </div>
                <div class="task-tag tag-grey mb10 mr10 fl">
                  <button data-dismiss="alert" class="close fr mt3 ml5" type="button">×</button>
                  规范代码风格和注释
                </div>
                <div class="task-tag tag-grey mb10 mr10 fl">
                  <button data-dismiss="alert" class="close fr mt3 ml5" type="button">×</button>
                  <input type="text" class=" task-tag-input" placeholder="请输入完成本任务得到的技能（1个）" />
                </div>
                <button  class="close fl mt3 " type="button">+</button>
              </div>
            </li>
            <li class="clearfix">
              <label class=" panel-form-label fl"> 参考答案：</label>
              <textarea class="panel-form-width-690 panel-form-height-150 fl task-textarea-pd"></textarea>
            </li>
            <li class="clearfix">
              <label class=" panel-form-label fl"><span class="c_red mr5">*</span>分值设定：</label>
              <input type="text" class=" panel-form-height-30 fl " placeholder="25" style="padding:5px;" />
              <span class="fl ml5">分</span>
            </li>
            <li class="clearfix">
              <a href="#" class=" task-btn task-btn-green fr mr10">保存</a>
              <a href="#" class=" task-btn fr mr10">取消</a>
            </li>
        <% end %>
      </ul>
    </div>

  </div>
</div>

<% if false %>
<!--新建缺陷开始-->
<div class="pro_new_con mb10">
  <div class="pro-task-new-con clear">
    <%#= call_hook(:view_issues_new_top, {:training_task => @training_task}) %>
    <%= labelled_form_for @challenge, :url => shixun_challenges_path(@shixun) do |f| %>
        <%= error_messages_for 'training_task' %>
        <%= hidden_field_tag 'copy_from', params[:copy_from] if params[:copy_from] %>
        <div>
          <%= render :partial => 'form', :locals => {:f => f} %>
        </div>
    <% end %>
  </div>
</div>
<% end %>