hcm.businesspayrollservice.com
Open in
urlscan Pro
104.209.45.6
Public Scan
Submitted URL: https://hcm.businesspayrollservice.com/
Effective URL: https://hcm.businesspayrollservice.com/Login.aspx?ReturnUrl=%2f
Submission: On July 07 via api from US — Scanned from DE
Effective URL: https://hcm.businesspayrollservice.com/Login.aspx?ReturnUrl=%2f
Submission: On July 07 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST ./Login.aspx?ReturnUrl=%2f
<form method="post" action="./Login.aspx?ReturnUrl=%2f" id="globalASPNETForm" data-fv-framework="bootstrap" data-fv-addons="mandatoryIcon" data-fv-icon-valid="fa fa-2x fa-check" data-fv-icon-invalid="fa fa-2x fa-times"
data-fv-icon-validating="fa fa-2x fa-refresh" data-fv-trigger="blur" data-fv-button-selector="[data-fv-submitbutton='true']" data-fv-addons-mandatoryicon-icon="fa fa-asterisk text-danger">
<div class="aspNetHidden">
<input type="hidden" name="RadStyleSheetManager1_TSSM" id="RadStyleSheetManager1_TSSM" value="">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="dIw/d6Mnb21uw7X7Og8iSJ9/BvEkfb18LEZGC9ijQ9XRt3eX+n+IWPnFDAbveDPAZ3h5bz5vK3G4eSgmABlzcu74JRE+jN6Bu3WpUQZy9TS6tcFfJ2A9VfNiWdvZFrvsx3KQN1hc5sEaM7Z1wEaDoep8Ehn1/EnpR7gHH3IvNSTiQp+k3RWh6AJXH/J8a+ekO+3Cg7RnwXAR6FZ55glg7TqOdGfgirtedmWxnlZF5SWvjBrAlmtZyqw9oFFCuQbfdsbZqCX+R6bVkCFctMMD7R4PfZtS4iwcGTOtXQFPqQnwWTewo9JDxQLCn7hlOKAkS13+mVCTW3fh4Z2wIh8HQP08Ke/FIrYSBYBX+CHdwlyyv1M+Uy62h286wF+CCofQOc05WQssygsSfCDiB9ICe1LEJq/hzN8tkhl06K67pFlt4h6oUB5EN712lFFBNGtkOPkmH2XLqmdvY7gIWGjO8dRD1HY=">
</div>
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-DK0NGXM56Z&cx=c&_slc=1"></script>
<script async="" src="https://www.google-analytics.com/analytics.js"></script>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['globalASPNETForm'];
if (!theForm) {
theForm = document.globalASPNETForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="https://ajax.aspnetcdn.com/ajax/4.6/1/WebForms.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
window.WebForm_PostBackOptions || document.write('<script type="text/javascript" src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZJMkceUAN6f9t8YDdATZRrhWKEgij2UXvhwZRZOL82dq1FXGlA2&t=638459572569584809"><\/script>'); //]]>
</script>
<link class="Telerik_stylesheet" type="text/css" rel="stylesheet" href="https://d35islomi5rx1v.cloudfront.net/ajaxz/2020.1.114/Ajax.css">
<script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjax.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
(window.Sys && Sys._Application && Sys.Observer) || document.write(
'<script type="text/javascript" src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvl9amlwm_2xGJDKum5BhII3fDwkvU50iw_PysCiayAkA1qvIfFdy0cJdLUXUeFuOsCQqRaxaHnJ2ufXdUmjxqfFHnDsrByuEiJEj1kBpgjYFieJ8vTN5rHQzj77XDmmyyK8pzvE1&t=74258c30"><\/script>'
); //]]>
</script>
<script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjaxWebForms.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
(window.Sys && Sys.WebForms) || document.write(
'<script type="text/javascript" src="/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OHad3D7_rIouHpv2wKW85hXCAYduzMpegT6Tfk6obhWNkAQOMGVWkeMLhKvy8eBEKij23XrE5e52tBwcSk9ATpkqwsminyBgApUWcNn-_VEigQVcum8TuJZprRWkY7AlwjzjNJw1&t=74258c30"><\/script>'
); //]]>
</script>
<script src="/ScriptResource.axd?d=TDVjdgRbdvNAY3tnbizUcNKH23rE3K-3amxn1HETViDbZ7LChimcSPqNlo-CnFqaSQFRfCEOB3JKZVEMgiR9tUzIJLHlmaFdNzbXVeHCDzHX1W5L0&t=fffffffff49535ad" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=mbGZm65DzNC0tMTq0ElbccvqV8g9lTjIOtiPewUzl_eRJVMi98YS5dmRp2-2IkQ3jAyvHO5w8MPgp_2QkLptX_eWzblG7gsJymUNv0iGdNiP0vrzlm4N-y2uRMgUvEoE_dC8AQ2&t=fffffffff49535ad" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=qFewkfQjlYonknarpmKLFviXMx7p5h0z8iRtdeugAKEwGv2NKqYNiKALQmtm5_sXmCWE7ZLty1T235HZAddJepTuXv3-YPRq1TDk3N69pGakFWYtDANHrHgCHdjgFZ-k-l5viQ2&t=fffffffff49535ad" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=sF8Y0c2qLAfpveBK9gLo7Oy9Z_uGItAL5O4a6jNsR8zdQggOJzSUSNOLVYMwrRLrHWkP8NJx9t_EVElYMLvVGZTbk7NDuxtUhcaWM26z2yXQpDX60&t=fffffffff49535ad" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=uZyysmNAhs23bID72ZUaStBwoMfF1ekQagUa_79zC5ve6cwJACBC74RZIOZzJzG4Kfe78RUIwlBBm5QiC70yXEemtfGNS2XtF5jXRq9IGAmYBC5ThDxfqZ_i0dGu5CyfDZ91zaLTnfy4SFrrDJzf0akaM5c1&t=fffffffff49535ad" type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="C2EE9ABB">
<input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0">
<input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="0">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'globalASPNETForm', ['tctl00$ctl00$MainContent$loginboxPanel', '', 'tctl00$ctl00$MainContent$pnlModalTFAChallengePanel', '',
'tctl00$ctl00$MainContent$pnlModalForgotPasswordPanel', '', 'tctl00$ctl00$MainContent$pnlModalSelectCompanyPanel', '', 'tctl00$RadAjaxManagerSiteSU', 'RadAjaxManagerSiteSU'
], [], [], 300, 'ctl00');
//]]>
</script>
<script type="text/javascript">
var root = "/"
</script>
<script src="/_js/components/moment.min.js?v=heXUHrnEUcFtTnhK7BPZSA2"></script>
<script src="/_js/bootstrap.min.js?v=xbWy-hm9Zv8jIR2fhE4BMQ2"></script>
<script src="/_js/components/bootstrap-notify.min.js?v=NessIYVSTuyyt3K2Z1UgFA2"></script>
<script src="/_js/components/bootstrap-confirmation.js?v=Lq0spjTpXXYSHEjIB3XRPw2"></script>
<script src="/_js/components/bootstrap-datetimepicker.min.js?v=u8O7R6oYupzLdUxu3bv-VQ2"></script>
<script src="/_js/components/bootstrap-select.min.js?v=9wPhBmWycAgQlRhiwpFDag2"></script>
<script src="/_js/components/bootstrap-checkbox.min.js?v=2UH7cBR4XRZWarKnjuCzRg2"></script>
<script src="/_js/components/bootstrap-typeahead.min.js?v=akDE7gRPV_m_DV-Ul3uxiw2"></script>
<script src="/_js/components/jquery.fileDownload.js?v=Xg7ogJWKMtDJ5pVCjCxz9A2"></script>
<script src="/_js/components/css-vars/css-vars-ponyfill.js?v=eX0dL4BtPHZC0qCmGw3RUQ2"></script>
<script src="/_js/vendor/formValidation/formValidationHRnext.min.js?v=CEYzWYB51ZvXXPEZtjfCQw2"></script>
<script src="/_js/vendor/formValidation/addons/mandatoryIcon.min.js?v=coOsNZUyC-yeNpyQx0tvGQ2"></script>
<script src="/_js/vendor/formValidation/bootstrap.min.js?v=8fpLhFZqm6vfmjMDiNKrHA2"></script>
<script src="/_js/individualScripts/checkboxFunctions.js?v=QqTvS9CP2Zen-7yJyTjybQ2"></script>
<script src="/_js/individualScripts/inputFunctions.js?v=VxEf2CgHTOXp95HzMMZBVQ2"></script>
<script src="/_js/individualScripts/gridFunctions.js?v=XSBncSoaJa2rsnEcHZl_UQ2"></script>
<script src="/_js/individualScripts/confirmationFunctions.js?v=Ne51RnUacf28UVeEWY-ljA2"></script>
<script src="/_js/individualScripts/popoverFunctions.js?v=hh6xF7vYG47dhaHlQfL08g2"></script>
<script src="/_js/individualScripts/advancedFilterFunctions.js?v=FGbCRzF93uSJUtAsPnjcpA2"></script>
<script src="/_js/individualScripts/modalFunctions.js?v=v3M2bh_OTi6jKDDA5aY32Q2"></script>
<script src="/_js/individualScripts/validationFunctions.js?v=MqWwp8sn4rfPigXCiXi5CA2"></script>
<script src="/_js/individualScripts/selectFunctions.js?v=90JGq4jB9QU6vDP6l4RJFw2"></script>
<script src="/_js/customHRnext.js?v=HOR7AG1reejUW_wGZhGzcg2"></script>
<script>
var envName = 'Live ID';
var googleAccount = '';
var platformTypeGoogle = 'EUP';
switch (envName.toLowerCase()) {
case 'stage tesla':
case 'stage id':
case 'live tesla':
case 'live id':
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
switch (platformTypeGoogle.toLowerCase()) {
case 'eup':
googleAccount = 'UA-101392327-2';
break;
case 'base':
googleAccount = 'UA-101392327-2';
break;
case 'id':
googleAccount = 'UA-101392327-2';
break;
case 'm3rp':
googleAccount = 'UA-101392327-2';
break;
default:
}
//ga('create', 'UA-101392327-2', 'auto');
ga('create', googleAccount, 'auto');
ga('send', 'pageview');
break;
default:
break;
}
</script>
<!-- 2020.1.114.45 -->
<div id="RadAjaxManagerSiteSU" style="display: inline;">
<span id="ctl00_RadAjaxManagerSite" style="display:none;"></span>
</div>
<div class="container-fluid marginContent">
<div id="radLoadingPanel" class="RadAjax RadAjax_Bootstrap" style="display:none;">
<div class="raDiv">
</div>
<div class="raColor raTransp">
</div>
</div>
<div id="mainContent">
<div id="alertBox">
<style>
@media screen and (max-width: 768px) {
/* Anything under iPad (portrait), let's scale (down) the image so it looks ok on mobile devices
*/
#logoImage {
transform: scale(.5);
}
}
#logoImage {
margin-bottom: 2em;
}
/* EUP specific CSS for the privacy policy link at the bottom of the Login Page*/
.isPlatformEP .privacyPolicyLink {
color: white;
}
</style>
<!-- modal - ForgotPassword -->
<div id="modalForgotPassword" class="modal fade">
<!-- VERY VERY important to put the ajax panel INSIDE the "modal" wrapper. Things (like hiding the modal and returning to a non dark screen)
start to happen when you don't. -->
<div class="RadAjaxPanel" id="ctl00_ctl00_MainContent_pnlModalForgotPasswordPanel" style="display: inline;">
<div id="MainContent_pnlModalForgotPassword">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" data-id="btnClose"><span class="fa fa-times fa-2x"></span></button>
<div class="modal-header">
<h2 class="text-center">Forgot Password</h2>
</div>
<div class="modal-body">
<div class="container-fluid">
<div id="MainContent_pnlForgotPassword" class="marginContent" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'MainContent_btnSendMyPassword')">
<div class="panel panel-default">
<div class="panel-body">
<div id="forgotPasswordForm" class="form-horizontal marginContent">
<div class="text-center">
<h3><i class="fa fa-lock fa-4x"></i></h3>
<h2 class="text-center">Forgot Password?</h2>
</div>
<p>You can reset your password here.</p>
<p>Enter your <strong>email/username</strong> to get started. An email will be sent with instructions and a link to reset your password </p>
<div class="panel-body">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope fa-2x"></i></span>
<input name="ctl00$MainContent$fldtxtForgotPasswordUsername" maxlength="256" id="MainContent_fldtxtForgotPasswordUsername" class="form-control input-lg forgotpassusernameinput" placeholder="Username (email)"
autofocus="true" type="email" data-fv-notempty="true" data-fv-notempty-message="<b>Username</b> is required" data-fv-emailaddress-message="The input is not a valid email address">
</div>
</div>
<div class="form-group">
<a id="MainContent_btnSendMyPassword" class="btn btn-lg btn-primary btn-block forgotpassbutton" href="javascript:__doPostBack('ctl00$MainContent$btnSendMyPassword','')">
Reset My Password
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</div>
</div>
<!-- modal - ForgotPassword -->
<!-- modal - SelectCompany -->
<div id="modalSelectCompany" class="modal fade">
<!-- VERY VERY important to put the ajax panel INSIDE the "modal" wrapper. Things (like hiding the modal and returning to a non dark screen)
start to happen when you don't. -->
<div class="RadAjaxPanel" id="ctl00_ctl00_MainContent_pnlModalSelectCompanyPanel" style="display: inline;">
<div id="MainContent_pnlModalSelectCompany">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" data-id="btnClose"><span class="fa fa-times fa-2x"></span></button>
<div class="modal-header-SSO">
<div class="panel panel-default">
<div class="panel-heading panel-heading-hrnextBlue text-center">
<div class="panel-title">
<h2 class="text-center"> Login</h2>
</div>
</div>
</div>
</div>
<div class="modal-body-SSO">
<div class="">
<div id="MainContent_pnlSelectCompany" class="marginContent" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'MainContent_btnSelectCompany')">
<div class="panel panel-default">
<div class="panel-body">
<div id="SelectCompanyForm" class="form-horizontal marginContent">
<div class="text-center">
<h3><i class="fa fa-building fa-4x"></i></h3>
<h4>Select Company to Login to .</h4>
</div>
<div class="panel-body">
<div class="row">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-building"></i></span>
<input name="ctl00$MainContent$fldtxtCompanySearch" type="text" id="MainContent_fldtxtCompanySearch" tabindex="1" class="form-control typeahead companySearchMaster" placeholder="company search"
autocomplete="off">
<ul class="typeahead dropdown-menu" style="max-height:220px;overflow:auto;"></ul>
<span class="input-group-btn">
<button id="btnClearCompanyMaster" class="btn btn-default" type="button">
<span class="fa fa-times"></span>
</button>
<a id="MainContent_btnSelectCompany" class="btn btn-success" href="javascript:__doPostBack('ctl00$MainContent$btnSelectCompany','')">
<span class="fa fa-flash"></span> Select Company
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</div>
</div>
<!-- modal - SelectCompany -->
<!-- modal - TFAChallenge -->
<div id="modalTFAChallenge" class="modal fade">
<!-- VERY VERY important to put the ajax panel INSIDE the "modal" wrapper. Things (like hiding the modal and returning to a non dark screen)
start to happen when you don't. -->
<div class="RadAjaxPanel" id="ctl00_ctl00_MainContent_pnlModalTFAChallengePanel" style="display: inline;">
<div id="MainContent_pnlModalTFAChallenge">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="container-fluid">
<div id="MainContent_pnlTFAChallenge" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'MainContent_btnVerifyPassCodeHidden')">
<div class="panel panel-default">
<div class="panel-heading panel-heading-hrnextBlue text-center">
<div class="panel-title">
<h2>Two-Factor Authentication Challenge</h2>
</div>
</div>
<div class="panel-body">
<div id="TFAChallengeForm" class="form-horizontal marginContent">
<div>
<h3>On your authenticator mobile app, enter the key that is currently shown.</h3>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key fa-2x"></i></span>
<input name="ctl00$MainContent$fldtxtPassCode" maxlength="128" id="MainContent_fldtxtPassCode" class="form-control input-lg" placeholder="pass code" type="text" autofocus="true">
</div>
</div>
<div class="form-group">
<!-- Again, the trickery below is to try to workaround some of the issues.
We want "default button" ability...so, we can click ENTER from the textbox. Well, you can't have
a LINKBUTTON be a defaultbutton. So, we need a asp:button HIDDEN and both things
pointing to the same server-side method. The server-side will take care of resetting focus
if input is bad, but no matter how I try, IE will NOT let the focus get reset correctly on
the DEFAULT BUTTON operation. Chrome is fine. IE is also fine if one clicks the button instead
of hitting ENTER. Spent a lot of time trying to figure it out...I think it just can't be figured out.
... NOT without sacraficing the LOOK anyway. -->
<a id="MainContent_btnVerifyPassCode" class="btn-block btn btn-lg btn-hrnext-green" href="javascript:__doPostBack('ctl00$MainContent$btnVerifyPassCode','')">
<span class="fa fa-sign-in fa-2x"></span> Validate
</a>
<input type="button" name="ctl00$MainContent$btnVerifyPassCodeHidden" value="" onclick="javascript:__doPostBack('ctl00$MainContent$btnVerifyPassCodeHidden','')" id="MainContent_btnVerifyPassCodeHidden"
class="hidden">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</div>
</div>
<!-- modal - TFAChallenge -->
<!-- modal - TFATrust -->
<div id="modalTFATrust" class="modal fade">
<!-- VERY VERY important to put the ajax panel INSIDE the "modal" wrapper. Things (like hiding the modal and returning to a non dark screen)
start to happen when you don't. -->
<div id="MainContent_pnlModalTFATrust">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="container-fluid">
<div id="MainContent_pnlTFATrust" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'MainContent_btnTrustMyDevice')">
<div class="panel panel-default">
<div class="panel-body">
<div id="tfaTrustForm" class="form-horizontal marginContent">
<div>
<h2 class="text-center text-success">SUCCESS <span class="fa fa-2x fa-check-square"></span></h2>
<p>You have successfully validated your TFA code.</p>
<p>You now have the option of TRUSTING this computer/device for the browser that you are currently using. By setting <strong>Trust My Device</strong>, you will not need to use the TFA pass code again on this
device/browser until the trust period expires. When the trust period expires, you will be asked to authenticate with TFA again for security purposes. </p>
<div class="form-group text-center">
<a id="MainContent_btnTrustMyDevice" class="btn btn-lg btn-success" href="javascript:__doPostBack('ctl00$MainContent$btnTrustMyDevice','')">
<span class="fa fa-lock fa-3x"></span> Trust My Device
</a>
<a id="MainContent_btnTrustMyDeviceNOT" class="btn btn-lg btn-danger" href="javascript:__doPostBack('ctl00$MainContent$btnTrustMyDeviceNOT','')">
<span class="fa fa-unlock fa-3x"></span> Do NOT Trust
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</div>
<!-- modal - TFATrust -->
<!-- modal - file download -->
<div id="modalFileDownload" class="modal fade">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<div>
<h2 class="modal-title">
<strong>File Download</strong>
</h2>
</div>
</div>
<div class="modal-body">
<h3 class="text-info text-center">Please wait while file prepares for download...</h3>
<h3 class="text-info text-center"><span class="fa fa-cog fa-spin fa-3x"></span></h3>
</div>
</div>
</div>
</div>
<!-- modal - file download -->
<div>
<div class="row">
<div id="logoImage">
<img id="MainContent_fldrbiLogo" class="center-block img-responsive" src="Telerik.Web.UI.WebResource.axd?imgid=22898a61023343f396ed00f5f4211722&type=rbi" style="height:151px;width:450px;">
</div>
</div>
<div class="row">
<div class="RadAjaxPanel" id="ctl00_ctl00_MainContent_loginboxPanel" style="display: inline;">
<div id="MainContent_loginbox" class="loginbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading panel-heading-hrnextBlue text-center">
<div class="panel-title">
<h2>Sign In</h2>
</div>
</div>
<div class="panel-body">
<div id="loginForm" class="form-horizontal marginContent">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope fa-2x"></i></span>
<input name="ctl00$MainContent$fldtxtUsername" maxlength="256" id="MainContent_fldtxtUsername" class="form-control input-lg loginusername" placeholder="email" type="text" autofocus="true">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key fa-2x"></i></span>
<input name="ctl00$MainContent$fldtxtPassword" maxlength="128" id="MainContent_fldtxtPassword" class="form-control input-lg" placeholder="password" type="password" data-toggle="password"><input type="text"
class="form-control input-lg" placeholder="password" style="display: none;"><span tabindex="100" title="Click here to show/hide password" class="add-on input-group-addon"
style="cursor: pointer;"><i class="icon-eye-open fa fa-eye"></i></span>
</div>
</div>
<div class="form-group hidden">
<label for="fldcbRememberMe" class="btn-block">Remember Me</label>
<input name="ctl00$MainContent$fldcbRememberMe" type="checkbox" id="MainContent_fldcbRememberMe" class="form-control hidden">
<div is="0" class="btn-group" tabindex="0"><a is="0" class="btn active btn-danger">No</a><a is="1" class="btn btn-default">Yes</a></div>
</div>
<div class="form-group">
<!-- VERY VERY important here... Normally (and our standard) is to use LINKBUTTONs... However, on a LOGIN SUBMIT, browsers are
VERY VERY picky as to what it will use to recognize as a SUBMIT (IE for one). A linkbutton renders as an "A" tag.
LINKBUTTON will work here except for one subtle/interesting thing... IE (at least) won't let you "store your password"
for this site...as that process isn't triggered on an "a" tag action. It will only work with an INPUT submit.
More specifically... it MUST be an input type=submit (can't be type=button).
That can be damn frustrating... The reason we use LinkButtons in the first place is because they are easier to style
with bootstrap. Ran into all kinds of issues with this...
There are 4 requirements...
1) MUST trigger the browser SAVE PASSWORD process.
2) Does NOT produce a "double thread" on the click handler... yes, depending on how this crazy thing is done, it might have 2 events
triggered right on top of each other...and in your code-behind it will make you do 2 steps for each line of code... hard to
see/understand unless you are looking for it, but if you bring up the threads window, you can see 2 of them running on the same page.
3) MUST look nice (and preferably to the same style that we can achieve with Linkbuttons or any other element like button.
4) Still allows DEFAULT BUTTON scenario... so, when ENTER is hit from either USER/PASS, it will trigger the LOGIN process.
The below is the only combination out of about 20 that I tried that gets us close to the above...
The only one it doesn't automatically solve is the DEFAULT BUTTON, but we'll take care of that some other way (onkeypress).
(5/1/2024 we're removing the onkeypress piece and only relying on html5 implicit form submission)
Seems crazy...and a lot of trickery involved here, but literally is the only way to achieve all these things. -->
<input name="ctl00$MainContent$btnLogin" type="submit" id="MainContent_btnLogin" value="Login" class="hidden" data-id="btnLogin" formnovalidate="">
<button id="btnExecuteLogin" type="button" class="btn-block btn btn-lg btn-hrnext-green" onclick="onLoginClick();" data-id="btnExecuteLogin">
<span class="fa fa-sign-in fa-2x"></span> Login </button>
</div>
<div class="form-group">
<button id="btnOpenForgotPassword" class="btn btn-sm btn-warning" type="button" data-toggle="modal" data-target="#modalForgotPassword" data-id="btnOpenForgotPassword">
<span class="fa fa-question fa-2x"></span> Forgot Password </button>
</div>
</div>
</div>
</div>
<a class="docDownload text-right privacyPolicyLink" data-id="" data-sec-id="lnkDownloadDocument" text-align:="" right="">
</a>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/_js/components/bootstrap-show-password.min.js?v=MJQZTZ9VX3gaM_PE_OjEHw2"></script>
<script type="text/javascript" src="/_js/individualScripts/modalFunctions.js?v=v3M2bh_OTi6jKDDA5aY32Q2"></script>
<script type="text/javascript" src="/_js/individualScripts/documentFunctions.js?v=3Rl7UqVtzQoRd-zYJgM4-Q2"></script>
<script type="text/javascript" src="/_js/individualScripts/menuFunctions.js?v=i39DDgDNmuEM73iqBTIfrw2"></script>
<script type="text/javascript">
var ajaxMangerID = 'ctl00_RadAjaxManagerSite';
// pretty sure login page doesn't have master - right?
// document.ready is ok for PAGE LOAD, but partial post-backs won't use this event...
$(document).ready(function() {
$('.loginbox [autofocus]:first').focus();
//The "show password" component itself runs this on load, but it won't on the partial posts, so we need to redo it there
//$('[data-toggle="password"]').password();
docReady();
});
// We need this piece to handle the partial post-backs.
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {
$('[data-toggle="password"]').password();
docReady();
// Reset state
resetState();
})
function docReady() {
setModalFocus('#modalTFAChallenge');
// Note!!!!!!!!!!!!!!!!
// We cannot do standard type of validations on this page (yet).
// Because of the silliness in trying to accommodate the "submit" behavior for browsers to be able to store the site password, it is really
// messing with our validations, so until we have a LOT of time to really dive into it (I looked, and it ain't gonna be quick or easy),
// we can't use standard validations.
//resetSubmitButtonsOnModalClose('#modalForgotPassword');
//resetSubmitButtonsOnModalOpen('#modalForgotPassword');
// Initialize any validations
//setupValidation();
$('#modalForgotPassword').off('shown.bs.modal.hrnextForgotPassword').on('shown.bs.modal.hrnextForgotPassword', function() {
var loginuser = $('.loginusername').val();
$('.forgotpassusernameinput').val(loginuser);
if (loginuser) {
$('.forgotpassbutton').focus();
} else {
$('#modalForgotPassword [autofocus]:first').focus();
}
});
setFileDownload('/Classes/Service/GenericFileDownloadHandler.aspx');
// Setup SelectALL on Focus for our typeahead boxes
setupSelectOnFocus($('input.typeahead'));
var ajaxURL = "/Classes/Service/hrnextDataService.asmx";
$('#btnClearCompanyMaster').off('click').on('click', function() {
var data = {};
$.ajax({
type: 'POST',
url: ajaxURL + '/ClearCompany',
data: JSON.stringify(data),
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function(data) {
// We've "locked in" a different employee here, so we need to refresh page in case something is different about it
// based on that.
refreshPage();
},
error: function(response) {
var myerror = response;
}
});
})
// COMPANY SEARCH
$('input.companySearchMaster').typeahead({
displayField: 'CompanyNamePRIntegrationCompanyCode',
valueField: 'ID',
scrollBar: true,
items: 25,
onSelect: function(data) {
//data.text
//data.value
// Make sure this isn't the "No Results Found" selection
if (data.value == '') {
// If it is the "No Results Found" option, just refresh page to get things back inline
refreshPage();
} else {
var data = {
companyID: data.value
};
$.ajax({
type: 'POST',
url: ajaxURL + '/SelectCompany',
data: JSON.stringify(data),
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function(data) {
// We've "locked in" a different employee here, so we need to refresh page in case something is different about it
// based on that.
//refreshPage();
},
error: function(response) {
var myerror = response;
}
});
}
},
ajax: {
url: ajaxURL + '/SearchCompanies',
method: 'POST',
triggerLength: 2,
displayField: 'CompanyNamePRIntegrationCompanyCode',
valueField: 'ID',
preDispatch: function(query, typeaheadOBJ) {
var dataObj = {
searchString: query,
pageSize: typeaheadOBJ.options.items
};
var dataJSON = JSON.stringify(dataObj);
return dataJSON;
},
preProcess: function(data) {
var response = [];
if (data.d) {
response = $.map(data.d, function(item) {
return item;
});
}
return response;
}
}
});
}
function resetState() {}
// Login events
function onLoginClick(sender) {
$('input[type="submit"]').click();
return true;
}
// This should be handled by html5 implicit form submission in modern browsers, since we don't support IE anymore we can remove this
// which should fix the bootstrap show/hide password icon duplication issue
</script>
</div>
</div>
</div>
<script type="text/javascript">
var platformType = 'EUP';
var primaryColor = '217cc2';
var highlightColor = '98ca59';
var backgroundColor = '';
var lockinlowerbandColor = '';
var mainmenubandColor = '';
var topnavbandColor = '';
var topnavlinksColor = '';
/// Some Bootstrap components need to be initialized.
/// document.ready is ok for PAGE LOAD, but partial post-backs won't use this event...
$(document).ready(function() {
docReadySiteMaster();
});
/// We need this piece to handle the partial post-backs.
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function() {
docReadySiteMaster();
})
/// Need a slightly different function name here than the PAGES use... cuz, if we used the same one, the pages reference to the function would come
/// back HERE instead of where it should go (the page).
// We are tacking on a # hex color indicator... because our UI component will convert any RGB or named colors to hex... and the # will be implied (not stored).
function docReadySiteMaster() {
var cssvarObject = {};
var elementObject = {};
if (primaryColor) {
elementObject['hrnext-primaryblue'] = '#' + primaryColor;
switch (platformType.toLowerCase()) {
case 'eup':
case 'id':
document.body.style.setProperty('--hrnext-primaryblue', '#' + primaryColor);
break;
default:
}
} else {
if (window.CSS && window.CSS.supports && window.CSS.supports('--a', 0)) {
// CSS custom properties supported.
// Our standard CSS will take care of this...
} else {
// CSS custom properties not supported
// However... when things are supported (IE11), there are some advanced things in our CSS that won't work correctly in CSS.
// Therefore, we must correct here in a bit of a hard-coded way. Standard/explicit overrides should work though.
switch (platformType.toLowerCase()) {
case 'eup':
elementObject['hrnext-primaryblue'] = '#217cc2';
break;
case 'id':
elementObject['hrnext-primaryblue'] = '#333e4d';
break;
default:
}
}
}
if (highlightColor) {
elementObject['hrnext-highlightgreen'] = '#' + highlightColor;
switch (platformType.toLowerCase()) {
case 'eup':
case 'id':
document.body.style.setProperty('--hrnext-highlightgreen', '#' + highlightColor);
break;
default:
}
} else {
if (window.CSS && window.CSS.supports && window.CSS.supports('--a', 0)) {
// CSS custom properties supported.
// Our standard CSS will take care of this...
} else {
// CSS custom properties not supported
// However... when things are supported (IE11), there are some advanced things in our CSS that won't work correctly in CSS.
// Therefore, we must correct here in a bit of a hard-coded way. Standard/explicit overrides should work though.
switch (platformType.toLowerCase()) {
case 'eup':
elementObject['hrnext-highlightgreen'] = '#98ca59';
break;
case 'id':
elementObject['hrnext-highlightgreen'] = '#ed7921';
break;
default:
}
}
}
if (backgroundColor) {
elementObject['hrnext-backgroundcolor'] = '#' + backgroundColor;
switch (platformType.toLowerCase()) {
case 'eup':
case 'id':
document.body.style.setProperty('--hrnext-backgroundcolor', '#' + backgroundColor);
break;
default:
}
} else {
if (window.CSS && window.CSS.supports && window.CSS.supports('--a', 0)) {
// CSS custom properties supported.
// Our standard CSS will take care of this...
} else {
// CSS custom properties not supported
// However... when things are supported (IE11), there are some advanced things in our CSS that won't work correctly in CSS.
// Therefore, we must correct here in a bit of a hard-coded way. Standard/explicit overrides should work though.
switch (platformType.toLowerCase()) {
case 'eup':
elementObject['hrnext-backgroundcolor'] = '#217cc2';
break;
//case 'id':
// elementObject['hrnext-backgroundcolor'] = '#fff';
// break;
default:
}
}
}
if (lockinlowerbandColor) {
elementObject['hrnext-lockinlowerband'] = '#' + lockinlowerbandColor;
switch (platformType.toLowerCase()) {
case 'eup':
case 'id':
document.body.style.setProperty('--hrnext-lockinlowerband', '#' + lockinlowerbandColor);
break;
default:
}
} else {
if (window.CSS && window.CSS.supports && window.CSS.supports('--a', 0)) {
// CSS custom properties supported.
// Our standard CSS will take care of this...
} else {
// CSS custom properties not supported
// However... when things are supported (IE11), there are some advanced things in our CSS that won't work correctly in CSS.
// Therefore, we must correct here in a bit of a hard-coded way. Standard/explicit overrides should work though.
switch (platformType.toLowerCase()) {
case 'eup':
elementObject['hrnext-lockinlowerband'] = '#FFFFFF';
break;
case 'id':
elementObject['hrnext-lockinlowerband'] = '#ff0000';
break;
default:
}
}
}
if (mainmenubandColor) {
elementObject['hrnext-mainmenuband'] = '#' + mainmenubandColor;
switch (platformType.toLowerCase()) {
case 'eup':
case 'id':
document.body.style.setProperty('--hrnext-mainmenuband', '#' + mainmenubandColor);
break;
default:
}
} else {
if (window.CSS && window.CSS.supports && window.CSS.supports('--a', 0)) {
// CSS custom properties supported.
// Our standard CSS will take care of this...
} else {
// CSS custom properties not supported
// However... when things are supported (IE11), there are some advanced things in our CSS that won't work correctly in CSS.
// Therefore, we must correct here in a bit of a hard-coded way. Standard/explicit overrides should work though.
switch (platformType.toLowerCase()) {
case 'eup':
elementObject['hrnext-mainmenuband'] = '#217cc2';
break;
case 'id':
elementObject['hrnext-mainmenuband'] = '#333e4d';
break;
default:
}
}
}
if (topnavbandColor) {
elementObject['hrnext-topnavband'] = '#' + topnavbandColor;
switch (platformType.toLowerCase()) {
case 'eup':
case 'id':
document.body.style.setProperty('--hrnext-topnavband', '#' + topnavbandColor);
break;
default:
}
} else {
if (window.CSS && window.CSS.supports && window.CSS.supports('--a', 0)) {
// CSS custom properties supported.
// Our standard CSS will take care of this...
} else {
// CSS custom properties not supported
// However... when things are supported (IE11), there are some advanced things in our CSS that won't work correctly in CSS.
// Therefore, we must correct here in a bit of a hard-coded way. Standard/explicit overrides should work though.
switch (platformType.toLowerCase()) {
case 'eup':
elementObject['hrnext-topnavband'] = '#FFFFFF';
break;
//case 'id':
// elementObject['hrnext-topnavband'] = '#fff';
// break;
default:
}
}
}
if (topnavlinksColor) {
elementObject['hrnext-topnavlinks'] = '#' + topnavlinksColor;
switch (platformType.toLowerCase()) {
case 'eup':
case 'id':
document.body.style.setProperty('--hrnext-topnavlinks', '#' + topnavlinksColor);
break;
default:
}
} else {
if (window.CSS && window.CSS.supports && window.CSS.supports('--a', 0)) {
// CSS custom properties supported.
// Our standard CSS will take care of this...
} else {
// CSS custom properties not supported
// However... when things are supported (IE11), there are some advanced things in our CSS that won't work correctly in CSS.
// Therefore, we must correct here in a bit of a hard-coded way. Standard/explicit overrides should work though.
switch (platformType.toLowerCase()) {
case 'eup':
elementObject['hrnext-topnavlinks'] = '#FFFFFF';
break;
case 'id':
elementObject['hrnext-topnavlinks'] = '#ff0000';
break;
default:
}
}
}
cssvarObject['variables'] = elementObject;
cssVars(cssvarObject);
//This only works in "modern browsers"...of which IE11 isn't one of them...even with our plugin
//document.body.style.setProperty('--hrnext-primaryblue', 'red');
//document.body.style.setProperty('--hrnext-highlightgreen', 'grey');
initBootstrapComponents();
}
</script>
<script type="text/javascript">
//<![CDATA[
theForm.oldSubmit = theForm.submit;
theForm.submit = WebForm_SaveScrollPositionSubmit;
theForm.oldOnSubmit = theForm.onsubmit;
theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadAjaxManager, {
"_updatePanels": "",
"ajaxSettings": [{
InitControlID: "MainContent_loginbox",
UpdatedControls: [{
ControlID: "MainContent_loginbox",
PanelID: ""
}]
}, {
InitControlID: "MainContent_pnlModalTFAChallenge",
UpdatedControls: [{
ControlID: "MainContent_pnlModalTFAChallenge",
PanelID: ""
}]
}, {
InitControlID: "MainContent_pnlModalForgotPassword",
UpdatedControls: [{
ControlID: "MainContent_pnlModalForgotPassword",
PanelID: ""
}]
}, {
InitControlID: "MainContent_pnlModalSelectCompany",
UpdatedControls: [{
ControlID: "MainContent_pnlModalSelectCompany",
PanelID: ""
}]
}],
"clientEvents": {
OnRequestStart: "onRequestStart",
OnResponseEnd: ""
},
"defaultLoadingPanelID": "radLoadingPanel",
"enableAJAX": true,
"enableHistory": true,
"links": [],
"styles": [],
"uniqueID": "ctl00$RadAjaxManagerSite",
"updatePanelsRenderMode": 1
}, null, null, $get("ctl00_RadAjaxManagerSite"));
});
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadAjaxLoadingPanel, {
"initialDelayTime": 1000,
"isSticky": true,
"minDisplayTime": 0,
"skin": "Bootstrap",
"uniqueID": "ctl00$radLoadingPanel",
"zIndex": 90000
}, {
"hiding": onLoadingPanelHiding,
"showing": onLoadingPanelShowing
}, null, $get("radLoadingPanel"));
});
//]]>
</script>
</form>Text Content
FORGOT PASSWORD FORGOT PASSWORD? You can reset your password here. Enter your email/username to get started. An email will be sent with instructions and a link to reset your password Reset My Password LOGIN SELECT COMPANY TO LOGIN TO . Select Company TWO-FACTOR AUTHENTICATION CHALLENGE ON YOUR AUTHENTICATOR MOBILE APP, ENTER THE KEY THAT IS CURRENTLY SHOWN. Validate SUCCESS You have successfully validated your TFA code. You now have the option of TRUSTING this computer/device for the browser that you are currently using. By setting Trust My Device, you will not need to use the TFA pass code again on this device/browser until the trust period expires. When the trust period expires, you will be asked to authenticate with TFA again for security purposes. Trust My Device Do NOT Trust FILE DOWNLOAD PLEASE WAIT WHILE FILE PREPARES FOR DOWNLOAD... SIGN IN Remember Me NoYes Login Forgot Password