Showing source for: https://www.abmarketing.com/DSLogin/Login.aspx?ReturnUrl=%2F
Duration: 0.498963s
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="h-full" xmlns="http://www.w3.org/1999/xhtml">
<head><meta charset="UTF-8" /><title>
ABMarketing.com
</title><meta name="viewport" content="width=device-width, initial-scale=1.0" /><link rel="preconnect" href="https://fonts.googleapis.com" /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" /><link href="https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700&family=Work+Sans:wght@400;600;700&display=swap" rel="stylesheet" /><link rel="stylesheet" href="./css/style-105437ed.css" /></head>
<body class="page-login flex items-center bg-gray-900 h-full">
<main class="mx-auto w-full max-w-md p-6 mt-auto mb-auto">
<form name="Form1" method="post" action="./Login.aspx?ReturnUrl=%2f" id="Form1" class="form-validate" autocomplete="off" novalidate="novalidate">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="ndAq2YP8PJejmwVUrASyEd2n99ZiMl9SqVlBHoYmO6hWxpSgnQV2USd8C76Y78gDmuOz4uhXrl2JX5uIhiHfoCwSyQrUotumefWcoKUNcG4=" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['Form1'];
if (!theForm) {
theForm = document.Form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<div>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="3BE632BD" />
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="L5aZp4NDK2IHPRA9US+dM+0uZTmDH+3juuQdhTyMGV++c5pLwxwzgXi25LWkmhowNZfKjPr8UCJ8QVbdSb6gkr0ttX0KvXKObJ+dujcaxwpCghLcHGXqsZo+e3rq+iAcLw5Qvn7y+uNvLMnxKm8UtKGsIDBdM2rHauxivp9y7Q8pQOhYiAdiep4S3Be2F0Dnlso0P+R+jJF6vG31LBWYYAw09sEmehlDdrV0wxfwN9IXLZmHowOp5O65ioBLDMBhJPI6gE04WOHMzIyo3YM/36G3LGsNAd+IsEytvd3CHec=" />
</div>
<!-- START Stepper -->
<div id="stepper" data-hs-stepper>
<!--start generic error message -->
<!-- end generic error message-->
<!--start generic notice -->
<!-- end generic notice -->
<!-- Stepper Nav -->
<ul class="hidden">
<li data-hs-stepper-nav-item='{"index": 1}'></li>
<li data-hs-stepper-nav-item='{"index": 2}'></li>
</ul>
<!-- End Stepper Nav -->
<!-- START Notice message -->
<div id="dismiss-notice" class="hs-removing:translate-y-5 hs-removing:opacity-0 transition duration-300 bg-blue-100 border border-blue-200 text-gray-900 rounded-lg p-4 dark:bg-blue-100 dark:border-blue-200 dark:text-gray-900 hidden" role="alert">
<div class="flex">
<div class="flex-shrink-0">
<svg class="flex-shrink-0 h-5 w-5 mt-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<path d="M12 16v-4"></path>
<path d="M12 8h.01"></path>
</svg>
</div>
<div class="ms-3">
<div class="text-sm text-gray-900 dark:text-gray-900">
To finalize the Single Sign On setup, kindly input your current ABMarketing credentials once
</div>
</div>
<div class="ps-3 ms-auto">
<div class="-mx-1.5 -my-1.5">
<button type="button" class="inline-flex bg-transparent rounded-full p-1 text-gray-900 hover:text-blue-900 hover:bg-blue-200/20 focus:outline-none focus:ring-2 focus:ring-offset-blue-200" data-hs-remove-element="#dismiss-notice">
<span class="sr-only">Dismiss</span>
<svg class="flex-shrink-0 h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 6 6 18"></path>
<path d="m6 6 12 12"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
<!-- end Notice message-->
<a id="btn-back-primary"
class="hidden inline-flex cursor-pointer content-center items-center gap-x-1 py-4 text-blue-600 hover:text-blue-600 hover:underline active:text-blue-600"
data-hs-stepper-back-btn><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" class="h-4 w-4">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
</svg>
Back</a>
<div class="flex h-full flex-col rounded-xl border border-gray-200 bg-white shadow-sm">
<div class="p-4 sm:p-8">
<!-- START Logo -->
<div class="flex items-center justify-center">
<a href="/" aria-label="ABMarketing.com">
<img src="./img/logo-abmarketing-light.svg" alt="ABMarketing.com Logo" height="40"
width="245" />
</a>
</div>
<!-- /END Logo -->
<div class="mt-8">
<!-- START Login Step 1 - Choose Login Method -->
<div data-hs-stepper-content-item='{"index": 1}' class="animate-fade-in-up">
<div>
<div class="flex items-center justify-center">
<p class="font-barlow max-w-64 text-center text-xl font-medium text-gray-900">
Please Choose a Sign In Method Below
</p>
</div>
<!-- START Buttons -->
<div class="mt-5">
<!-- START SSO Button -->
<button type="button" id="btnSSO" name="btnSSO" onclick="handleSubmit('sso')"
class="inline-flex w-full items-center justify-center gap-x-2 rounded-full border border-gray-900 bg-gray-900 px-4 py-3 text-sm font-medium text-white shadow-sm hover:text-yellow-900">
Single Sign On (SSO)
</button>
<!-- /END SSO Button -->
<!-- START Legacy SSO Button -->
<div class="flex items-center justify-center py-4 mt-3">
<a href="#SSO" id="btn-legacy" data-hs-stepper-next-btn
class="inline-flex items-center justify-center gap-x-1 text-xs font-medium text-gray-900 underline hover:text-blue-500 hover:text-blue-500">
<svg aria-hidden="true" class="hover:text-blue-500" width="14"
height="14" viewBox="0 0 14 14" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0849 0.711504C12.3253 0.471139 12.7151 0.471169 12.9554 0.711572C13.1958 0.951974 13.1958 1.34171 12.9554 1.58208L12.1587 2.37858L13.5697 3.78955C13.8101 4.02994 13.8101 4.41968 13.5697 4.66006L11.4153 6.81445C11.1749 7.05484 10.7852 7.05484 10.5448 6.81445L9.1336 5.40325L7.44216 7.09443C8.1596 8.06457 8.40724 9.31498 8.09275 10.4992C7.72424 11.887 6.64039 12.9708 5.25267 13.3393C3.86496 13.7078 2.38617 13.3045 1.37313 12.2778C-0.143141 10.7078 -0.121456 8.21238 1.42187 6.66905C2.81964 5.27128 4.99841 5.12167 6.56325 6.23232L8.68518 4.11072C8.68944 4.10621 8.69377 4.10174 8.69819 4.09732C8.70263 4.09288 8.70712 4.08853 8.71165 4.08425L10.8471 1.94917L10.8526 1.94293C10.8586 1.93689 10.8648 1.931 10.871 1.92526L12.0849 0.711504ZM11.2881 3.24905L10.0042 4.53278L10.9801 5.50852L12.2635 4.2245L11.2881 3.24905ZM6.90291 10.1833C7.15806 9.22245 6.87872 8.1989 6.17533 7.50582C5.08846 6.45609 3.36084 6.4711 2.29238 7.53956C1.22392 8.60802 1.20891 10.3356 2.25405 11.4178C2.9522 12.1254 3.97597 12.4046 4.9367 12.1495C5.89743 11.8944 6.64778 11.144 6.90291 10.1833Z"
fill="#141414" />
</svg>
Sign up for Single Sign On (SSO)</a>
</div>
<!-- /END Legacy SSO Button -->
</div>
<!-- /END Buttons -->
</div>
</div>
<!-- /END Login Step 1 - Choose Login Method -->
<!-- START Login Step 2 - Legacy Login Form -->
<div data-hs-stepper-content-item='{"index": 2}' class="animate-fade-in-up"
style="display: none">
<div>
<div class="mt-8">
<div class="grid gap-y-4">
<!-- START User ID Field -->
<div>
<div class="mb-1 flex items-center justify-between">
<label for="email"
class="block text-sm font-semibold text-gray-900">User
ID</label>
<a class="text-xs font-medium text-blue-500 decoration-2 hover:text-blue-500 hover:underline"
href="/useradmin/index/signup/forgotuserid.aspx" tabindex="-1">Forgot User ID?
</a>
</div>
<div class="relative">
<input name="txtUsername" type="text" id="txtUsername" autocomplete="off" placeholder="Enter User ID" maxlength="25" class="block w-full rounded-lg border border-gray-300 bg-white px-4 py-3 text-sm placeholder-gray-500 text-gray-900" tabindex="1" aria-describedby="userid-error" aria-required="true" />
<!-- START Username Error Message -->
<div class="mt-2 text-sm" id="userid-error" aria-live="assertive">
</div>
<!-- /END Username Error Message -->
</div>
</div>
<!-- /END User ID Field -->
<!-- START Password Field -->
<div>
<div class="mb-1 flex items-center justify-between">
<label for="password"
class="block text-sm font-semibold text-gray-900">Password</label>
<a class="text-xs font-medium text-blue-500 decoration-2 hover:text-blue-500 hover:underline"
href="/useradmin/index/signup/forgot.aspx"
tabindex="-1">Forgot password?</a>
</div>
<div class="relative">
<!-- START Password Input -->
<input name="txtPassword" type="password" id="txtPassword" autocomplete="off" placeholder="Enter Password" maxlength="25" class="block w-full rounded-lg border border-gray-300 bg-white px-4 py-3 text-sm placeholder-gray-500 text-gray-900" tabindex="2" aria-describedby="password-error" aria-required="true" />
<!-- /END Password Input -->
<!-- START Password Visibility Toggle -->
<button type="button"
data-hs-toggle-password='{"target": "#txtPassword"}'
class="absolute end-5 top-0 rounded-e-md p-3.5">
<svg class="h-5 w-5 flex-shrink-0 text-gray-500" width="24"
height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path class="hs-password-active:hidden"
d="M9.88 9.88a3 3 0 1 0 4.24 4.24" />
<path class="hs-password-active:hidden"
d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" />
<path class="hs-password-active:hidden"
d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" />
<line class="hs-password-active:hidden" x1="2" x2="22"
y1="2" y2="22" />
<path class="hidden hs-password-active:block"
d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" />
<circle class="hidden hs-password-active:block" cx="12"
cy="12" r="3" />
</svg>
</button>
<!-- /END Password Visibility Toggle -->
<!-- START Password Error Message -->
<div class="mt-2 text-sm" id="password-error" aria-live="assertive">
</div>
<!-- /END Password Error Message -->
</div>
</div>
<!-- /END Password Field -->
<!-- START Sign In Button -->
<button type="submit" onclick="handleSubmit('finishSSO')"
class="inline-flex w-full items-center justify-center gap-x-2 rounded-full border border-gray-900 bg-gray-900 px-4 py-3 text-[16px] font-medium text-white hover:bg-gray-900 hover:text-yellow-400 disabled:pointer-events-none disabled:opacity-50"
tabindex="4">
Finish SSO Set Up
</button>
<!-- /END Sign In Button -->
</div>
</div>
</div>
</div>
<!-- /END Login Step 2 - Legacy Login Form -->
</div>
</div>
<!-- START Help Links -->
<div class="mt-auto flex divide-x divide-gray-200 border-t border-gray-200">
<div
class="flex w-full flex-wrap items-center justify-center gap-y-2 rounded-b-xl bg-gray-100 px-4 py-6 text-sm font-medium font-medium text-gray-900 disabled:pointer-events-none disabled:opacity-50">
<p>
New to AB Marketing?
<a href="/useradmin/index/signup/signup.aspx"
class="font-medium text-blue-500 decoration-2 hover:text-blue-500 hover:underline hover:underline-offset-2">Create
an Account</a>
</p>
<p>
Need Help?
<a href="/technicalsupportcenter/"
class="font-medium text-blue-500 decoration-2 hover:text-blue-500 hover:underline hover:underline-offset-2">Contact
Support</a>
</p>
<p>New to SSO?
<a href="https://www.abmarketing.com/images/MarketingAlert/images//SOP_for_SSO_Set_Up_and_FAQ_V2.pdf" target="_blank"
class="font-medium text-blue-500 decoration-2 hover:text-blue-500 hover:underline hover:underline-offset-2">Download Setup Instructions</a>
</p>
</div>
</div>
<!-- /END Help Links -->
</div>
<!-- /END Stepper -->
<!-- START Secondary Login Links -->
<div class="mt-5 text-center">
<p class="text-sm text-gray-500">
<a href="https://www.budnet.com"
class="pr-2 text-white underline underline-offset-4 hover:text-blue-500">Login to BudNet</a>
|
<a href="https://brewu.myabsorb.com"
class="pl-2 text-white underline underline-offset-4 hover:text-blue-500">Login to Brew U</a>
</p>
</div>
<!-- /END Secondary Login Links -->
<!-- START Footer Links-->
<div class="mt-5 space-y-2 text-center text-xs text-white">
<p class="flex-none text-xs">
©2009-2024 Anheuser-Busch, Inc. - St. Louis, MO, USA - MarTech
</p>
<p>
<a class="text-gray-400 underline underline-offset-2 hover:text-blue-500"
href="/dslogin/html/abmtos.html">Terms of Service</a>
</p>
</div>
<!-- /END Footer Links-->
<div style="display:none;">
<input id="action" type="hidden" name="action" />
<input name="txtSCREEN" type="hidden" id="txtSCREEN" />
<input name="txtBROWSER" type="hidden" id="txtBROWSER" />
<input name="txtTempPwd" type="hidden" id="txtTempPwd" />
<input name="txtUrlHidden" type="hidden" id="txtUrlHidden" value="ReturnUrl=%2F" />
<a onclick="javascript:return btnSubmit(this);" id="btnLogin" class="buttonPrimary" RenderMode="Current" href="javascript:__doPostBack('btnLogin','')" style="height: 25px !important; width: 135px !important; text-align: center; padding-top: 3px;"><span>Enter</span><span class="endcap"></span></a>
<input name="Hidden2" type="hidden" id="Hidden2" />
<input name="Hidden3" type="hidden" id="Hidden3" />
<script language="javascript" type="text/javascript">
document.getElementById('txtBROWSER').value = navigator.appName + ' x ' + navigator.userAgent + ' x ' + navigator.appVersion;
document.getElementById('txtSCREEN').value = window.screen.width + ' x ' + window.screen.height;
</script>
</div>
</form>
</main>
<script src="js/preline.min.js"></script>
<!-- START Form Validation Script -->
<script src="https://unpkg.com/just-validate@latest/dist/just-validate.production.min.js"
integrity="sha512-/mO9roHOsDMGO/KjTout/r8PEihed4x+wT+PmQ35/sDYnZqoZawF+GBuBzO5MGweUsUrMt8WhIRcdYVa8l0IzQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
// FE Form Validation for Legacy Login Form
const validator = new JustValidate('.form-validate', {
validateBeforeSubmitting: true,
})
validator
.addField(
'#txtUsername',
[
{
rule: 'required',
errorMessage: 'Please enter a User ID',
},
],
{
errorsContainer: '#userid-error',
},
)
.addField(
'#txtPassword',
[
{
rule: 'required',
errorMessage: 'Please enter a Password',
},
],
{
errorsContainer: '#password-error',
},
)
// Toggle Back button visibility
const body = document.querySelector('body')
const stepper = document.getElementById('stepper')
const getStepAttr = stepper.getAttribute('data-hs-stepper')
const btnSSO = document.querySelector('[data-hs-stepper-next-btn]')
const btnBackPrimary = document.querySelector('[data-hs-stepper-back-btn]')
//data-hs-stepper-back-btn
const notice = document.getElementById('dismiss-notice');
btnSSO.addEventListener('click', function () {
stepper.setAttribute('data-hs-stepper', '{"currentIndex": 2}');
body.classList.add('h-auto');
btnBackPrimary.classList.remove('hidden');
//dismiss-alert if present and they click on the finalize button.
document.querySelector('#dismiss-alert button')?.click();
notice.classList.remove('hidden');
})
btnBackPrimary.addEventListener('click', function () {
stepper.setAttribute('data-hs-stepper', '{"currentIndex": 1}');
body.classList.remove('h-auto');
btnBackPrimary.classList.add('hidden');
notice.classList.add('hidden');
})
function isFormValid() {
let isValid = true;
// Loop through each input field and check its validation status
for (const fieldId in validator.fields) {
if (validator.fields.hasOwnProperty(fieldId)) {
isValid = isValid && validator.fields[fieldId].isValid;
}
}
return isValid;
}
function handleSubmit(type) {
let form1 = document.getElementById('Form1');
if (type == 'sso') {
document.getElementById('action').value = "sso";
form1.submit();
} else {
if (isFormValid()) {
if (type == 'finishSSO') {
document.getElementById('action').value = "finishSSO";
}
form1.submit();
}
}
}
// Get the anchor tag from the URL
let hash = window.location.hash;
//open SSO area
if (hash === "#SSO") {
document.getElementById('btn-legacy').click();
}
</script>
<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1326725664" async></script></body>
</html>