view mod_password_reset/password_reset/password_reset.html @ 3354:7cede636b3d5

mod_password_reset: Improve password input field with additional relevant attributes
author Matthew Wild <mwild1@gmail.com>
date Tue, 09 Oct 2018 14:12:03 +0100
parents f7668aee968a
children 3bc68057f232
line wrap: on
line source

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Reset password</title>
	<link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
	<div class="container col-md-4 col-md-offset-4" style="margin-top: 100px">
		{message&
		<div class="alert {classes}">{message}</div>
		}
		<div class="panel panel-default">
			<div class="panel-heading">
				<div class="panel-title">Reset password</div>
			</div>

			<div class="panel-body" style="padding: 20px">

				<p>Please enter a new password.</p>

				<form method="post" class="form-horizontal">
					<div class="form-group" style="margin-right: 0px;">
						<label for="user" class="col-sm-2 control-label">Account:</label>
						<div class="input-group col-sm-10">
							<input type="text" name="user" class="form-control" disabled placeholder="{jid}">
						</div>
					</div>
					<div class="form-group" style="margin-right: 0px;">
						<label for="password" class="col-sm-2 control-label">Password:</label>
						<div class="input-group col-sm-10">
							<input type="password" required autofocus
								name="password"
								class="form-control"
								autocomplete="new-password"
								placeholder="new password"
							>
						</div>
					</div>
					<input type="hidden" name="token" value="{token}">
					<button type="submit" class="btn btn-primary btn-lg">Reset</button>
				</form>
			</div>
		</div>
	</div>
</body>
</html>