Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Sign In with Auth0</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://e-uat.connectedcorrections.com/global/css/screen.css">
</head>
  <style>
    body, html {
      height: 100%;
      background-color: #525bad;
    }
  </style>
<body>
  <div class="gatetime-recipient-login">
    <nav class="banner" role="navigation">
        <div class="banner-wrap container">
            <a href="/#" class="logo-wrap">
                <span class="logo"></span>
                <span class="label-beta"></span>
            </a>
        </div>
    </nav>
  <div class="row" id="LoginView">

	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 content-wrap">

		<div class="card login">
			<form onsubmit="return false;" method="post">
				<div style="display: none" class="alert alert-danger" role="alert" id="error-message"></div>
				<div class="form-group">
					<div>
						<input type="email" name="email" id="email" class="form-control field-email" placeholder="Username">
					</div>
				</div>
				<div class="form-group">
					<div>
						<input type="password" name="password" id="password" class="form-control field-password" placeholder="Password" maxlength="16">
					</div>
				</div>
				<div class="form-group password-help">
					<div class="password-help fadeInDown">
					    <ul></ul>
					</div>
				</div>
				<div class="form-group">
					<div class="btn-group">
						<button type="submit" class="btn btn-primary btn-login" id="btn-login"><span class="spinner-icon"></span>Log In</button>
					</div>
					<div class="form-link-wrap">
						<a href="#forgotpassword" class="login">Forgot Password</a>
					</div>
				</div>
			</form>
		</div>
  </div>
  </div>

</div>

  <!--[if IE 8]>
  <script src="//cdnjs.cloudflare.com/ajax/libs/ie8/0.2.5/ie8.js"></script>
  <![endif]-->

  <!--[if lte IE 9]>
  <script src="https://cdn.auth0.com/js/polyfills/1.0/base64.min.js"></script>
  <script src="https://cdn.auth0.com/js/polyfills/1.0/es5-shim.min.js"></script>
  <![endif]-->

  <script src="https://cdn.auth0.com/js/auth0/9.2/auth0.min.js"></script>
  <script src="https://cdn.auth0.com/js/polyfills/1.0/object-assign.min.js"></script>
  <script>
    window.addEventListener('load', function() {

      var config = JSON.parse(
        decodeURIComponent(escape(window.atob('@@config@@')))
      );

      var params = Object.assign({
        domain: config.auth0Domain,
        clientID: config.clientID,
        redirectUri: config.callbackURL,
        responseType: 'code'
      }, config.internalOptions);

      var webAuth = new auth0.WebAuth(params);

      var databaseConnection = 'apdscc-dev-mongo';

      function login(e) {
        e.preventDefault();
        var username = document.getElementById('email').value;
        var password = document.getElementById('password').value;
        webAuth.login({
          realm: databaseConnection,
          username: username,
          password: password
        }, function(err) {
          if (err) displayError(err);
        });
      }

      function displayError(err) {
        var errorMessage = document.getElementById('error-message');
        errorMessage.innerHTML = err.description;
        errorMessage.style.display = 'block';
      }

      document.getElementById('btn-login').addEventListener('click', login);
    });
  </script>
</body>
</html>