https://ppmtest-dper.saas.microfocus.com/itg/web/knta/global/Logon.jsp

Submitted URL:
https://ppmtest-dper.saas.microfocus.com/itg/web/knta/global/Logon.jsp
Report Finished:

JavaScript Variables · 35 found

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
validateEmailfunction
checkEmailfunction
validateMaskfunction
matchPatternfunction
validateMaxLengthfunction
getByteLengthfunction
validateMinLengthfunction

Console log messages · 1 found

TypeCategoryLog
logother
URL
https://ppmtest-dper.saas.microfocus.com/itg/js/common/jquery/jquery-migrate-3.4.0.min.js;jsessionid=BD80A4E4990CF38C362A6F4D46DCE502.p10l211l81l102?
Text
JQMIGRATE: Migrate is installed, version 3.4.0

HTML

<!DOCTYPE html><html><head>
        <meta http-equiv="x-ua-compatible" content="IE=edge">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="Content-Script-Type" content="text/javascript">
        <meta http-equiv="Content-Style-Type" content="text/css">
        <meta http-equiv="X-Status-Code" content="401">
        <title>PPM Logon - PPM</title>
        <link href="/itg/css/../web/new/css/main.css;jsessionid=BD80A4E4990CF38C362A6F4D46DCE502.p10l211l81l102?" type="text/css" rel="stylesheet">

        
                    <script language="javascript" src="/itg/js/common/Validators.js;jsessionid=BD80A4E4990CF38C362A6F4D46DCE502.p10l211l81l102?"></script>

        
                <script language="javascript" src="/itg/js/../web/knta/global/js/csrf.js;jsessionid=BD80A4E4990CF38C362A6F4D46DCE502.p10l211l81l102?"></script>

        



<style>
    .common-theme-menu{
        
        background-image: linear-gradient(to right, #23346a 0%,  #088cb2 100%) !important;
        
    }

    .common-theme-alert{
        background-color: #ffb000 !important;
    }

    .common-theme-avatar{
        background: url(/itg/images/svg/avatar.svg) no-repeat !important;
        border-radius: 50% !important;
        background-size: contain !important;
    }

    :root {
        /* Theme colors */
        --brand_color: #0073e7 !important;
        --brand_color_rgb: 0, 115, 231 !important;
        --brand_color_dim: #1668c1 !important;
        --brand_color_dim_rgb: 22, 104, 193 !important;
    }

    

</style>
        <style type="text/css" media="all">


        body,html {
            overflow: hidden;
        }

		body {
            background: linear-gradient(to right, #303a60, #2c3661 25%, #394780 65%, #146693 90%, #088cb2);
	    }

	    .disable-content {
            pointer-events: none;
            opacity: 0.4;
        }

        .login-wrapper {
            position: absolute;
            top: 50%;
            left: 50%;
        }

        #login-window,
        #login-window input {
            font: normal normal 14px Arial, sans-serif;
        }

        #login-window .center {
            box-sizing: border-box;
            position: absolute;
            left: 0;
            top: 0;
            z-index:1;
            overflow:hidden;
            width: 426px;
            padding: 48px;
            border-radius: 16px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            background-color: #fff;
            box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        #login-window .center div {
            box-sizing: border-box;
        }

        #login-window .ppm-logo {
            max-width: 330px;
            max-height: 120px;
            margin-bottom: 24px;
        }

        #login-window .center .ppm-full-name {
            width: 330px;
            height: 128px;
            margin-bottom: 32px;
            overflow: hidden;
            white-space: nowrap;
            background: transparent left center url(/itg/web/new/img/ppm_full_name-24.4.svg?v=01ac9beeb2) no-repeat;
            background-size: contain;
        }

        #login-window .message-container {
            font-size: 12px;
            font-weight: 400;
            color: #323435;
            line-height: 16px;
            margin-top: -24px;
            margin-bottom: 16px;
            width: 100%;
        }

        #login-window .message-container > div:nth-child(2) {
            margin-top: 8px;
        }

        #login-window #alert,
        #login-window .helpful-text {
            position: relative;
            padding: 8px 24px 8px 12px;
            border: 1px solid #ffb000;
            border-left: 3px solid #ffb000;
            background: none;
        }

        #login-window #alert:before,
        #login-window .helpful-text:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #ffb000;
            opacity: 0.2;
        }

        #login-window #message,
        #login-window .forget-password-message {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

        #login-window .warning-icon,
        #login-window .forget-password-container .message-icon {
            width: 16px;
            height: 16px;
            margin-right: 4px;
            background: transparent center center url(/itg/web/new/img/icon_warning.png) no-repeat;
        }

        #login-window .username-password-container,
        #login-window .forget-password-container,
        #login-window .form-field {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%;
        }

        #login-window #logon-form,
        #login-window #forget-password-form {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
        }

        #login-window .forget-password-container .message-icon {
            background: none;
        }

        #login-window .forget-password-container .message-icon > img {
            width: 100%;
            height: 100%;
        }

        #login-window .forget-password-container .message-text {
            width: calc(100% - 20px);
        }

        #login-window .username-password-container > div,
        #login-window .forget-password-container > div{
            width: 100%;
        }

        #login-window .form-field {
            margin-bottom: 16px;
        }

        #login-window .form-field-label {
            color: #4c4e50;
            font-size: 12px;
            font-weight: 400;
            margin-bottom: 4px;
        }

        #login-window .form-field-value {
            width: 100%;
            height: 40px;
        }

        #login-window .form-field-value.text > input {
            width: 100%;
            height: 40px;
            padding: 11px 12px;
            border: 1px solid #cfd0d1;
            outline: none;
            box-sizing: border-box;
        }

        #login-window .password-options {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px;
        }

        #login-window .remember-me-container {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-size: 12px;
            font-weight: 400;
            color: #323435;
            cursor: pointer;
        }

        #login-window .remember-me-container > input {
            margin-right: 4px;
        }

        #login-window .buttons {
            margin-top: 16px;
        }

        #login-window .button.primary {
            width: 100%;
            height: 40px;
            margin: 0 !important;
            font-weight: 400;
            background-color:#0073e7;
        }

        #login-window .button.primary:hover {
            background-color:#1668c1;
        }

        .smartphone-version,
        #login-window .button-submit {
            display: none;
        }

        #login-window a:visited,
        #login-window a:link {
            color: #258ff9;
            text-decoration: none;
        }

        #login-window a:hover {
            color: #258ff9;
            text-decoration:underline;
            cursor:pointer;
        }

        #login-window a:focus{
            outline: 0;
        }

        #login-window .language-select-container {
            margin-top: 48px;
            width: auto;
            height: 24px;
            padding-right: 2px;
            white-space: nowrap;
        }

        #login-window .language-select-container > .language-icon {
            display: inline-block;
            vertical-align: middle;
            width: 16px;
            height: 16px;
            background: transparent center center url(/itg/web/new/img/icon_language.png) no-repeat;
            background-size: contain;
            margin-right: 4px;
        }

        #login-window .language-select-container > select {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 4px);
            height: 100%;
            background-color: transparent;
            box-sizing: border-box;
            appearance: none;
            -moz-appearance:none;
            -webkit-appearance:none;
            border: none;
            outline: none;
            font-size: 12px;
            font-weight: 400;
            color: #323435;
            background: transparent right 4px url(/itg/web/new/img/arrow-black.png) no-repeat;
            background-size: 16px 16px;
        }

        #login-window .language-select-container > select::-ms-expand {
            display: none;
        }

        .comments {
            position:absolute;
            bottom:2px;
            left:8px;
            line-height:20px;
            font:normal normal 14px Arial, sans-serif;
        }

        .smartphone {
            position:absolute;
            width: 0;
            height: 0;
            top: 0;
            right: 0;
            z-index: 1000;
            cursor: pointer;
            border-style: solid;
            border-width: 26px;
            border-color: var(--brand_color) var(--brand_color) transparent transparent;
        }

        .smartphone-pc,
        .smartphone-mobile {
            position: absolute;
            top: -16px;
            left: 2px;
        }

        .smartphone > .smartphone-pc {
            display: none;
        }

        .qrcode .smartphone > .smartphone-pc {
            display: block;
        }

        .qrcode .smartphone > .smartphone-mobile {
            display: none;
        }

        .qrcode-panel > #qr-image {
            height: 140px;
            margin-bottom: 40px;
            text-align: center;
        }

        .qrcode-description {
            color: #323435;
            font-size: 12px;
            font-weight: 400;
        }

        username-password-container,
        .qrcode-panel {
            -webkit-transition:all 200ms ease-out;
            -moz-transition:   all 200ms ease-out;
            -o-transition:     all 200ms ease-out;
            transition:        all 200ms ease-out;
        }

        .qrcode #login-window #logon-form,
        .qrcode #login-window #forget-password-form {
            display: none;
        }

        .qrcode-panel {
            display: none;
        }

        .qrcode .qrcode-panel {
            display: block;
        }

        .no-miniapps #smartphone-toggle,
        .no-miniapps #qrcode {
            display:none;
        }

        #forget-password-form {
            display: none !important;
        }

        .forget-password #forget-password-form {
            display: flex !important;
        }

        .qrcode #forget-password-form {
            display: none !important;
        }

        .forget-password #logon-form {
            display: none !important;
        }
        </style>

        <!--[if IE]>
        <style type="text/css" media="all">
        #login-window .form-field-value.combo>select {
            width:225px;
        }
        </style>
        <![endif]-->
    </head>
    <body class="">

    <div class="login-wrapper">
        <div id="login-window" class="border-layout">
            <div class="center">
                <div id="smartphone-toggle" class="smartphone">
                    <img src="/itg/web/new/img/mobile.png" class="smartphone-mobile">
                    <img src="/itg/web/new/img/display.png" class="smartphone-pc">
                </div>
                <img class="ppm-logo" src="/itg/web/new/img/productLogo.png?v=01ac9beeb2" alt="productLogo">
                <div class="ppm-full-name"></div>
                <div id="qrcode" class="qrcode-panel">
                    <div id="qr-image"></div>
                    <div id="label-QRCODE_DESCRIPTION" class="qrcode-description">
                        Scan the QR code with your smartphone to use PPM for Mobile.
                    </div>
                </div>
                <form id="logon-form" method="POST" action="/itg/dashboard/app/portal/PageView.jsp" name="logon" autocomplete="off" onsubmit="return validatePass();">
                    
                    <div class="username-password-container">
                        
                            
                                <div class="form-field">
                                    <div class="form-field-label">
                                        <label for="field-logonid" id="label-LOGONID_PROMPT">
                                            Logon Id:
                                        </label>
                                    </div>
                                    <div class="form-field-value text">
                                        <input type="text" id="field-logonid" name="USERNAME" value="" class="username-info-input">
                                    </div>
                                </div>
                            
                            <div class="form-field form-field-password">
                                <div class="form-field-label">
                                    <label for="field-password" id="label-PASSWORD">
                                        Password
                                    </label>
                                </div>
                                <div class="form-field-value text">
                                    
                                    <input type="password" id="field-password" name="PASSWORD" autocomplete="off" readonly="" onfocus="this.removeAttribute('readonly');" value="">
                                    
                                </div>
                            </div>
                            
                                <div class="password-options">
                                    <div>
                                        
                                    </div>
                                    <div>
                                        
                                            <a href="javascript: void(0)" onclick="toggleForgetPassword()" id="link-forget-password">
                                                Forgot password?
                                            </a>
                                        
                                    </div>
                                </div>
                            
                        
                        <div class="buttons">
                            <div class="button primary" role="button" id="label-LOGON_SUBMIT_BUTTON_CAPTION" tabindex="0" onkeydown="loginButtonEnterKeyDown(event)" onclick="javascript:if(validatePass()){document.logon.submit();}">
                                Sign-In
                            </div>
                            <input type="submit" class="button-submit">
                        </div>
                    </div>
                    <div class="language-select-container" id="combo-lng" style="display:none">
                        <div class="language-icon"></div>
                        <select id="field-language" name="nls_language">
                            
                                <option value="AMERICAN" selected="selected">
                                    English
                                </option>
                            
                        </select>
                    </div>
                    <input type="hidden" name="WebSessionKey" value="-8131480953123033773">
                    <!--<input type="hidden" name="nls_language" id="field-language" />-->
                    <input type="hidden" name="com.mercury.dashboard.arch.fieldtree.date.timeZone" id="TIME_ZONE_ATTRIBUTE">
                    <input type="hidden" name="com.mercury.dashboard.arch.fieldtree.date.zeroTimeUser" id="ZERO_TIME_USER_ATTRIBUTE">
                    <input type="hidden" name="com.mercury.dashboard.screen_resolution_width" id="SCREEN_RESOLUTION_WIDTH">
                    <!--<input type="hidden" name="fromlogon" value="true" />-->
                    <input type="hidden" name="PAGE_TYPE" value="LOGON_PAGE">
                    
                <input type="hidden" name="CSRFXTOKEN" value="MEx3N01OaFlnUVhGakp1eFpvYWY="></form>
                <form id="forget-password-form" name="forgetPassForm" action="#" onsubmit="if(validateResetPasswordPass()){submitResetPassword();}return false;" method="post">
                    <div class="message-container">
                        <div class="helpful-text" id="label-FORGET_PASSWORD_HELP" title="Enter your Logon Id: and Email Address. A reset password link will be sent to your email address. ">
                            Enter your Logon Id: and Email Address. A reset password link will be sent to your email address. 
                        </div>
                        <div class="forget-password-message"></div>
                    </div>
                    <div class="forget-password-container">
                        <div class="form-field">
                            <div class="form-field-label">
                                
                                    <label for="field-logonid" id="label-LOGONID_PROMPT_FORGET_PASSWORD">
                                        Logon Id:
                                    </label>
                                
                            </div>
                            <div class="form-field-value text">
                                <input type="text" id="field-login" name="login" value="" class="username-info-input">
                            </div>
                        </div>
                        <div class="form-field form-field-email">
                            <div class="form-field-label">
                                <label for="field-email" id="label-EMAIL_ADDRESS_COLUMN_LABEL">
                                    Email Address
                                </label>
                            </div>
                            <div class="form-field-value text">
                                <input type="text" id="field-email" name="email" value="">
                            </div>
                        </div>
                        <div class="password-options">
                            <div></div>
                            <div>
                                <a href="javascript: void(0)" onclick="toggleForgetPassword()" id="label-LOGON_RETURN_TO_SIGN">
                                    Sign-In
                                </a>
                            </div>
                        </div>
                        <div class="buttons">
                            <div class="button primary" role="button" id="label-RESET_PASSWORD" tabindex="0" onkeydown="forgetPasswordEnterKeyDown(event)" onclick="javascript:if(validateResetPasswordPass()){submitResetPassword();}">
                                Reset Password
                            </div>
                            <input type="submit" class="button-submit">
                        </div>
                    </div>
                <input type="hidden" name="CSRFXTOKEN" value="MEx3N01OaFlnUVhGakp1eFpvYWY="></form>
            </div>
        </div>
    </div>

    <div class="smartphone-version"><a id="label-LOGON_PAGE_SMARTPHONE" href="?deviceType=smartphone">Smartphone Version</a></div>

            <script language="javascript" src="/itg/js/../web/new/js/commonFn.js;jsessionid=BD80A4E4990CF38C362A6F4D46DCE502.p10l211l81l102?"></script>

    <script type="text/javascript">
    var lng = [],labels={};
    
    lng.push({l:'English',v:'AMERICAN'});
    

    
    labels['AMERICAN']={
        
        "LOGONID_PROMPT":'Logon\x20Id\x3A'
        
        ,"USERNAME":'Username'
        
        ,"PASSWORD":'Password'
        
        ,"FORGETPASSWORD":'Forgot\x20password\x3F'
        
        ,"LOGONID_PROMPT_FORGET_PASSWORD":'Logon\x20Id\x3A'
        
        ,"USERNAME_FORGET_PASSWORD":'Username'
        
        ,"RESET_PASSWORD":'Reset\x20Password'
        
        ,"LOGON_RETURN_TO_SIGN":'Sign\x2DIn'
        
        ,"EMAIL_ADDRESS_COLUMN_LABEL":'Email\x20Address'
        
        ,"FORGET_PASSWORD_HELP":'Enter\x20your\x20\x7B0\x7D\x20and\x20\x7B1\x7D.\x20A\x20reset\x20password\x20link\x20will\x20be\x20sent\x20to\x20your\x20email\x20address.\x20'
        
        ,"RESETPASSWORD_INTERNAL_ERROR":'An\x20internal\x20error\x20occurred.\x20Contact\x20your\x20administrator\x20for\x20assistance.'
        
        ,"ISREQUIRED":'\x7B0\x7D\x20cannot\x20be\x20empty.'
        
        ,"INVALID_INPUT":'Enter\x20a\x20valid\x20\x7B0\x7D.'
        
        ,"LANGUAGE":'Language'
        
        ,"REMEMBER_MY_LOGON":'Remember\x20me'
        
        ,"LOGON_SUBMIT_BUTTON_CAPTION":'Sign\x2DIn'
        
        ,"CLEAR_BUTTON_CAPTION":'Clear'
        
        ,"LOGON_PAGE_COPYRIGHT":'Copyright\x201997\x2D2024\x20Open\x20Text'
        
        ,"LOGON_PAGE_SMARTPHONE":'Smartphone\x20Version'
        
        ,"KINTANA_LOGON_TITLE":'PPM\x20Logon'
        
        ,"QRCODE_DESCRIPTION":'Scan\x20the\x20QR\x20code\x20with\x20your\x20smartphone\x20to\x20use\x20PPM\x20for\x20Mobile.'
        
    };
    

    </script>
    <script type="text/javascript">
	function loginButtonEnterKeyDown(event) {
		var code = event.keyCode || event.which || event.charCode;
		if (code == 13) {
			if (validatePass()) document.logon.submit();
		}
	}

	function submitResetPassword(){
        const errorIconUrl = "/itg/web/new/img/icon_error.png";
        const successIconUrl = "/itg/web/new/img/icon_success.png";
        $.ajax({
            url: "/itg/rest2/publicservice/users/resetpassword?NO_CHECK=Y",
            dataType:'json',
            type:'POST',
            contentType: "application/json",
            data: JSON.stringify({
                "login": document.getElementById("field-login").value,
                "email": document.getElementById("field-email").value,
                "language": document.getElementById("field-language").value
            }),
            headers: {
              CSRFXTOKEN: getCookie('CSRFXTOKEN')
            }
        }).done(function(data){
            showForgetPasswordMessage(data.code === "1", data.message);
        }).fail(function(error) {
            showForgetPasswordMessage(true, _getLabelForKey('RESETPASSWORD_INTERNAL_ERROR'));
        }).always(function() {
            enableReset();
        });
    }

	function forgetPasswordEnterKeyDown(event) {
        var code = event.keyCode || event.which || event.charCode;
        if (code == 13) {
            if (validateResetPasswordPass()) submitResetPassword();
        }
    }

    function DropdownList(config){
        var that = this;
        this.config = config;
        this.selectedIndex = this.config.selectedIndex || 0;

        var inlineElement = commonFn.setAttr(commonFn.addClass(commonFn.create('a'),'inline'),'href','javascript:void(0)');
        var triggerElement = commonFn.addClass(commonFn.create('div'),'trigger');

        this.textElement = commonFn.setText(document.createElement('span'), this.config.options[this.selectedIndex].l );
        inlineElement.appendChild(this.textElement);
        inlineElement.appendChild(triggerElement);


        var dropdownElement = document.createElement('div');
        commonFn.addClass(dropdownElement,"dropdown");
        var optionClickHandler=function(event){
            that.setSelectedIndex(parseInt(commonFn.getAttr(event.currentTarget,'index'),10));
            that.collapse();
        };
        commonFn.forEach(config.options,function(i,e,arr){
            var optionElement = commonFn.setAttr(commonFn.setAttr(commonFn.setText(commonFn.create('div'),e.l),'value',e.v),'index',i);
            commonFn.addListener(optionElement,'click',optionClickHandler);
            dropdownElement.appendChild(optionElement);
        });

        config.applyTo.appendChild(inlineElement);
        config.applyTo.appendChild(dropdownElement);

        commonFn.addListener(inlineElement,'click',function(event){
            if(commonFn.hasClass(config.applyTo,'active')){
                commonFn.removeClass(config.applyTo,'active');
            }else{
                commonFn.addClass(config.applyTo,'active');
            }
            event.stopPropagation();
        });

        commonFn.addListener(document.getElementsByTagName('body')[0],'click',function(){
            that.collapse();
        });
    };
    DropdownList.prototype={
        setValue:function(val){

        },
        getValue:function(){
            return this.config.options[this.selectedIndex].v;
        },
        setSelectedIndex:function(index){
            if(this.selectedIndex===index){
                return;
            }

            var oldValue = this.config.options[this.selectedIndex].v;
            this.selectedIndex = index;
            commonFn.setText(this.textElement,this.config.options[this.selectedIndex].l);
            if(this.config.onchange !=null && typeof(this.config.onchange)==='function' ){
                this.config.onchange(this.config.options[this.selectedIndex].v,oldValue,this);
            }
        },
        collapse:function(){
            commonFn.removeClass(this.config.applyTo,'active');
        }
    };
/*
    var lngCombo = new DropdownList({
        applyTo:document.getElementById('combo-lng'),
        options:lng,
        onchange:function(newValue,oldValue,combo){
            var newLabels = labels[newValue]||{},k,el;
            for(k in newLabels){
                if(newLabels.hasOwnProperty(k)){
                    if(k==='KINTANA_LOGON_TITLE'){
                        document.title = newLabels[k];
                    }

                    if((el=document.getElementById('label-'+k))!=null){
                        commonFn.setText(el,newLabels[k]);
                    }
                }
            }
        }
    });

    lngCombo.setSelectedIndex(languageIndex);
*/

    commonFn.addListener(document.getElementById('field-language'),'change',function(event){
        var newValue;
        commonFn.forEach(event.currentTarget.getElementsByTagName('option'),function(i,e){
            if(e.selected){
                newValue=commonFn.getAttr(e,'value');
                return false;
            }
        });

        var newLabels = labels[newValue]||{};
        for(k in newLabels){
            if(newLabels.hasOwnProperty(k)){
                if(k==='KINTANA_LOGON_TITLE'){
                    document.title = newLabels[k];
                }

                if(k==='FORGETPASSWORD' && document.getElementById("link-forget-password")){
                    document.getElementById("link-forget-password").innerHTML = newLabels[k];
                }
                
                if((el=document.getElementById('label-'+k))!=null){
                    if (k==='FORGET_PASSWORD_HELP') {
                        var loginMessageForHelp = document.getElementById('label-LOGONID_PROMPT_FORGET_PASSWORD') ? newLabels['LOGONID_PROMPT_FORGET_PASSWORD'] : newLabels['USERNAME_FORGET_PASSWORD'];
                        var forgetPasswordHelpText = newLabels[k].replace('{0}', loginMessageForHelp).replace('{1}', newLabels['EMAIL_ADDRESS_COLUMN_LABEL']);
                        el.setAttribute('title', forgetPasswordHelpText);
                        commonFn.setText(el, forgetPasswordHelpText);
                    } else {
                        commonFn.setText(el,newLabels[k]);  
                    }
                }
            }
        }
    });
    
    function _getLabelForKey(key, param) {
       var languageField = document.getElementById('field-language');
       if (languageField) {
           var newLabels = labels[languageField.value]||{};
           if (newLabels[key]) {
               return param ? newLabels[key].replace('{0}', param) : newLabels[key];
           }
       }
        
       return '';
    }

    addCSRFToken(document.forms["logon"]);
    commonFn.addListener(window,'load',function(){
      window.autofocusOnload();
      $('.username-info-input').on('input', function(event) {
        $('.username-info-input').val($(event.currentTarget).val());
      });
    });

    var autofocusOnload = function() {
    	  
        (document.getElementById('field-username')||document.getElementById('field-logonid')).focus();

        
    }

    function validatePass() {

        //document.getElementById('field-language').value = lngCombo.getValue();

        var actualTZ = new Date().getTimezoneOffset();
        var date = new Date();
        document.getElementById('TIME_ZONE_ATTRIBUTE').value = '' + actualTZ;
        document.getElementById('ZERO_TIME_USER_ATTRIBUTE').value = '' + date.getTime();
        document.getElementById('SCREEN_RESOLUTION_WIDTH').value = screen.width;

        return true;
    }
    function disableReset(){
        $("body").addClass("disable-content");
    }

    function enableReset(){
        $("body").removeClass("disable-content");
    }
    function validateResetPasswordPass(){
        disableReset();
        if (document.getElementById("field-login").value.length == 0) {
            var field = document.getElementById('label-LOGONID_PROMPT_FORGET_PASSWORD') ? _getLabelForKey('LOGONID_PROMPT_FORGET_PASSWORD') : _getLabelForKey('USERNAME_FORGET_PASSWORD');
            showForgetPasswordMessage(true, _getLabelForKey('ISREQUIRED', field));
            enableReset();
            return false;
        } else if (document.getElementById("field-email").value.length == 0) {
            showForgetPasswordMessage(true, _getLabelForKey('ISREQUIRED', _getLabelForKey('EMAIL_ADDRESS_COLUMN_LABEL')));
            enableReset();
            return false;
        } else if (!checkEmail(document.getElementById("field-email").value)) {
            showForgetPasswordMessage(true, _getLabelForKey('INVALID_INPUT', _getLabelForKey('EMAIL_ADDRESS_COLUMN_LABEL')));
            enableReset();
            return false;
        }
        return true;
    }

    function showForgetPasswordMessage(isFailed, dataMessage) {
        const container = $(".forget-password-message");
        container.html('');
        container.append('<div class="message-icon"><img src="' + (isFailed ? '/itg/web/new/img/icon_error.png' : '/itg/web/new/img/icon_success.png') + '"></div>');
        container.append($('<div>').addClass('message-text').text(dataMessage));
    }

	function getCookie(cname){
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    function toggleForgetPassword(){
        $('body').toggleClass('forget-password');
        if ($('body').hasClass('forget-password')) {
            document.getElementById('field-login').focus();
            $(".forget-password-message").html('');
        } else {
            if (document.getElementById('field-logonid')) {
                document.getElementById('field-logonid').focus();
            } else if (document.getElementById('field-username')) {
                document.getElementById('field-username').focus();
            } else if (document.getElementById('label-LOGON_SUBMIT_BUTTON_CAPTION')) {
                document.getElementById('label-LOGON_SUBMIT_BUTTON_CAPTION').focus();
            }
        }
    }
    </script>

    
            <script language="javascript" src="/itg/js/common/jquery/jquery-3.6.1.min.js;jsessionid=BD80A4E4990CF38C362A6F4D46DCE502.p10l211l81l102?"></script>

            <script language="javascript" src="/itg/js/common/jquery/jquery-migrate-3.4.0.min.js;jsessionid=BD80A4E4990CF38C362A6F4D46DCE502.p10l211l81l102?"></script>

            <script language="javascript" src="/itg/js/../web/new/js/jquery.qrcode.min.js;jsessionid=BD80A4E4990CF38C362A6F4D46DCE502.p10l211l81l102?"></script>

    <script type="text/javascript">
    $(document).ready(function(){
        var lc = window.location;

        $('#smartphone-toggle').click(function(){

            if(!$('body').hasClass('qrcode')){

                var icon = new Image();
                icon.src = '/itg/web/new/img/ppm_qr_logo.png?v=01ac9beeb2';

                $('#qrcode img').remove();
                $('#qr-image').qrcode({
                	
                    text  : [lc.protocol,'//',lc.host,'/itg/mobile']
                    .join(''),
                    image : icon,
                    render: 'image',
                    mode: 4,
                    ecLevel: 'M',
                    mSize: 0.15,
                    size: 140
                });
            }
            $('body').toggleClass('qrcode');
        });

    });
    </script>
    
    







<link href="/itg/css/common/BrandColor.css;jsessionid=BD80A4E4990CF38C362A6F4D46DCE502.p10l211l81l102?" type="text/css" rel="stylesheet">


<style>
.legal_notice_mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
}

.legal_notice {
  display: flex;
  flex-flow: nowrap column;
  position: absolute;
  width: 720px;
  height: 500px;
  margin: -280px 0 0 -340px;
  top: 50%;
  left: 50%;
  background: rgb(var(--brand_color_rgb));
  padding: 32px;
  font-family: Arial, sans-serif;
  color: white;
}



</style>



    




<form id="_dummy_"></form></body></html>