fmt: tidied up a good chunk

This commit is contained in:
silver 2023-09-27 02:24:15 +01:00
parent d864a3bafd
commit d97ecde7fc
10 changed files with 128 additions and 98 deletions

View file

@ -3,30 +3,32 @@
<head>
<meta charset="UTF-8"/>
<title>Account Recovery</title>
<link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png"/>
<link rel="stylesheet" type="text/css" href="../stylesheets/index.css"/>
<link href="../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
<link href="../stylesheets/index.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrapper">
<header class="page-header">
<img src="../images/sharky.svg" alt="Sharky, our mascot" width="145" height="81.56"/>
<h1>Skynet self service</h1>
<img alt="Sharky, our mascot" height="81.56" src="../images/sharky.svg" width="145"/>
<h1>Skynet Self Service</h1>
</header>
<main class="page-body">
<h2>Forgot Password</h2>
<p>Please use this page to request a password reset link to your linked email.</p>
<p>
Request a password reset sent to your linked email.
</p>
<form id="recovery">
<table id="table">
<tr>
<td><label for="username">Username</label></td>
<td><input type="text" id="username" name="username"/> <br/></td>
<td><input id="username" name="username" type="text"/> <br/></td>
</tr>
<tr>
<td>Or<br/></td>
</tr>
<tr>
<td><label for="email">Email</label></td>
<td><input type="text" id="email" name="email"/> <br/></td>
<td><input id="email" name="email" type="text"/> <br/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="submit"/></td>
@ -42,7 +44,7 @@
listener.preventDefault();
// reset teh form status
document.getElementById('formStatus').innerHTML = "";
document.getElementById('formStatus').innerHTML = "<span style='background-color: green; color: white'>Please wait.</span>";
const formData = new FormData(formEl);
const username = formData.get('username').trim();

View file

@ -3,23 +3,25 @@
<head>
<meta charset="UTF-8"/>
<title>Account Recovery</title>
<link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png"/>
<link rel="stylesheet" type="text/css" href="../stylesheets/index.css"/>
<link href="../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
<link href="../stylesheets/index.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrapper">
<header class="page-header">
<img src="../images/sharky.svg" alt="Sharky, our mascot" width="145" height="81.56"/>
<h1>Skynet self service</h1>
<img alt="Sharky, our mascot" height="81.56" src="../images/sharky.svg" width="145"/>
<h1>Skynet Self Service</h1>
</header>
<main class="page-body">
<h1>Password Recovery</h1>
<p>Please enter a new password for your skynet account below</p>
<p>
Enter a new password for your Skynet account below.
</p>
<form id="reset">
<label for="pass1">Password</label>
<input type="password" id="pass1" name="password"/> <br/>
<input id="pass1" name="password" type="password"/> <br/>
<label for="pass2">Confirm</label>
<input type="password" id="pass2" name="confirm"/> <br/>
<input id="pass2" name="confirm" type="password"/> <br/>
<input type="submit"/>
</form>
<p id="formStatus"></p>
@ -34,7 +36,7 @@
listener.preventDefault();
// reset
document.getElementById('formStatus').innerHTML = "";
document.getElementById('formStatus').innerHTML = "<span style='background-color: green; color: white'>Please wait.</span>";
const formData = new FormData(formEl);
const pass = formData.get("password");

View file

@ -3,22 +3,22 @@
<head>
<meta charset="UTF-8"/>
<title>Account Recovery</title>
<link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png"/>
<link rel="stylesheet" type="text/css" href="../stylesheets/index.css"/>
<link href="../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
<link href="../stylesheets/index.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrapper">
<header class="page-header">
<img src="../images/sharky.svg" alt="Sharky, our mascot" width="145" height="81.56"/>
<h1>Skynet self service</h1>
<img alt="Sharky, our mascot" height="81.56" src="../images/sharky.svg" width="145"/>
<h1>Skynet Self Service</h1>
</header>
<main class="page-body">
<h1>SSH key recovery</h1>
<form id="form">
<label for="user">Username</label>
<input type="text" id="user" name="user"/> <br/>
<input id="user" name="user" type="text"/> <br/>
<label for="mail">Email</label>
<input type="email" id="mail" name="mail"/> <br/>
<input id="mail" name="mail" type="email"/> <br/>
<input type="submit"/>
</form>
<p id="formStatus"></p>

View file

@ -3,24 +3,26 @@
<head>
<meta charset="UTF-8"/>
<title>Account Recovery</title>
<link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png"/>
<link rel="stylesheet" type="text/css" href="../stylesheets/index.css"/>
<link href="../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
<link href="../stylesheets/index.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrapper">
<header class="page-header">
<img src="../images/sharky.svg" alt="Sharky, our mascot" width="145" height="81.56"/>
<h1>Skynet self service</h1>
<img alt="Sharky, our mascot" height="81.56" src="../images/sharky.svg" width="145"/>
<h1>Skynet Self Service</h1>
</header>
<main class="page-body">
<div class="boxes">
<h2>Forgot Username</h2>
<p>Please use this page to get a reminder email with your skynet username in it.</p>
<p>
Get a reminder email of your Skynet username.
</p>
<form id="reset">
<table id="table">
<tr>
<td><label for="email">Email Address</label></td>
<td><input type="text" id="email" name="email"/> <br/></td>
<td><input id="email" name="email" type="text"/> <br/></td>
</tr>
<tr>
<td colspan="2"><input type="Submit" value="Submit"/></td>
@ -35,6 +37,10 @@
function formHandler(listener) {
listener.preventDefault();
// reset
document.getElementById('formStatus').innerHTML = "<span style='background-color: green; color: white'>Please wait.</span>";
const formData = new FormData(formEl);
const email = formData.get("email");
const object = {email: email};