/**
 *
 * customLoginPageJavascriptView
 *
 * brandon.longworth 12/02/2022
 * 
 * stokareva  -	06/05/2023 - USMSPBA-5896 - During login, when Default User Role is Appellant, Agency Representative, or Appellant Representative, and "Service Method" from Person BTO is (U.S. Mail or blank) display a message and do not allow user to log in. 
 **/
 
var requiredIcon = jQuery('<span class="requiredIconHolder required"><svg class="icon " focusable="false"><title>Required</title><use xlink:href="themes/helium/web-pub/images/icons/svg/common.svg#required"></use></svg></span>');

jQuery(document).ready( function() {
    if(!(window.location.pathname.endsWith('login.request.do') && window.location.search === '?action=normal')){
        setupLoginLook();
    }
    
    if(window.location.pathname.endsWith('login.request.do') && window.location.search === '?action=normal'){
        jQuery('body').css('align-items', 'center')
    }
    else if(window.location.pathname.endsWith('login.request.do') && window.location.search === '?action=login'){
        setupLoginSection();
    } else if(window.location.pathname.endsWith('login.request.do') && window.location.search === '?action=usernameRecovery'){
        setupUsernameRecoverySection();
    } else if(window.location.pathname.endsWith('login.request.do')){
        setupInitialChoices();
    } else if(window.location.pathname.endsWith('login.submit.do')) {
        setupLoginSection();
    } else if(window.location.pathname.endsWith('login.reset.password.do') || window.location.pathname.endsWith('login.reset.password.do') 
                || window.location.pathname.endsWith('login.reset.password.request.do') || window.location.pathname.endsWith('login.reset.password.change.request.do')
                || window.location.pathname.endsWith('login.enter.reset.code.do')) {
        setupPasswordResetSection();
    } else if(window.location.pathname.endsWith('enforce.update.password.request.do') || window.location.pathname.endsWith('enforce.update.password.submit.do')) {
        setupPasswordExpirationSection();
    }
    
    // USMSPBA-7208
    if( window.location.href.indexOf("https://portal-eappeal.mspb.gov/") === -1 ) {
        if( jQuery("#signonFailure").text().indexOf("maximum number of concurrent") > -1 || (jQuery("#maxUsersFailure").length > 0 && jQuery("#maxUsersFailure").text().indexOf("maximum number of concurrent") > -1) ) {
            jQuery("#login-errors").hide();
        }
    }
});

function setupInitialChoices() {
    jQuery('form[name="signonForm"]').remove();
    jQuery('#policy').after(jQuery('<div id="initialChoiceDiv" style="margin-top: 50px; margin-bottom: 20px;">'
                + '    <table>'
                + '        <tr>'
                + '            <td>'
                + '                <table class="loginOptionsTable" style="margin-right:20px;">'
                + '                    <tr>'
                + '                        <td><h2>New Users</h2></td>'
                + '                    </tr>'
                + '                    <tr>'
                + '                        <td><p style="margin-top: 0px;">Setup your account here. You must complete this one-time process if this is your first time accessing MSPB\'s new e-Appeal.</p></td>'
                + '                    </tr>'
                + '                    <tr>'
                + '                        <td><button class="formButton" onclick="showModal(\'register\')">Register</button></td>'
                + '                    </tr>'
                + '                </table>'
                + '            </td>'
                + '            <td>'
                + '                <table class="loginOptionsTable" style="margin-left:20px;">'
                + '                    <tr>'
                + '                        <td><h2>Returning Users</h2></td>'
                + '                    </tr>'
                + '                    <tr>'
                + '                        <td><p style="margin-top: 0px;">Log in here if you have previously registered for an account in MSPB\'s new e-Appeal or are completing your account setup.</p></td>'
                + '                    </tr>'
                + '                    <tr>'
                + '                        <td><button class="formButton" onclick="showModal(\'login\')">Log in</button></td>'
                + '                    </tr>'
                + '                </table>'
                + '            </td>'
                + '        </tr>'
                + '    </table>'
                + '</div>'));
                
    jQuery('body').append(jQuery('<div id="securityModal" style="display: none;">'
       + '    <p>You are accessing a U.S. Government information system that is owned and operated by the U.S. '
       + '    Merit Systems Protection Board (MSPB).  This information system is part of a system of '
       + '    records covered by the Privacy Act of 1974, 5 U.S.C. &sect; 552a, and is accessible only to authorized users.  '
       + '    This information system is provided for the processing of official U.S. Government-authorized use only. '
       + '    Unauthorized or improper use of this system may result in disciplinary action, as well as civil and criminal penalties as stated in 18 U.S.C. &sect; 1030.</p>'
       + '    <p>By using this information system, you understand and consent to the following: '
       + '        <ul>'
       + '        <li>You have no reasonable expectation of privacy regarding any communications or data transiting or stored on this information system. At any time, the government may for any lawful government purpose monitor, intercept, search and seize any communication or data transiting or stored on this information system. </li>'
       + '        <li>Any communications or data transiting or stored on this information system may be disclosed or used for any lawful government purpose. </li>'
       + '        <li>Any unauthorized activities including altering information in e-Appeal, accessing the system by impersonating a registered e-Filer, and/or attempting to view information contained in any appeal by any person not properly registered as an e-Filer for that appeal or authorized to access information on behalf of a registered e-Filer. </li>'
       + '        <li>Your consent is final and irrevocable. </li>'
       + '        </ul>'
       + '    </p>'
       + '    <p><b>Terms and Conditions for Use: </b><br/>'
       + '    To use this site, you must adhere to all requirements for access. '
       + '    Unauthorized use of this site and/or our systems, including but not limited to misuse of any '
       + '    information posted on the site or unauthorized entry into any of our systems is strictly prohibited. '
       + '    In addition, you may not either directly or through the use of any device, software, Internet site, '
       + '    web-based service, or other means incorporate the content on this site into, or stream or retransmit '
       + '    the content via any hardware or software application or make it available via frames or in-line links. '
       + '    </p>'
       + '</div>'));
       
    addSWB();
}

function setupLoginSection() {
    jQuery('#policy').after(jQuery('<div id="loginDiv" style="margin-top: 20px" class="divAtBottom grayBorder">'));
    jQuery('#loginDiv').append(jQuery('<p class="sectionHeader">Returning Users</p>'));
    
    if(jQuery('p[class="error"]').length){
        jQuery('#loginDiv').append(jQuery('#login-errors'));
    }
    
    jQuery('label[for="username"] span').after(requiredIcon.clone());
    jQuery('label[for="password"] span').after(requiredIcon.clone());
    
    jQuery('#loginDiv').append(jQuery('form[name="signonForm"]'));
    jQuery('#username').after(jQuery('<a href="login.request.do?action=usernameRecovery" id="UsernameRecovery">Forgot username?</a>'));
    jQuery('#password').after(jQuery('#ResetPassword'));
    jQuery('#ResetPassword').text('Forgot password?');
    
    jQuery('#submit').val('Log in');
    jQuery('#submit').parent().css('margin', '0px');
    jQuery('#submit').parent().before(jQuery('<div id="buttons" class="buttonDiv" style="padding: 0px;">'));
    jQuery('#buttons').append(jQuery('#submit').parent());
    
    jQuery('#submit').after('<button type="button" class="button" onclick="checkIfEfiler()">Log in</button>');	//USMSPBA-5896
    jQuery('#submit').hide();																					//USMSPBA-5896
    
    //jQuery('#submit').after(jQuery('<br/><a href="" id="NeedHelp">Need help?</a>'));
}

function setupUsernameRecoverySection() {
    jQuery('form[name="signonForm"]').remove();
    jQuery('#content').css('height', 'auto');
    jQuery('#policy').after(jQuery('<p class="sectionHeader">Forgot Username</p>'
                + '<div id="usernameRecoveryDiv">'
                + '<p>Please enter your email address in order to recover your username.</p>'
                + '<div id="login-errors" style="display: none;">'
                + '     <div id="login-errors-header">'
                + '         <span style="color:red;">'
                + '             <svg fill="currentColor" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" focusable="false" width="20px"><g><path d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z "></path></g>'
                + '             </svg>'
                + '         </span>'
                + '         <span style="font-weight:bold;">Validation Errors</span>'
                + '     </div>'
                + '     <ul>'
                + '         <li>'
                + '             <p id="errors"></p>'
                + '         </li>'
                + '     </ul>'
                + ' </div>'
                + '<div id="inputDiv" class="grayBorder">'
                + '     <p style="padding: 0px 10px 0px 10px;">'
                + '         <label for="emailAddress" accesskey="e">'
                + '             <span>Email address</span>'
                + '             <input type="text" name="emailAddress" id="emailAddress" size="20" maxlength="255">'
                + '         </label>'
                + '     </p>'
                + '     <div class="buttonDiv">'
                + '         <button class="formButton_secondary" onclick="window.open(\'login.request.do?action=login\')">Cancel</button>'
                + '         <button class="formButton" onclick="recoverUsername()">Submit</button>'
                + '     </div>'
                + '</div>'
                + '</div>'));
    jQuery('#policy').remove();
    
    jQuery('label[for="emailAddress"] span').after(requiredIcon.clone());
}

function setupPasswordResetSection() {
    
    if(jQuery('[name="signonForm"]').length){
        setupLoginSection();
        jQuery('#loginDiv').before(jQuery('<div style="padding:10px;display:block;background-color:#424242;border-radius:0.5em;color:white;margin-top:10px;"> '
            + '<span><svg fill="currentColor" preserveAspectRatio="xMidYMid meet" height="100%" width="100%" viewBox="0 0 24 24" focusable="false"><g><path d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></g> </svg></span>'
            + '</div>').append(jQuery('<span style="padding-left:10px;"></span>').append(jQuery('b:contains("Your password")'))));
        return;
    }
    
    jQuery('#content').css('height', 'auto');
    jQuery('#resetPassword').before(jQuery('<p class="sectionHeader">Forgot Password</p>'));
    
    var contentFormName = '';
    
    if(jQuery('[name="requestPasswordRequestform"]').length){
        contentFormName = 'requestPasswordRequestform';
    } else if(jQuery('[name="enterResetCodeForm"]').length) {
        contentFormName = 'enterResetCodeForm';
    }
    
    if(jQuery('p[class="error"]').length){
        jQuery('[name="' + contentFormName + '"]').before(jQuery('#login-errors'));
    }
    
    jQuery('#resetPassword').append(jQuery('<div id="contentDiv" class="grayBorder"></div>'));
    
    jQuery('#contentDiv').append(jQuery('[name="' + contentFormName + '"]'));
    
    jQuery('#submit').parent().before(jQuery('<div id="buttons" class="buttonDiv" style="padding: 0px;">'));
    jQuery('#buttons').append(jQuery('#submit').parent());
    jQuery('#submit').parent().append(jQuery('#submit'));
    jQuery('#submit').parent().children().first().addClass('formButton_secondary')
    jQuery('#submit').parent().children().first().attr('onclick', 'javascript:location.href="login.request.do?action=login"');
    
    jQuery('label[for="username"] span').after(requiredIcon.clone());
    jQuery('label[for="code"] span').after(requiredIcon.clone());
    jQuery('label[for="password"] span').after(requiredIcon.clone());
    jQuery('label[for="confirmPassword"] span').after(requiredIcon.clone());
    
    if(contentFormName == 'requestPasswordRequestform'){
        jQuery('#contentDiv').css('height', '190px');
        jQuery('#resetPassword').children().first().text('Please enter your username in order to restore your password');
        jQuery('#username').after(jQuery('<span style="font-weight: normal; font-size: 14px;">If you already have a reset code <a href="login.reset.password.change.request.do">click here</a> to complete your password reset</span>'));
    } else if (contentFormName == 'enterResetCodeForm'){
        jQuery('#contentDiv').css('height', '390px');
    } else {
        jQuery('#contentDiv').remove();
    }
}

function setupPasswordExpirationSection() {
    
    jQuery('#login').before(jQuery('<div id="login-notice" class="loginMainContent">'));
    jQuery('#login-notice').append(jQuery('#login'));
    
    jQuery('#content').css('height', 'auto');
    jQuery('[name="passwordForm"]').before(jQuery('<p class="sectionHeader">Password Expiration</p>'));
    jQuery('[name="passwordForm"]').before(jQuery('<div id="passwordExpired"></div>'));
    jQuery('#passwordExpired').append(jQuery('p:contains("This password has expired.")'));
    jQuery('#passwordExpired').append(jQuery('p:contains("Password should be at least")'));
    jQuery('#passwordExpired').append(jQuery('<div id="contentDiv" class="grayBorder"></div>'));
    jQuery('#contentDiv').append(jQuery('[name="passwordForm"]'));
    
    jQuery('[name="passwordForm"] br').remove();
    
    jQuery('label[for="passwordCurrent"] span').after(requiredIcon.clone());
    jQuery('label[for="password"] span').after(requiredIcon.clone());
    jQuery('label[for="passwordConfirm"] span').after(requiredIcon.clone());
    
    jQuery('[type="submit"]').parent().before(jQuery('<div id="buttons" class="buttonDiv" style="padding: 0px;">'));
    jQuery('#buttons').append(jQuery('[type="submit"]').parent());
    jQuery('[type="submit"]').parent().append(jQuery('[type="submit"]'));
    jQuery('[type="submit"]').parent().children().first().addClass('formButton_secondary')
    jQuery('[type="submit"]').parent().children().first().attr('onclick', 'javascript:location.href="login.request.do?action=login"');
    
    if(jQuery('[class="validationError"]').length){
        jQuery('#contentDiv').before(jQuery('<div id="login-errors">'
            + '     <div id="login-errors-header">'
            + '         <span style="color:red;">'
            + '             <svg fill="currentColor" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" focusable="false" width="20px"><g><path d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z "></path></g>'
            + '             </svg>'
            + '         </span>'
            + '         <span style="font-weight:bold;">Validation Errors</span>'
            + '     </div>'
            + '     <ul id="errors">'
            + '     </ul>'
            + ' </div>'));
        jQuery('[class="validationError"]').each(function(){
            jQuery('#errors').append(jQuery('<li>').append(this));
        });
    }
}

//USMSPBA-5896
function checkIfEfiler(){
	if(jQuery('#login-errors').length == 0){
	     var errorDiv = '<div id="login-errors"> ' + 
	    	 			' 	<div id="login-errors-header"> ' + 
	    	 			'		<span style="color:red;"> <svg fill="currentColor" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" focusable="false" width="20px"><g><path d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z "></path></g> </svg> </span> ' +
	    	 			'		<span style="font-weight:bold;">Validation Errors</span> ' +
	    	 			'		</div> ' +    
	    	 			'			<ul> ' +        
	    	 			'				<li id="errors"> ' +
	    	 			'					<p class="error"> <a href="#" onclick="return false;" id="signonFailure"></a></p> ' +
	    	 			'				</li> ' +    
	    	 			'			</ul> ' +
	    	 			'		</div>';
	     jQuery('.sectionHeader').after(errorDiv);	     
	} 
	jQuery('#signonFailure').text('');
    jQuery('#login-errors').hide();  
	
	jQuery.ajax({
		type: "POST",
		url : "page.request.do?page=page.public.ajax.checkIfEfiler",
		data: {
			username: jQuery('#username').val()
		},
		cache: false,
		dataType: 'json'
	}).done(function(data) {
		if(!data.isEfiler) {
			jQuery('#signonFailure').text('You are not authorized to access the MSPB e-Appeal system because you are not currently registered as an e-Filer with MSPB. Please review the MSPB e-Appeal: FAQ on the MSPB website for additional information.');
			jQuery('#login-errors').show();
		} else {
			jQuery("#submit").click();
		}
	}).fail(function(e) {
		console.log(e);
	});	
}

function recoverUsername() {
    jQuery('#errors').text('');
    jQuery('#login-errors').hide();
    if(jQuery('#emailAddress').val() === ''){
        jQuery('#errors').text('Email Address is required to recover username');
        jQuery('#login-errors').show();
    } else {
        jQuery.ajax({
            type: "POST",
            url : "page.request.do?page=page.public.ajax.usernameRecovery",
            data: {
                emailAddress: jQuery('#emailAddress').val()
            },
            cache: false,
            dataType: 'json'
        }).done(function(data) {
    		if(data.result === "error") {
                jQuery('#errors').text('An error occurred when attempting to recover your username. Please contact a system administrator for assistance.');
                jQuery('#login-errors').show();
            } else if (data.result === "fail") {
                jQuery('#errors').text('No username was found for the provided email.');
                jQuery('#login-errors').show();
            } else if (data.result === "success") {
                jQuery('#login-errors').before(jQuery('<p>An email was sent to you with your username. <a href="login.request.do?action=login" style="font-size:16px">Click here</a> to return to the login page.</p>'));
                jQuery('#inputDiv').hide();
            }
    	}).fail(function(e) {
            console.log(e);
        });
    }
}

function showModal(action){
    EtkFormDialog.loadCustomDialog("Security Policy - Warning", jQuery('#securityModal'),
        function(){
    		jQuery('#securityModal').show();
		},
		function(){
            jQuery('body').append(jQuery('#securityModal'));
			jQuery('#securityModal').hide();
		},
		'small',
		{
			buttons: [
				{
					text: "Acknowledge",
					style: "background: #0066cc; color: white; font-weight:500; border: none; border-radius: 2px; padding: 0 20px; height: 36px;",
					click: function() {
                        if(action === 'register'){
                            window.open('page.request.do?page=page.public.efileUserRegistration', '_self');
                        } else if (action === 'login'){
                            window.open('login.request.do?action=login', '_self');
                        }
					}
				},
			],
            position: {my: "top+30px", at: "top", of: window}
		
		});
}

function setupLoginLook() {
    addHeaderFooter();
    jQuery('#content').addClass('loginBody');
    jQuery('#login-notice').addClass('loginMainContent');
    jQuery('#login').addClass('flexDiv');
    
    jQuery('input').attr('placeholder', '');
    
    jQuery('#policyFrame').remove();
    jQuery('#policy').append(jQuery('<span style="color: black;text-transform: none;">Welcome to e-Appeal, the e-filing and case management system for U.S. Merit Systems Protection Board (MSPB). e-Appeal enables individuals to file new appeals and for parties to an appeal to file pleadings and view the electronic case record, including issuances from MSPB.</span>'));
    
    jQuery('#security-notice').remove();
    jQuery('#logo').remove();
    jQuery('#app-title').remove();
    
    jQuery('p:contains("Password should be at least")').removeClass("error");
    jQuery('p:contains("This password has expired.")').removeClass("error");
    
    if(jQuery('p[class="error"]').length){
        jQuery('p[class="error"]').after(jQuery('<div id="login-errors">'
        + '     <div id="login-errors-header">'
        + '         <span style="color:red;">'
        + '             <svg fill="currentColor" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" focusable="false" width="20px"><g><path d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z "></path></g>'
        + '             </svg>'
        + '         </span>'
        + '         <span style="font-weight:bold;">Validation Errors</span>'
        + '     </div>'
        + '     <ul>'
        + '         <li id="errors">'
        + '         </li>'
        + '     </ul>'
        + ' </div>'));
        jQuery('#errors').append(jQuery('p[class="error"]'));
    }
}

function addHeaderFooter() {
    jQuery('#content').before(jQuery('<div class="loginHeader"><a href="login.request.do" target="_self"><img class="headerLogo" alt="MSPB Logo" src="resources/mspb/static/public/appAcc/img/MSPB Logo 2.png"></a></div>'))
    jQuery('#content').after(jQuery('<div class="loginFooter">'
        + '     <table class="navigationTable">'
        + '         <tr>'
        + '             <td onclick=" window.open(\'https://www.mspb.gov/about/about.htm\',\'_blank\')">'
        + '                 About MSPB'
        + '             </td>'
        + '             <td onclick=" window.open(\'https://www.mspb.gov/appeals/appeals.htm\',\'_blank\')">'
        + '                 Appeal Process'
        + '             </td>'
        + '             <td onclick=" window.open(\'https://www.mspb.gov/e-appeal/support/\',\'_blank\')">'
        + '                 Technical Support'
        + '             </td>'
        + '             <td onclick=" window.open(\'https://www.mspb.gov/publicaffairs/regulations.htm\',\'_blank\')">'
        + '                 Regulations'
        + '             </td>'
        + '         </tr>'
        + '     </table>'
        + '     <div class="footerInformation" id="login-information">'
        + '         <div>'
        + '             <img alt="MSPB Logo" src="resources/mspb/static/public/appAcc/img/mspb logo 3.png" height="50" width="50">'
        + '             <span>U.S. Merit Systems Protection Board</span>'
        + '         </div>'
        + '         <div>'
        + '             <span><a href="https://www.mspb.gov/about/contact.htm" target="_blank">Agency Contact Center</a></span>'
        + '             <span><a href="tel: 2026537200">(202) 653-7200</a> <a href="mailto: mspb@mspb.gov">mspb@mspb.gov</a></span>'
        + '         </div>'
        + '     </div>'
        /*+ '     <table class="footerTable">'
        + '         <tr>'
        + '             <td>'
        + '                 <table>'
        + '                     <tr>'
        + '                         <td>'
        + '                             <img alt="MSPB Logo" src="resources/mspb/static/public/appAcc/img/mspb logo 3.png" height="50" width="50">'
        + '                         </td>'
        + '                         <td style="padding-left: 10px;">'
        + '                             U.S. Merit System Protection Board'
        + '                         </td>'
        + '                     </tr>'
        + '                 </table>'
        + '             </td>'
        + '             <td class="footerRight">'
        + '                 <a href="https://www.mspb.gov/about/contact.htm" target="_blank" style="color: white; text-decoration:none;">Agency Contact Center</a><br/>'
        + '                 (202) 653-7200 mspb@mspb.gov'
        + '             </td>'
        + '         </tr>'
        + '     </table>'*/
        + ' </div>'))
}

function addSWB() {
    jQuery('#login').prepend('<br/>');
	jQuery('#login').prepend('<fieldset style="padding:10px;display:block;border:1px solid #d3d3d3;border-radius:0.5em;"><legend id="swbLegend" class="title" style="position:static;color: rgb(51, 51, 51); font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica; font-size: 14px; font-weight: bold; text-transform:none; "></legend><iframe id="swbFrame" src="page.request.do?page=page.public.swb.display" style="border:none; width:100%;"></fieldset>');
}
function swbIframeLoaded() {
    var iFrameID = document.getElementById('swbFrame');
    if(document.getElementById('swbFrame')) {
          iFrameID.height = "";
          iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
    }   
}