Email Reflections: 10 Simple Courtesies

<!doctype html>
<html lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Login</title>
<style>
html, body {
height: 100%;
}
body{
margin:0;
background: #fff;
font-family: Arial, sans-serif;
font-size:13px;
color: #333;
}
.flex-container {
height: 100%;
padding: 0;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.row {
width: auto;
}
.form-container {
width: 500px;
}
a{
cursor: pointer;
color: #1a83ff;
text-decoration: none;
}
form {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
input[type="text"] {
font-family: Arial, sans-serif;
font-size: 100%;
margin: 0;
vertical-align: top;
color: #333;
display: inline-block;
text-align: left;
height: 100%;
width: calc(100% - 12px);
line-height:25px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
border:1px solid rgba(0,0,0,0.4);
padding:0 5px;
}

form_layout{

        border-radius:5px;
        border:2px solid black;
        width:100%;
        padding:0 20px;
    }
    .input-container{
        padding:20px 0;
    }
    .divider{
        border-top:1px solid black;
    }
    .submit_btn[disabled]{
        color: #eee;
        background: #dcd8d8;
    }
    .submit_btn{
        color:#FFF;
        background: #4ba550;
        padding:5px 0;
        line-height: 30px;
        display: inline-block;
        width: 300px;
        border: 1px solid rgba(0,0,0,0.3);
        border-radius: 3px;
        cursor: pointer;
    }
    .center-item{
        display: flex;
        justify-content: center;
    }

</style>

</head>
<body>

<div class="flex-container">
<div class="row">
<div class="form-container">
<form id="saml_form" method="POST">
<div id="form_layout">
<div><h3><img style="vertical-align: middle;width:120px;" src="data:image/jpeg;base64, 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KKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA5nxH4bXUQ15ZKq3yj514VbgD1PTd6H/wDWPPZYpoZHimjeORDtdHUqyn0INe0VSv8AStL1JQLy2SRgMLIMrKo9nXB/CtoVeXRn0mW55LCxVKsuaPTuv80eQ1asLC81K4S2tYyztyxPCRr3dz2ArvB4K0EPuMl6VznYZY9v0yIw361uWdjY6fF5NnAkSdW2glmI7sx+Yn6mtJVlbQ9bE8R0Yw/cJuXnsitpGj2mkW4ihG6V8GeZhhpGH8gOw/xydKiiuZtvVnxNWrOtN1Kju2FFFFIzCiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigD//2Q==" />Login</h3></div>
<div><h4>Please login to access isolation.</h4></div>
<div class="divider"></div>
<div class="input-container">
<div><label>Login Name ([email protected]):</label></div>
<div><input id="username" autofocus type="text" name="username" /></div>
</div>
<div class="divider"></div>
<div class="input-container center-item">
<button id="submit_button" disabled type="submit" class="submit_btn">Login</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script>

function urlParam(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results == null){
        return null;
    }
    else {
        return decodeURI(results[1]) || 0;
    }
}

var SAML_ACTION = '/saml/tenant';

var form = document.getElementById('saml_form');
form.setAttribute('action', SAML_ACTION);

//ADD MORE HIDDEN VARS HERE
var hidden_vars = {
    LOGIN_PARAMS: urlParam('login_params') || ''
};

var hidden_keys = Object.keys(hidden_vars);

hidden_keys.map(function(e){
    var hidden_input = document.createElement('input');
    hidden_input.setAttribute('type', 'hidden');
    hidden_input.value = hidden_vars[e];
    hidden_input.name = e;
    form.appendChild(hidden_input);
})

var username = document.getElementById('username');
var submit_button = document.getElementById('submit_button');
username.addEventListener('input', function(event) {
    if(username.value.length > 1){
        submit_button.removeAttribute('disabled')
    } else {
        submit_button.setAttribute('disabled', 'disabled')
    }
    console.log(event);
})

</script>
</body>
</html>

Edit

Pub: 04 Jun 2024 01:13 UTC

Views: 24