educoder/app/views/account/authentication.html.erb

201 lines
12 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="panel-user-right-con clearfix">
<% if !@user.authentication && (@apply_user_auth.nil? || @apply_user_auth && (@apply_user_auth.status == 2 || @apply_user_auth.status == 1)) %>
<% unless @apply_user_auth && @apply_user_auth.status == 1 %>
<div class="alert alert-orange mb15 mt15">
<% if !@user.authentication && @apply_user_auth.nil? %>
<span class="cir-orange mr10">未认证</span>请及时提交认证申请,体验更全面、智能的资源和题库服务
<% elsif !@user.authentication && @apply_user_auth.status == 2 %>
<span class="cir-red mr10">未通过</span>抱歉,您提交的认证资料里“职业证明”、“身份证明”于<%= format_time @apply_user_auth.deal_time %>未通过认证审核!请您重新申请认证。
<% end %>
</div>
<% end %>
<div class="mr15 ml50">
<div class="clearfix ml50 mb30 mt30">
<div class="user-liucheng fl">1.上传图片</div>
<div class="task-arrow-right task-arrow-right02 fl"></div>
<div class="user-liucheng fl user-liucheng-grey">2.审核并完成认证</div>
</div>
<div class="ml50 clearfix mb30">
<span class="fl font-16 font-bd">职业证明:</span>
<div class="fl font-12">
<p class="mb10 mt5">
如:教师证、学生证、工作证<br/>
<span class="color-red" style="color:red;">请根据你基本资料中填写的职业、职称和单位名称,上传匹配的证件照片</span>
</p>
<ul class="user-renzheng-box color-grey">
<li>
<%= file_field_tag 'avatar[image]',
:id => "upload_img_pro",
:style => 'display:none;',#added by young
:size => "1",
:multiple => false,
:onchange => 'addInputAvatar(this);',
:data => {
:max_file_size => Setting.authentication_img_max_size.to_i.kilobytes,
:max_file_size_message => l(:error_user_auth_too_big, :max_size => number_to_human_size(Setting.authentication_img_max_size.to_i.kilobytes)),
:max_concurrent_uploads => Redmine::Configuration['max_concurrent_ajax_uploads'].to_i,
:file_type => Redmine::Configuration['pic_types'].to_s,
:type_support_message => l(:error_pic_type),
:upload_path => upload_avatar_path(:format => 'js'),
:description_placeholder => nil ,# l(:label_optional_description)
:source_type => 'UserAuthentication',
:source_id => @user.id.to_s,
:auth_type => 'PRO',
:is_direct => 1
} %>
<input type="hidden" value="0" id="upload_img_pro_sign" />
<a href="javascript:void(0);" onclick="$('#upload_img_pro').click();" class="user-renzheng-upload"><i class="fa fa-plus font-28"></i><br/><span class="">点击上传图片</span></a>
</li>
<li>
<% if @apply_user_auth && @apply_user_auth.status == 1 %>
<%= image_tag(url_to_auth_img(0, 'PRO'), :width => 200, :height => 150, :class => 'user-renzheng-img', :id => 'nh_source_pro') %>
<% else %>
<%= image_tag(url_to_auth_img(@user.id, 'PRO'), :width => 200, :height => 150, :class => 'user-renzheng-img', :id => 'nh_source_pro') %>
<% end %>
</li>
<li>
<p>1.请提交有效期内的资格证照片,需确保头像和文字清晰<br/>
2.支持JPG / PNG / BMP等格式图片<br/>
3.图片最大不要超过2M<br/>
</p>
</li>
</ul>
</div>
</div>
<div class=" ml50 clearfix mb30 ">
<span class="fl font-16 font-bd">身份证明:</span>
<div class="fl font-12" >
<p class="mb10 mt5">
手持身份证的半身照
</p>
<ul class=" user-renzheng-box color-grey">
<li>
<%= file_field_tag 'avatar[image]',
:id => "upload_img_id",
:style => 'display:none;',#added by young
:size => "1",
:multiple => false,
:onchange => 'addInputAvatar(this);',
:data => {
:max_file_size => Setting.authentication_img_max_size.to_i.kilobytes,
:max_file_size_message => l(:error_user_auth_too_big, :max_size => number_to_human_size(Setting.authentication_img_max_size.to_i.kilobytes)),
:max_concurrent_uploads => Redmine::Configuration['max_concurrent_ajax_uploads'].to_i,
:file_type => Redmine::Configuration['pic_types'].to_s,
:type_support_message => l(:error_pic_type),
:upload_path => upload_avatar_path(:format => 'js'),
:description_placeholder => nil ,# l(:label_optional_description)
:source_type => 'UserAuthentication',
:source_id => @user.id.to_s,
:auth_type => 'ID',
:is_direct => 1
} %>
<input type="hidden" value="0" id="upload_img_id_sign" />
<a href="javascript:void(0);" onclick="$('#upload_img_id').click();" class="user-renzheng-upload"><i class="fa fa-plus font-28"></i><br/><span class="">点击上传图片</span></a>
</li>
<li>
<% if @apply_user_auth && @apply_user_auth.status == 1 %>
<%= image_tag(url_to_auth_img(0, 'ID'), :width => 200, :height => 150, :class => 'user-renzheng-img', :id => 'nh_source_pro') %>
<% else %>
<%= image_tag(url_to_auth_img(@user.id, 'ID'), :width => 200, :height => 150,:class => 'user-renzheng-img', :id => 'nh_source_id') %>
<% end %>
</li>
<li>
<p>1.照片内所持身份证件必须在有效期内,没有作假痕迹。<br/>
2.照片内所持身份证件,信息清晰可见,无遮挡。<br/>
3.照片内持证人五官清晰可见,且五官须与身份证件上的照片一致。<br/>
4.支持JPG / PNG / BMP等格式图片<br/>
5.图片最大不要超过2M
</p>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0);" onclick="user_auth_submit(<%= @apply_user_auth.nil? ? '0' : '1' %>, '<%= user_auth_account_path() %>');" class="task-btn task-btn-blue fr" style="margin-right:100px;">提交认证申请</a>
<div class="cl"></div>
</div>
<% else %>
<%= render :partial => 'has_authentication' %>
<% end %>
</div>
<!--实名认证-->
<!--实名认证-未认证--->
<%if false%>
<div class="panel-not-certification">
<p class="font-18 border-bold-left-orange shiming-title">实名认证</p>
<div style="height: 200px"></div>
<div class="shiming-into">
<p><img src="" width="150" height="80"/></p>
<p class="font-bd mb10 font-16">当前用户尚未实名认证</p>
<p class="mb10">请完成实名认证以更好的享受智能教学服务</p>
<p><a class="shiming-to color_white font-16" href="javascript:void(0)">立即认证</a></p>
</div>
</div>
<!--实名认证-认证信息--->
<div class="panel-certification pr">
<div class="panel-cer-title clearfix">
<p class="font-18 shiming-title fl mt5">实名认证</p>
<p class="fr color-grey">
<span class="sm-stage-number stage-back-active">1</span><span class="sm-stage-item color-grey mr10 stage-font-active">填写认证信息&nbsp;&nbsp;></span>
<span class="sm-stage-number">2</span><span class="sm-stage-item color-grey mr10">人工审核&nbsp;&nbsp;></span>
<span class="sm-stage-number">3</span><span class="sm-stage-item color-grey mr10">认证结果</span>
</p>
</div>
<div class="panel-cer-content">
<p class="border-error-result pt5 pb5"><i class="fa fa-lightbulb-o color-yellow ml10 mr10 font-16"></i>以下信息通过审核后将不能再次修改,提交后请耐心等待核查</p>
<p class="color-yellow2 font-16">温馨提示:尊敬的用户,您提交的数据将会被加密,请放心填写。</p>
<ul>
<li class="clearfix mt10">
<label class="rz-label fl"><span class="color-red">*</span>真实姓名:</label>
<input type="text" class="input-height input-width43 panel-box-sizing"/>
</li>
<li class="clearfix">
<label class="rz-label fl">&nbsp;</label>
<p class="color-grey fl mt5 mb5">所填姓名需与身份证上的姓名保持一致</p>
</li>
<li class="clearfix mb10">
<label class="rz-label fl"><span class="color-red">*</span>性别:</label>
<span class="fl mt3 mr15">
<input id="sex_0" class="magic-radio" type="radio" value="0" checked="checked">
<label for="sex_0">男</label>
</span>
<span class="fl mt3">
<input id="sex_1" class="magic-radio" type="radio" value="1">
<label for="sex_1">女</label>
</span>
</li>
<li class="clearfix">
<label class="rz-label fl"><span class="color-red">*</span>身份证号:</label>
<input type="text" class="input-height input-width43 panel-box-sizing fl"/>
<p class="fl ml5 mt5 mb5 color-red"><span id="stage_name_notice"><i class="fa fa-exclamation-circle color-red mr5"></i>阶段名称不能为空</span></p>
</li>
<li class="clearfix">
<label class="rz-label fl">&nbsp;</label>
<p class="color-grey fl mt5 mb5">请使用二代身份证身份证号为18位<br/>统一身份证号只能认证一次</p>
</li>
<li class="clearfix mb10">
<label class="rz-label fl"><span class="color-red">*</span>持身份证正面头部照:</label>
<a class="course-bth-blue mt5">+选择文件</a>
</li>
<li class="clearfix">
<label class="rz-label fl">&nbsp;</label>
<p class="color-grey fl font-12">请上传手持身份证正面的原件照片,确保身份证上的姓名、身份证号码和头像清晰可辨认。<a>查看示例>></a><br/>png/jpg/bmp格式不超过2MB</p>
</li>
<li class="clearfix mt10">
<label class="rz-label fl">&nbsp;</label>
<div class="color-grey fl font-12 pr">
<img src="" width="120" height="120"/>
<br/>
<a class="shiming-to color_white font-16" href="javascript:void(0)">确认提交</a>
<p class="shilie clearfix">
<i class="fa fa-search-plus fr font-16 mt5 mr5"></i>
<span class="font-24" style="margin-left: 35px;line-height: 120px;width: 100%;">示例</span>
</p>
</div>
</li>
</ul>
</div>
</div>
<% end%>