87 lines
4.1 KiB
Plaintext
87 lines
4.1 KiB
Plaintext
<div id="shixun_form">
|
||
<li class="clearfix" style="margin-bottom: 0;">
|
||
<label class=" panel-form-label fl"> 技能标签：</label>
|
||
<div class="fl task-bd-grey">
|
||
<% if params[:action] == "edit" && @challenge_tags.count > 0 %>
|
||
<% @challenge_tags.each do |tag| %>
|
||
<div class="task-tag tag-grey mt5 mr10 fl">
|
||
<button data-dismiss="alert" class="close fr mt3 ml5" type="button" onclick="close_tag(this)">×</button>
|
||
<input class='knowledge_frame' name='knowledge[input][]' value="<%= tag.try(:name)%>" />
|
||
</div>
|
||
<% end %>
|
||
<% end %>
|
||
|
||
<div class="task-tag tag-grey mt5 mr10 fl <%= @challenge_tags.count > 0 ? "undis" : "" %>" id="add_shixun_skill">
|
||
<button data-dismiss="alert" class="close fr mt3 ml5" type="button" onclick="$('#add_shixun_skill').slideToggle();">×</button>
|
||
<input type="text" class="task-tag-input" onblur="add_tag();" id="shixun_skill_input" placeholder="请输入技能标签" />
|
||
</div>
|
||
<a href="javascript:void(0);" onclick="$('#add_shixun_skill').slideToggle();" id="add_knowledge" style="color: #627bfd;float: left;margin-top: 5px">+添加</a>
|
||
</div>
|
||
</li>
|
||
<p class="color-red ml95" style="height: 25px;"><span id="stage_name_notice" style="display: none;"><i class="fa fa-exclamation-circle color-red mr5"></i>技能标签不能为空</span></p>
|
||
<div class="prop-notice-info mb10 ml95">
|
||
<ol>
|
||
<% if @st == 0 %>
|
||
<li>学员未参考答案通过了本阶段的评测时将获得技能，否则不能获得技能</li>
|
||
<% else %>
|
||
<li>学员答题正确将获得技能，否则不能获得技能</li>
|
||
<% end %>
|
||
</ol>
|
||
</div>
|
||
|
||
<!--<li class="clearfix">-->
|
||
<!--<a href="javascript:void(0);" class="task-btn task-btn-green fr" onclick="challenge_skill_update();">保存</a>-->
|
||
<!--<a href="<%= edit_shixun_challenge_path(@challenge, :shixun_id => @shixun, :tab => 5) %>" class="task-btn fr mr10" id="skill_cancel">取消</a>-->
|
||
<!--</li>-->
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
var SnSkill = $(".knowledge_frame").length;
|
||
|
||
function add_tag(){
|
||
var num = $(".task-bd-grey").children('div').length;
|
||
var val = $(".task-tag-input").val().trim();
|
||
if (val != ""){
|
||
testLength = $(".task-tag-input").val().trim().length;
|
||
$("#add_shixun_skill").before("<div class='task-tag tag-grey mt5 mr10 fl' id='knowledge_" + num + "'>" +
|
||
"<button data-dismiss='alert' class='close fr mt3 ml5' type='button' onclick='close_tag(this)'>×</button>" +
|
||
"<input style='width:"+ testLength*12 +"px' class='knowledge_frame' name='knowledge[input][]' value='" + val +"'>" +
|
||
" </div>");
|
||
$(".task-tag-input").attr("value","");
|
||
}
|
||
$("#shixun_skill_input").val("");
|
||
$("#add_shixun_skill").hide();
|
||
}
|
||
|
||
function close_tag(thisObj){
|
||
// 获取父节点的id
|
||
var obj = $(thisObj).parent();
|
||
$(obj).remove();
|
||
}
|
||
$(document).click(function(e){
|
||
if(e.target.id==$("#edit_skill").attr("id")||e.target.id==$("#add_knowledge").attr("id")||e.target.className==$(".knowledge_frame").attr("class")||e.target.className==$(".close").attr("class")||e.target.id==$("#shixun_skill_input").attr("id")){
|
||
return;
|
||
}else{
|
||
var nSkill = $(".knowledge_frame");
|
||
add_tag();
|
||
if (nSkill.length > 0){
|
||
if(nSkill.length!==SnSkill) {
|
||
$("#challenge_skill_update").submit(); //当增加或者保存技能标签以后执行保存操作
|
||
}
|
||
|
||
}else{
|
||
$("#stage_name_notice").show();
|
||
}
|
||
}
|
||
});
|
||
// function challenge_skill_update(){
|
||
// var nSkill = $(".knowledge_frame");
|
||
// add_tag();
|
||
// if (nSkill.length > 0){
|
||
// $("#challenge_skill_update").submit();
|
||
// }else{
|
||
// $("#stage_name_notice").show();
|
||
// }
|
||
// }
|
||
</script>
|