


	






<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <title>统一身份认证系统</title>
     <script src="/sso/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    
    
    
    
	/*if (top != self){
 		top.location.href = "/sso/login";
 	}*/
 	
 	if (top != self){
		try{
			if (top.location.protocol != "file:" && top != self){
				top.location.href = "/sso/login";
			}
		}catch(err){
			if(document.location.protocol=="https:"||document.location.protocal=="http:"){
                top.location.href = "/sso/login";
            }
        }  
	}

function defaultLocal(){
	$.post("/sso/getSysConfigLocals",function(data){
		if(data!='' && data.length>1){
			$("#language").show();
			for ( var a = 0; a < data.length; a++) {
				if(data[a].prZhValue!='' && data[a].prZhValue!=null){
					$("#"+data[a].prZhValue).show();
				}
			}
		}
	});
}
        $(document).ready(function() {
        	nintRandomCode();
        	var isShowRandomCode = $('#isShowRandomCode').val();
        	$('#un').val('');
        	$('#randomCode').val('');
        	
            $('#login_btn').bind('click', function() {
                disableBtn();
            });
            $("#un").keydown(function(event){
                if(event.keyCode==13){
                    var unVal = $("#un").val();
                    var pdVal = $("#pd").val();
                    if(unVal!='' && pdVal!=''){
                        disableBtn();
                    }else if(unVal==''){
                        $("#un").focus();
                    }else if(pdVal==''){
                        $("#pd").focus();
                    }
                }
            });
            $("#pd").keydown(function(event){
                if(event.keyCode==13){
                    var unVal = $("#un").val();
                    var pdVal = $("#pd").val();
                    var randomCode = $("#randomCode").val();
                    if(unVal!='' && pdVal!=''){
                        disableBtn();
                    }else if(unVal==''){
                        $("#un").focus();
                    }else if(pdVal==''){
                        $("#pd").focus();
                    }
                }
            });
            if(isShowRandomCode=='1'){
	            $("#randomCode").keydown(function(event){
	                if(event.keyCode==13){
	                    var unVal = $("#un").val();
	                    var pdVal = $("#pd").val();
	                    var randomCode = $("#randomCode").val();
	                    if(unVal!='' && pdVal!='' && randomCode!=''){
	                        disableBtn();
	                    }else if(unVal==''){
	                        $("#un").focus();
	                    }else if(pdVal==''){
	                        $("#pd").focus();
	                    }else if(randomCode==''){
	                    	$("#randomCode").focus();
	                    }
	                }
	            });
            }
           initHideLoginType();
        });
        
        
        function initHideLoginType() {
            $("#RSA_id").hide();
            $("#ukey_id").hide();
            $("#sms_id").hide();
            $("#ad_ldap_div").hide();
        }
        function disableBtn() {
            $("#loginForm").submit();
        }
        function doRSALogin() {
            $("#authType").val("otp");
            $("#pd-clone").val("please input dynamic code");
        }
		function doCALogin() {
			window.location.href="https://sso.shisu.edu.cn/sso/loginx";
		}
 //validate login Way
  function checkLoginWay(){
      var uid = $.trim($("#un").val());
      if (uid != null && uid != '' && uid != "Usename") {
          var url = "/sso/loginAuth/forwardAuthType";
          var transObj = {};
          transObj.uId = uid;
          $.post(url, transObj, function(data) {
              if (data != null) {
                 showAuthMethod(data);
              } else {
              }
          });
      } else {
          $("#un").val("");
      }
}
function showAuthMethod(authMethods){
    $("#RSA_id").hide();
    $("#ukey_id").hide();
    $("#sms_id").hide();
    $("#ad_ldap_div").hide();

        $("#authType").val("pwd");
        $("#pd-clone").val("please input password");
    if (authMethods.indexOf("ldap") != -1) {
        $("#authType").val("ldap");
        $("#pd-clone").val("please input ldap password");
    }
    if (authMethods.indexOf("ad") != -1) {
        $("#authType").val("ad");
        $("#pd-clone").val("please input ad password");
    }
    if (authMethods.indexOf("otp") != -1) {
        $("#RSA_id").show();
    }
    if (authMethods.indexOf("ca") != -1) {
        $("#ukey_id").show();
    }
    if (authMethods.indexOf("sms") != -1) {
        $("#sms_id").show();
    }
}
function nintRandomCode(){
    var data = '0';
	if(data!=''){
		$('#isShowRandomCode').val(data);
		if(data=='1'){
			$('#isRandomCode').show();
		}else{
			$('#isRandomCode').hide();
		}
	}else{
		$('#isShowRandomCode').val('0');
		$('#isRandomCode').hide();
	}
}

(function($, doc, debug) {
    var input = ('placeholder' in doc.createElement('input')), 
        textarea = ('placeholder' in doc.createElement('textarea')), 
        selector = ':input[placeholder]';
    
    $.placeholder = {input: input, textarea: textarea};
    
    //skip if there is native browser support for the placeholder attribute
    if(!debug && input && textarea) {
        $.fn.placeholder = function() {};
        return;
    }
    
    if(!debug && input && !textarea) {
        selector = 'textarea[placeholder]';
    }
    $.fn.realVal = $.fn.val;
    $.fn.val = function() {
        var $element = $(this), val, placeholder;
        if(arguments.length > 0) return $element.realVal.apply(this, arguments);
        
        val = $element.realVal();
        placeholder = $element.attr('placeholder');
        
        return ((val == placeholder) ? '' : val);
    };
    
    function clearForm() {
        $(this).find(selector).each(removePlaceholder);
    }
    
    function extractAttributes(elem) {
        var attr = elem.attributes, copy = {}, skip = /^jQuery\d+/;
        for(var i = 0; i < attr.length; i++) {
            if(attr[i].specified && !skip.test(attr[i].name)) {
                copy[attr[i].name] = attr[i].value;
            }
        }
        return copy;
    }
    
    function removePlaceholder() {
        var $target = $(this), $clone, $orig;
        
        if($target.is(':password')) return;
        
        if($target.data('pd')) {
            $orig = $target.next().show().focus();
            $('label[for=' + $target.attr('id') + ']').attr('for', $orig.attr('id'));
            $target.remove();
        } else if($target.realVal() == $target.attr('placeholder')) {
            $target.val('');
            $target.removeClass('placeholder');
        }
    }
    
    function setPlaceholder() {
        var $target = $(this), $clone, plceholder, hasVal, cid;
        placeholder = $target.attr('placeholder');

        if($.trim($target.val()).length > 0) return;
        
        if($target.is(':password')) {
            cid = $target.attr('id') + '-clone';
            $clone = $('<input/>')
                        .attr($.extend(extractAttributes(this), {type: 'text', value: placeholder, 'data-pd': 1, id: cid}))
                        .addClass('placeholder');

            $target.before($clone).hide();
            $('label[for=' + $target.attr('id') + ']').attr('for', cid);
        } else {
            $target.val(placeholder);
            $target.addClass('placeholder');
        }
    }
    
    $.fn.placeholder = function() {
        this.filter(selector).each(setPlaceholder);
        return this;
    };
    
    $(function($) {
        var $doc = $(doc);
        $doc.on('submit', 'form', clearForm);
        $doc.on('focus', selector, removePlaceholder);
        $doc.on('blur', selector, setPlaceholder);
        $(selector).placeholder();
    });
})(jQuery, document, window.debug);

$(document).ready(function() {
	var isFormbasedLogin = false;
	if (isFormbasedLogin) {
		var un = '';
		var pd = '';
		
		$('#UN').val(un);
		$('#PW').val(pd);
		$('#authType').val('pwd');
		$('#isShowRandomCode').val('');
		document.getElementById('loginForm').submit();
	}
	
    initFocus();
});

function initFocus(){
	$("#UN").focus();
}
    </script>
</head>
<body class="loadbody" style="">
				
				 
       		 
        
        	


<style type="text/css">
	#msg{
		position:relative;
		text-align:center;
		color:red;
		font-size: 1.0em;
	}
	#sendCode{
	font-size: 15px;
 width: 80px;
 height: 48px;
 overflow: hidden;
 background-color: #88b63d;
 color: #FFF;
 display: block;
 line-height: 44px;
 text-align: center;
 margin: -32% 105%;
	}
</style>
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta property="qc:admins" content="1655765374601213536375731353526525752100747716" />
<title>统一身份认证系统</title>
<link rel="stylesheet" href="/sso/sisu/css/SISUStyle.css">
<script type="text/javascript" src="/sso/js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="/sso/js/msg/js/MessageBox.js"></script>
<link href="/sso/css/default.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<!--================================header==begin========================================-->
	<div class="header">   
        <div id="newLogo">
        	<img class="blueLogo" src="/sso/sisu/images/SISUlogo.png" width="230px">
        	<img class="whileLogo" src="/sso/sisu/images/SISUlogo-phone.png" width="280px">
        </div>
        <div class="logoName"><span class="logoNam-cn"><strong>统一身份认证</strong></span><span class="logoNam-en"><strong>SSO</strong></span></div>
        <div id="computer-lang" class="langBox">
        	<a href="/sso/intelligentlanguage/zh" class="cn">中文</a>
        	<a href="/sso/intelligentlanguage/en" class="en">English</a>
        </div>  
    </div>
    <!--================================header==stop========================================-->
    
    
    <!--================================Content==begin========================================-->
    <div class="l-Content">
    	<div class="l-main" style="padding-top: 1%;">
			<div class="l-container">
				<!---loginBox-begin---->
				<div class="loginBox">
				   <h2 class="loginTit">统一身份认证 | SSO</h2>
				   <div class="login-cont">
					  <div class="passContent">
						<div class="promptBox">Sign on【<span>反向代理发布系统</span>】
						</div>
						<form id="loginForm" action="/sso/login" method="post">
							 <input type="hidden" name="lt" value="LT-392115-VIrXCrauIcwDLk0NJ0WH3SRskdtRIh-sso.shisu.edu.cn" />
					         <input type="hidden" name="execution" value="e1s1" />
					         <input type="hidden" name="_eventId" value="submit" />
					         <input type="hidden" id="authType" name="authType" value="pwd" />
					         <input type="hidden" id="isShowRandomCode" name="isShowRandomCode" value="" />
							
							
							<div class="inputBox">
								<div class="L-inputLi userLi">
								
						             
						             
										<input id="UN" name="un" tabindex="1" placeholder="学工号/Account ID" class="input-text" type="text" value="" autocomplete="off"/>
						             
						         
								</div>
							</div>
							<div class="inputBox" id="slogin">
								<div class="L-inputLi passLi">
								<div >
								<input id="PW" name="pd" tabindex="2" placeholder="密码/Password" class="input-text" type="password" value="" autocomplete="off"/> 
								</div>
							 	<div id="ce" style="display:none;">
								<input id="CE" name="randomCode" tabindex="1" placeholder="验证码/Verification Code" class="input-text" type="text" value="" autocomplete="off"/>
										<a id="sendCode" class="code-btn" href="#"><span class='' id="descTime" style="font-size:12px"></span> 
										<span id="sendBtn"  style="font-size:12px">Get code </span> 
							
					</a>
					         </div>
								</div>
								
							</div>
							<div class="errMsgBox"></div>
							<div class="submitBtn"><input type="submit" class="login-subBtn" value="Login"><!-- 登陆 --></div>
						</form>
						
						<div class="lBox-btt" style="padding: 6px;color: #545454;font-family: Microsoft YaHei light;">Other login methods</div>
						<div class="lBox-btt" style="padding: 4px;">
						<a id="epwechat" style="display: none;padding-right: 15px;" href="/sso/epWeChatLogin"><img title="Scan QR code with WeCom to log in" src="/sso/sisu/images/epWechat.png" style="max-width:max-width:15%;width: 29px;height: 29px;padding-top: 2px;"></a>
						<a id="wechat" style="display: none;padding-right: 15px;" href="/sso/weChatLogin"><img title="Scan QR code with WeChat to log in" src="/sso/sisu/images/Wechat.png" style="max-width:15%;width: 29px;height: 29px;padding-top: 2px;"></a>
						<a id="sms" style="display: none" onclick="code();"><img title="Log in with SMS verification code" src="/sso/sisu/images/codeIcon.png" style="max-width:15%;height: 29px;padding-top: 2px;width: 29px;"></a>
						<a id="pwdln" style="display: none" onclick="pwdlogin();"><img title='Log in with username' src="/sso/sisu/images/pwd.png" style="max-width:15%;height: 29px;width: 29px;padding-top: 2px;"></a>
						</div>
						
						<div class="lBox-btt" style="padding: 10px;">
							
							<a href="/sso/forget/forwordForgetPwd?0.13816188483028857" target="_blank" class="forgetP" style="color:#137deb;font-weight:bold">Forgot password?</a>
							
							
						</div>
					  </div>

				   </div>         
				</div>
				<!---loginBox-stop---->
				
					<div class="noticBox">
						<a class="noticTit" href="http://itc.shisu.edu.cn/" target="_blank" ><img class="noticPic" src="/sso/sisu/images/notic.png" style="padding-bottom: 3px;vertical-align:middle">ITC通知</a>
						<div class="noticBott">
							<div class="noticTxtBox">
								
								
								
									<a class="noticTxt" href="https://itc.shisu.edu.cn/14/72/c9519a201842/page.htm"  target="_blank"><i class="noticLi-Icon">&bull;</i>统一身份认证账号禁用我该怎么办？What should I do when my SSO account is disabled?</a>
								
								
							</div>
						</div>
					</div>
				
				<div id="phone-lang" class="langBox">
					<a href="/sso/intelligentlanguage/zh" class="cn">中文</a>
					<a href="/sso/intelligentlanguage/en" class="en">English</a>
				</div> 
			
			</div>
		</div>
	</div>
	<!--================================Content==stop========================================-->
	
	
	<!--================================footer==begin========================================-->
	<div class="l-footer">
		<div class="copyright">©  上海外国语大学  /  Shanghai International Studies University  /  SISU</div>
	</div>
	<!--================================footer==stop========================================-->
	
	
	
</body>
<script type="text/javascript">

$(function(){
	
	$.ajax({
		type: "POST",
		url: "/sso/loginway",
		async: false,
		success: function(data) {
			if(data.sms=="1"){
				$("#sms").show();
				
			}
			if (data.epwechat=="1"){
				$("#epwechat").show();
			}
			if (data.wechat=="1"){
				$("#wechat").show();
			}
		}
	});
	
	
	$("#CE").val("");
	
	
	var ctr = 0;
	
	if(ctr=='1'){
		$("#PW").hide();
		$("#sms").hide();
		$("#ce").show();
		$("#pwdln").show();
		$("#PW").val("qs");
	}
	
	
	});
function code(){
	$("#PW").hide();
	$("#sms").hide();
	$("#ce").show();
	$("#pwdln").show();
	$("#PW").val("qs");
	$("#slogin").css("width","70%");
	
	
}


function pwdlogin(){
	$("#PW").show();
	$("#sms").show();
	$("#ce").hide();
	$("#pwdln").hide();
	$("#PW").val("");
	$("#slogin").css("width","100%");
}

//点击发送验证码
$('#sendCode').bind("click",secQueAnswer=function(){
	$(".errMsgBox").html("");
	var errorMsgList = [];

      if(!sendCodeBylable()){
		return false;
	}  
	$('#sendCode').unbind("click",secQueAnswer);
	if($("div#errDiv")){
		$("div#errDiv").remove();
	}
    var btn = $("#sendBtn").html();
    //倒计时时间为分钟
    var count = 4;
    var mins = 59;
    $("#descTime").html(count+"m "+mins+"s");
    $("#sendBtn").html("");
    $("#phone").attr("readonly", true);
    countDownByPhone = setInterval(CountDown, 1000);

    function CountDown() {
        mins--;
        $("#descTime").html(count+"m "+mins+"s");
    	$("#sendBtn").html("");
        if (count=='0' && mins=='0') {
        	$("#sendBtn").html("Get");
            $("#descTime").html('');
            $('#sendCode').bind("click",secQueAnswer);
        	clearInterval(countDownByPhone);
        }
        if (mins=='0' && count!='0') {
        	count--;
        	mins = 60;
        }
    }
});


function sendCodeBylable(){

	var ret = false;
	var id = $("#UN").val();
	if(!id){
		$(".errMsgBox").html("<div id='msg' class='errors'>Student/Staff number is empty.</div>");
		return;
	}
	$.ajax({
		type: "POST",
		url: "/sso/logincode",
		data: {"id":id},
		async: false,
		success: function(data) {
		
			 data = convertToJson(data); 
			if(data.messageType&&data.messageType=='error'){
				$(".errMsgBox").html("<div id='msg' class='errors'>"+data.message+"</div>");
				ret = false;
			}else if (data.messageType&&data.messageType=='success'){
			
					ret = true;
			
			}
		},
		error: function(data){
			$(".errMsgBox").html("<div id='msg' class='errors'>Network connection exception</div>");
		}
	});
	return ret;
}

function convertToJson(data){
	
	var json;
	if(data && data!=""){
		if(typeof(data) == "string"){
			try {
				data=$.trim(data);
				if(!data.startWith("<")){
					json = eval("(" + data + ")");
				} else {
					var start = data.indexOf("{");
					var end = data.lastIndexOf("}");
					if(start!=-1 && end!=-1 && end>start){
						data = data.substring(start,end+1);
						json = eval("(" + data + ")");
					}
				}
			}catch(err) {}
		}else{
			json=data;
		}
	}
	return json;
}


String.prototype.startWith=function(str){
	if(str==null || str=="" || this.length==0 || str.length>this.length)
		return false;

	if(this.substr(0,str.length)==str)
		return true;
	else
		return false;
};



</script>
</html>	
        
       
    
		
</body>
</html>

