myvopak.vopak.com
Open in
urlscan Pro
54.73.139.120
Public Scan
Submitted URL: https://myvopak.vopak.com/
Effective URL: https://myvopak.vopak.com/MyV2_Common_UI/NewLogin.aspx
Submission: On November 07 via manual from NL — Scanned from NL
Effective URL: https://myvopak.vopak.com/MyV2_Common_UI/NewLogin.aspx
Submission: On November 07 via manual from NL — Scanned from NL
Form analysis 1 forms found in the DOM
Name: WebForm1 — POST NewLogin.aspx
<form method="post" action="NewLogin.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="WebForm1" name="WebForm1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__OSVSTATE" id="__OSVSTATE"
value="jxLN5ddWYakSBucHYazlPtaBUjjmTdJRP5ztAlXGcI3s/Jty3mQFH2lgqaOX33zLSaHQGc2Fav00Kp1CvODdU+FZ1zq1fSDgvN/bcnGqLcwdIk4jwly/zEMahKaa/xdUp+mqSsBomfwAyV+k4/CJSnaNS+JXhMgJ2vwMME0ALkf2DWG8faaL6xB0F0H5392Is09JKTEd6Ehy0v4RKQpkrYuR0+vkCRziIzIfwYo5eis=">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['WebForm1'];
if (!theForm) {
theForm = document.WebForm1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
function WebForm_OnSubmit() {
OsPrepareCheckboxesForSubmit();
OsFixUploadBeforeSubmit();
if (!OsValidatorOnSubmit()) return false;
return true;
}
//]]>
</script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="673DA76A">
</div>
<div style="height: 100%;">
<div>
<script>
var deviceDetect = new deviceDetection();
deviceDetect.init(420, 1024, 1366, 1600, 1920);
</script>
<div id="VopakExternalTheme_wt6_block_OutSystemsUIWeb_wt21_block_RichWidgets_wt17_block_wtdivWait" class="Feedback_AjaxWait" role="status" aria-live="polite" aria-atomic="true" style="display:none"><img alt=""
src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" style="height:16px;width:16px;"> Loading...</div>
<script type="text/javascript">
RichWidgets_Feedback_AjaxWait_init('VopakExternalTheme_wt6_block_OutSystemsUIWeb_wt21_block_RichWidgets_wt17_block_wtdivWait');
</script><span id="VopakExternalTheme_wt6_block_OutSystemsUIWeb_wt21_block_RichWidgets_wt7_block">
<script type="text/javascript">
OsRegisterExceptionHandler(RichWidgets_Feedback_Message_ErrorHandler)
</script>
<div id="VopakExternalTheme_wt6_block_OutSystemsUIWeb_wt21_block_RichWidgets_wt7_block_wtFeedback_Wrapper" class="Feedback_Message_Wrapper" aria-atomic="True" aria-live="polite"><span
id="VopakExternalTheme_wt6_block_OutSystemsUIWeb_wt21_block_RichWidgets_wt7_block_wtnotify"><span class="NotifyWidget"></span>
<script type="text/javascript">
//<![CDATA[
RichWidgets_Feedback_Message_notifyWidget = 'VopakExternalTheme_wt6_block_OutSystemsUIWeb_wt21_block_RichWidgets_wt7_block_wtnotify';
//]]>
</script>
</span></div>
</span>
<div class="hidden"><span class="fa fa-fw fa-angellist"></span></div><span id="VopakExternalTheme_wt6_block_RichWidgets_wt16_block">
<script type="text/javascript">
OsRegisterExceptionHandler(RichWidgets_Feedback_Message_ErrorHandler)
</script>
<div id="VopakExternalTheme_wt6_block_RichWidgets_wt16_block_wtFeedback_Wrapper" class="Feedback_Message_Wrapper" aria-atomic="True" aria-live="polite"><span id="VopakExternalTheme_wt6_block_RichWidgets_wt16_block_wtnotify"><span
class="NotifyWidget"></span>
<script type="text/javascript">
//<![CDATA[
RichWidgets_Feedback_Message_notifyWidget = 'VopakExternalTheme_wt6_block_RichWidgets_wt16_block_wtnotify';
//]]>
</script>
</span></div>
</span>
</div>
<div class="layout-login layout-login-simple background" style="margin-top: 0px;">
<div class="new-layout-login-form-content overlayBackground">
<div id="VopakExternalTheme_wt6_block_wtWrapper" class="parentCtrLogin">
<div class="logoCtr" align="center"><img alt="" src="/VopakExternalTheme/img/LoginLogo.png?12622">
<div style="margin-top: 25px;">
<a id="VopakExternalTheme_wt6_block_wt15" tabindex="9" href="javascript:__doPostBack('VopakExternalTheme_wt6$block$wt15','')"><img class="flag" alt="" title="English" src="/VopakExternalTheme/img/English.svg?12622" style="border-radius: 4px; height: 26.688px; width: 40px;"></a><a id="VopakExternalTheme_wt6_block_wt8" tabindex="10" href="javascript:__doPostBack('VopakExternalTheme_wt6$block$wt8','')" style="margin-left: 25px;"><img class="greyFlag" alt="" title="Nederlands" src="/VopakExternalTheme/img/Dutch.png?12622" style="border-radius: 4px; width: 40px;"></a><a id="VopakExternalTheme_wt6_block_wt14" tabindex="11" href="javascript:__doPostBack('VopakExternalTheme_wt6$block$wt14','')" style="margin-left: 25px;"><img class="greyFlag" alt="" title="Español" src="/VopakExternalTheme/img/Spanish.png?12622" style="border-radius: 4px; width: 40px;"></a><a id="VopakExternalTheme_wt6_block_wt17" tabindex="12" href="javascript:__doPostBack('VopakExternalTheme_wt6$block$wt17','')" style="margin-left: 25px;"><img class="greyFlag" alt="" title="Français" src="/VopakExternalTheme/img/French.png?12622" style="border-radius: 4px; width: 40px;"></a><a id="VopakExternalTheme_wt6_block_wt24" tabindex="13" href="javascript:__doPostBack('VopakExternalTheme_wt6$block$wt24','')" style="margin-left: 25px;"><img class="greyFlag" alt="" title="Deutsche" src="/VopakExternalTheme/img/German.png?12622" style="border-radius: 4px; width: 40px;"></a>
</div>
</div>
<div class="rectangle-copy-6" style="padding: 30px;">
<div id="VopakExternalTheme_wt6_block_wtOKTAWidget" style="margin-top: 0px;">
<div id="VopakExternalTheme_wt6_block_wtOKTAWidget_wtOKTACtr" class="OKTACtr" onclick="onclick">
<script>
var config = {
issuer: 'https://vopakca.okta-emea.com/oauth2/aus35sjwxcrsUpsAJ0i7',
clientId: '0oa108wrbudZUBX3e0i7',
redirectUri: 'https://myvopak.vopak.com/MyV2_Common_UI/NewLogin.aspx',
};
var OktaWidgetConfig = {
baseUrl: 'https://vopakca.okta-emea.com',
clientId: '0oa108wrbudZUBX3e0i7',
redirectUri: 'https://myvopak.vopak.com/MyV2_Common_UI/NewLogin.aspx',
authParams: {
display: 'page',
responseType: 'code',
grantType: 'authorization_code',
scopes: ['openid', 'offline_access', 'profile', 'email', 'channels'],
issuer: 'https://vopakca.okta-emea.com/oauth2/aus35sjwxcrsUpsAJ0i7'
},
features: {
showPasswordToggleOnSignInPage: true
},
helpLinks: {
forgotPassword: '../MyV2_UI/RequestResetPassword.aspx',
},
language: 'en',
i18n: {
'en': {
'primaryauth.submit': 'Login',
'primaryauth.username.placeholder': 'Enter your email',
'primaryauth.password.placeholder': 'Enter your password',
}
}
}
var signIn = new OktaSignIn(OktaWidgetConfig)
var errorMessage;
var authClient = new OktaAuth(config);
var internalAuthClient = new OktaAuth({
url: 'https://vopak.okta-emea.com'
});
authClient.session.get().then(function(VopakCASession) {
if (VopakCASession.id) {
document.cookie = 'sid=' + VopakCASession.id + '; Path=/;Secure;SameSite=None'; //Set external okta session cookie
authClient.token.getWithoutPrompt({
responseType: 'code',
scopes: ['openid', 'offline_access', 'profile', 'email', 'channels']
}).then(function(tokenOrTokens) {
$('#VopakExternalTheme_wt6_block_wtOKTAWidget_VopakExternalTheme_wt7_block_wtAuthorizationCodeInput').val(tokenOrTokens.authorizationCode);
$('#VopakExternalTheme_wt6_block_wtOKTAWidget_VopakExternalTheme_wt7_block_wtOnAuthorizationCodeReceive').click();
}).catch(function(error) {
signIn.renderEl({
el: '#VopakExternalTheme_wt6_block_wtOKTAWidget_wtOKTACtr'
}, function success(res) {});
});
} else {
var embedAppLink = 'https://vopak.okta-emea.com/home/bookmark/0oa1pod6l6NHPO1wv0i7/2557'
internalAuthClient.session.exists().then(function(IVopakSessionexists) {
if (embedAppLink && IVopakSessionexists) {
internalAuthClient.session.get().then(function(IVopakSession) {
internalAuthClient.session.setCookieAndRedirect(IVopakSession.id, embedAppLink);
});
} else {
signIn.renderEl({
el: '#VopakExternalTheme_wt6_block_wtOKTAWidget_wtOKTACtr'
}, function success(res) {});
}
});
}
});
signIn.on('afterRender', function() {
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type.toLowerCase() === 'password') {
$('#' + inputs[i].id).after('<span class="caps-warning">Caps Lock is ON!</span>');
inputs[i].addEventListener('keydown', function(event) {
capLock(event);
});
inputs[i].addEventListener('blur', function(event) {
$('.caps-warning').hide();
});
inputs[i].addEventListener('click', function(event) {
capLock(event);
});
$('#' + inputs[i].id).click();
}
}
});
</script>
<div style="display: none;"><input name="VopakExternalTheme_wt6$block$wtOKTAWidget$VopakExternalTheme_wt7$block$wtAuthorizationCodeInput" type="text" maxlength="50"
id="VopakExternalTheme_wt6_block_wtOKTAWidget_VopakExternalTheme_wt7_block_wtAuthorizationCodeInput" tabindex="15" class="input ThemeGrid_Width4"
onkeydown="return OsEnterKey('VopakExternalTheme_wt6_block_wtOKTAWidget_VopakExternalTheme_wt7_block_wtOnAuthorizationCodeReceive', arguments[0] || window.event);" aria-invalid="false" style="margin-left: 0px"><span
style="display: none;" class="ValidationMessage" role="alert" id="ValidationMessage_VopakExternalTheme_wt6_block_wtOKTAWidget_VopakExternalTheme_wt7_block_wtAuthorizationCodeInput"></span><input
onclick="OsAjax(arguments[0] || window.event,'VopakExternalTheme_wt6_block_wtOKTAWidget_VopakExternalTheme_wt7_block_wtOnAuthorizationCodeReceive','VopakExternalTheme_wt6$block$wtOKTAWidget$VopakExternalTheme_wt7$block$wtOnAuthorizationCodeReceive','','__OSVSTATE,',''); return false;"
type="submit" name="VopakExternalTheme_wt6$block$wtOKTAWidget$VopakExternalTheme_wt7$block$wtOnAuthorizationCodeReceive" value="OnAuthorizationCodeReceive"
id="VopakExternalTheme_wt6_block_wtOKTAWidget_VopakExternalTheme_wt7_block_wtOnAuthorizationCodeReceive" tabindex="16" class="Button Is_Default ThemeGrid_MarginGutter"></div>
<script>
// Function to toggle password visibility
function togglePasswordVisibility(passwordInput, showIcon, hideIcon) {
if (passwordInput.type === 'password') {
passwordInput.type = 'text';
showIcon.style.display = 'none';
hideIcon.style.display = 'block';
} else {
passwordInput.type = 'password';
showIcon.style.display = 'block';
hideIcon.style.display = 'none';
}
}
// Function to create and add the eye button
function createEyeButton(passwordInput) {
const passwordToggleContainer = document.createElement('span');
passwordToggleContainer.classList.add('password-toggle');
const showIcon = document.createElement('span');
showIcon.classList.add('eyeicon', 'visibility-16', 'button-show');
showIcon.style.display = 'block';
const hideIcon = document.createElement('span');
hideIcon.classList.add('eyeicon', 'visibility-off-16', 'button-hide');
hideIcon.style.display = 'none';
passwordToggleContainer.appendChild(showIcon);
passwordToggleContainer.appendChild(hideIcon);
passwordInput.parentNode.insertBefore(passwordToggleContainer, passwordInput.nextSibling);
showIcon.addEventListener('click', () => togglePasswordVisibility(passwordInput, showIcon, hideIcon));
hideIcon.addEventListener('click', () => togglePasswordVisibility(passwordInput, showIcon, hideIcon));
}
// Function to trigger a change event on the password field
function triggerPasswordChangeEvent(passwordInput, showIcon, hideIcon) {
passwordInput.type = 'password';
passwordInput.value += ' ';
passwordInput.value = passwordInput.value.slice(0, -1);
const event = new Event('change', {
bubbles: true
});
passwordInput.dispatchEvent(event);
showIcon.style.display = 'block';
hideIcon.style.display = 'none';
}
// Function to add blur event listener for triggering password change event
function addBlurEvent(passwordInput, showIcon, hideIcon) {
passwordInput.addEventListener('blur', () => {
triggerPasswordChangeEvent(passwordInput, showIcon, hideIcon);
});
}
// Function to handle the initial setup
function initializeEyeButton() {
const passwordInput = document.getElementById('okta-signin-password');
if (passwordInput && !document.querySelector('.password-toggle')) {
const showIcon = document.querySelector('.button-show');
const hideIcon = document.querySelector('.button-hide');
createEyeButton(passwordInput);
addBlurEvent(passwordInput, showIcon, hideIcon);
}
}
// Observer to detect changes in the DOM
const observer = new MutationObserver(() => {
initializeEyeButton();
});
// Configure and start observing changes in the DOM
const observerConfig = {
childList: true,
subtree: true
};
observer.observe(document.body, observerConfig);
// Initial call to add the eye button in case the input field is already present in the DOM
initializeEyeButton();
</script>
<div data-se="auth-container" id="okta-sign-in" class="auth-container main-container no-beacon">
<div class="okta-sign-in-header auth-header">
<div data-type="beacon-container" class="beacon-container"></div>
</div>
<div class="auth-content">
<div class="auth-content-inner">
<div class="primary-auth">
<div data-se="o-form-content" class="o-form-content o-form-theme clearfix">
<h2 data-se="o-form-head" class="okta-form-title o-form-head">Sign In</h2>
<div class="o-form-error-container" data-se="o-form-error-container"></div>
<div class="o-form-fieldset-container" data-se="o-form-fieldset-container">
<div data-se="o-form-fieldset" class="o-form-fieldset o-form-label-top">
<div data-se="o-form-input-container" class="o-form-input"><span data-se="o-form-input-username" class="o-form-input-name-username o-form-control okta-form-input-field input-fix focused-input"> <span
class="input-tooltip icon form-help-16" data-hasqtip="0"></span> <span class="icon input-icon person-16-gray"></span> <input type="text" placeholder="Enter your email" aria-label="Enter your email" name="username"
id="okta-signin-username" value="" autocomplete="off"> </span></div>
</div>
<div data-se="o-form-fieldset" class="o-form-fieldset o-form-label-top">
<div data-se="o-form-input-container" class="o-form-input"><span data-se="o-form-input-password" class="o-form-input-name-password o-form-control okta-form-input-field input-fix"> <span
class="input-tooltip icon form-help-16" data-hasqtip="1"></span> <span class="icon input-icon remote-lock-16"></span> <input type="password" placeholder="Enter your password" aria-label="Enter your password"
name="password" id="okta-signin-password" value="" autocomplete="off"><span class="password-toggle"><span class="eyeicon visibility-16 button-show" style="display: block;"></span><span
class="eyeicon visibility-off-16 button-hide" style="display: none;"></span></span> </span></div>
</div>
<div data-se="o-form-fieldset" class="o-form-fieldset o-form-label-top margin-btm-0">
<div data-se="o-form-input-container" class="o-form-input"><span data-se="o-form-input-remember" class="o-form-input-name-remember">
<div class="custom-checkbox"><input type="checkbox" name="remember" id="input41"><label for="input41" data-se-for-name="remember">Remember me</label></div>
</span></div>
</div>
</div>
</div>
<div class="o-form-button-bar"><input class="button button-primary" type="submit" value="Login" id="okta-signin-submit" data-type="save"></div>
<div class="auth-footer"> <a href="#" data-se="needhelp" class="link help js-help"> Need help signing in? </a>
<ul class="help-links js-help-links" style="display: none;">
<li> <a href="#" data-se="forgot-password" class="link js-forgot-password"> Forgot password? </a> </li>
<li> <a href="https://vopakca.okta-emea.com/help/login" data-se="help-link" class="link js-help-link" target="_blank"> Help </a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="myvopak-flex_spacebetween">
<div id="VopakExternalTheme_wt6_block_wtForgotAccount" style="margin-top: 0px;">
<a id="VopakExternalTheme_wt6_block_wtForgotAccount_wt2" tabindex="17" href="../MyV2_UI/RequestResetPassword.aspx" style="margin-top: 0px;"><span class="linkColor" style="font-size: 13px;">Forgot Password?</span></a></div>
<div id="VopakExternalTheme_wt6_block_wthelp" class=" align-items-center">
<a id="VopakExternalTheme_wt6_block_wthelp_wt11" tabindex="18" target="_blank" href="https://myvopak.vopak.com/ChannelsManagement_Users/HelpPage"><span class="linkColor" style="font-size: 13px;">Help?</span></a></div>
</div>
<div class="separator separator-horizontal margin-y-m background-neutral-4"></div>
<div id="VopakExternalTheme_wt6_block_wtNewMyVopakAccountBtn" class="slotMyVopakBtn" style="margin-top: 0px;"><input onclick="window.location.href='/channelsmanagement_users/NewUserFlow'; return false;" type="submit"
name="VopakExternalTheme_wt6$block$wtNewMyVopakAccountBtn$wt13" value="Request a MyVopak account" id="VopakExternalTheme_wt6_block_wtNewMyVopakAccountBtn_wt13" tabindex="19" class="Button Is_Default" style="font-size: 13px;"></div>
<div class="myvopak-flex_spacebetween" style="margin-top: 15.5px;">
<div id="VopakExternalTheme_wt6_block_wtOpenLoginInstLink" class=" align-items-center">
<a id="VopakExternalTheme_wt6_block_wtOpenLoginInstLink_wt3" tabindex="20" href="javascript:__doPostBack('VopakExternalTheme_wt6$block$wtOpenLoginInstLink$wt3','')"><span class="linkColor" style="font-size: 13px;">Open login instructions</span></a>
</div>
<div id="VopakExternalTheme_wt6_block_wtPlaceholder1" class=" align-items-center">
<a id="VopakExternalTheme_wt6_block_wtPlaceholder1_wt14" tabindex="21" href="https://vopak.okta-emea.com/home/bookmark/0oa1pod6l6NHPO1wv0i7/2557"><span class="linkColor" style="font-size: 13px;">Login as employee</span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>Text Content
Loading... SIGN IN Remember me Need help signing in? * Forgot password? * Help Forgot Password? Help? Open login instructions Login as employee