You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
pgfqe6ch8/app/views/account/login.html.erb

106 lines
6.0 KiB

<div class="login_register educontent" id="backImg" >
<div class="pr edu-txt-center height-100 pt110">
<div class="login_reg pr">
<a href="<%= home_path %>" class="logo-redirect"><img src="/images/educoder/headNavLogo.png"></a>
<div id="register_content">
<%= render_flash_messages %>
<ul class="log_nav clearfix">
<li class="active">登录</li>
<% localized_deployment = Setting.find_by_name("localized_deployment")
none_visible = localized_deployment && localized_deployment.value == "1"%>
<% unless none_visible %>
<li>快捷登录</li>
<% end %>
</ul>
<div>
<div class="login-panel" id="login-panel-1">
<%= form_tag(signin_path, :id => 'main_login_form', :method => 'post') do %>
<%= back_url_hidden_field_tag %>
<input type="text" class="input-100-45 mt20" id="name_loggin_input" name="username" value="<%= @name %>" placeholder="手机号/邮箱号/用户名" onkeypress="user_login_keypress(event);"/>
<div style="height: 25px"><p class="color-orange edu-txt-left none" id="username_error_notice">请输入有效的手机号/邮箱号/用户名</p></div>
<!--登录-->
<div>
<input type="password" id="password_loggin_input" name="password" class="input-100-45 mt5" placeholder="密码" onkeypress="user_login_keypress(event);"/>
<div style="height: 25px">
<p class="color-orange edu-txt-left <%= !@name.present? || flash.empty? || flash[:error].nil? ? 'none' : '' %>" id="password_error_notice">
<%= flash.empty? || flash[:error].nil? ? "请输入密码" : flash[:error].html_safe %>
</p>
</div>
</div>
<a class="log-botton mt5" href="javascript:void(0);" disabled id="psd_login_btn">登录</a>
<p class="clearfix mt10">
<span class="fl">
<input type="checkbox" class="mr5 magic-checkbox" value="1" name="autologin" checked id="p_autolog"/><label for="p_autolog" style="top:0px">下次自动登录</label>
</span>
<span class="fr">
<a href="<%= lost_password_path %>" class="mr3 color-grey-9">忘记密码</a><em class="vertical-line"></em>
<a href="<%= user_join_path %>" class="color-grey-9" target="_blank">注册</a>
</span>
</p>
<% end %>
</div>
<!--快捷登录-->
<div class="login-panel none" id="login-panel-2">
<%= form_tag(signin_path, :id => 'code_login_form', :method => 'post') do %>
<input type="text" id="pass_name_input" name="username" value="<%= @c_name %>" class="input-100-45 mt20" placeholder="手机号/邮箱号"/>
<div style="height: 25px"><p class="color-orange edu-txt-left none" id="pass_name_error_notice">请输入有效的手机号/邮箱号</p></div>
<div class="pr drag_certi_block width100 mt5">
<div id="quick-drag" class="drag_slider"></div>
<div class="new-login-error" style="height: 25px;">
<p id="passlogin_error_notice" class="color-orange edu-txt-left none">请先拖动滑块完成验证</p>
</div>
</div>
<p class="clearfix mt5">
<input type="text" name="code" id="login_verification_code" class="input-48-45 edu-txt-center fl" placeholder="请输入验证码"/>
<a href="javascript:void(0);" class="gain-code <%= @c_name ? 'edu-back-blue' : '' %>" <%= @c_name ? '' : 'disabled' %> onclick="get_login_verification_code(this)" id="get_verification_code">获取验证码</a>
<div style="height: 25px">
<p class="color-orange edu-txt-left <%= !@c_name.present? || flash.empty? || flash[:error].nil? ? 'none' : '' %>" id="send_code_notice">
<%= flash.empty? || flash[:error].nil? ? "请输入验证码" : flash[:error].html_safe %>
</p>
</div>
</p>
<a href="javascript:void(0);" class="log-botton mt5" disabled id="code_login_btn">登录</a>
<p class="clearfix mt10">
<span class="fl">
<input type="checkbox" class="mr5 magic-checkbox" value="1" name="autologin" checked id="autolog"/><label for="autolog" style="top:0px">下次自动登录</label>
</span>
<span class="fr">
<a href="<%= lost_password_path %>" class="mr3 color-grey-9">忘记密码</a><em class="vertical-line"></em>
<a href="<%= user_join_path %>" class="color-grey-9" target="_blank">注册</a>
</span>
</p>
<% end %>
</div>
</div>
<!--第三方账号登录-->
<!--<div class="mt10 edu-txt-center">
<p class="color-grey-9">第三方账号登录</p>
<div class="mt15">
<a href="javascript:void(0)" class="margin15"><img src="/images/educoder/weixin.png" class="radius"/></a>
<a href="javascript:void(0)" class="margin15"><img src="/images/educoder/QQ.png" class="radius"/></a>
<a href="javascript:void(0)" class="margin15"><img src="/images/educoder/weibo.png" class="radius"/></a>
</div>
</div>-->
</div>
</div>
<%= render :partial => "account/copyright_info" %>
</div>
</div>
<script>
$(function(){
<% if @c_name %>
$("#login-panel-2").show();
$(".log_nav li").removeClass("active");
$(".log_nav li").eq(1).addClass("active");
$("#login-panel-1").hide();
if(IsPC()){
$("#quick-drag").drag();
}else{
$("#quick-drag").empty();
}
<% end %>
});
</script>