Merge pull request #7 from alphagov/login-errors

Login errors
This commit is contained in:
Rebecca Law
2015-12-01 09:53:25 +00:00
12 changed files with 191 additions and 5 deletions

View File

@@ -0,0 +1,28 @@
{% extends "admin_template.html" %}
{% block page_title %}
GOV.UK Notify
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Check your email address</h1>
<p>Check your email address is correct and resend a confirmation code.</p>
<p>
<label class="form-label" for="email">Email address</label>
<input class="form-control-2-3" id="email" type="text" value="wrongemail@wrong.com"><br>
<span class="font-xsmall">Your email address must end in .gov.uk</span>
</p>
<p>
<a class="button" href="verify" role="button">Resend confirmation code</a>
</p>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,27 @@
{% extends "admin_template.html" %}
{% block page_title %}
GOV.UK Notify
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Create a new password</h1>
<p>If you have forgotten your password, we can send you an email to create a new password.</p>
<p>
<label class="form-label" for="email">Email address</label>
<input class="form-control" id="email" type="text" value="">
</p>
<p>
<a class="button" href="sign-in" role="button">Send email</a>
</p>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,24 @@
{% extends "admin_template.html" %}
{% block page_title %}
GOV.UK Notify
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Create a new password</h1>
<p>
<label class="form-label" for="password">Password</label>
<input class="form-control-1-4" id="password" type="password">
</p>
<p>
<a class="button" href="two-factor" role="button">Continue</a>
</p>
</div>
</div>
{% endblock %}

View File

@@ -12,6 +12,8 @@ Hello world!
<p>If you've used GOV.UK Notify before, <a href="">sign in to your account</a>.</p>
<p>You need to have access to your email account and a mobile phone to register.</p>
<p>
<label class="form-label" for="name-f1">Name</label>
<input class="form-control-2-3" id="name-f1" type="text">

View File

@@ -19,7 +19,7 @@ Hello world!
<p>
<label class="form-label" for="password">Password</label>
<input class="form-control-1-4" id="password" type="password"><br>
<span class="font-xsmall"><a href="">Forgotten password?</a></span>
<span class="font-xsmall"><a href="forgot-password">Forgotten password?</a></span>
</p>
<p>

View File

@@ -0,0 +1,29 @@
{% extends "admin_template.html" %}
{% block page_title %}
GOV.UK Notify
{% endblock %}
{% block content %}
<!-- this page is just a hack for building out pages - same functionality as text-not-received, but for the register from an invite flow -->
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Check your mobile number</h1>
<p>Check your mobile phone number is correct and resend a confirmation code.</p>
<p>
<label class="form-label" for="mobile">Mobile phone number</label>
<input class="form-control-1-4" id="mobile" type="text" value="08983336666">
</p>
<p>
<a class="button" href="verify-mobile" role="button">Resend confirmation code</a>
</p>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,27 @@
{% extends "admin_template.html" %}
{% block page_title %}
GOV.UK Notify
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Check your mobile number</h1>
<p>Check your mobile phone number is correct and resend a confirmation code.</p>
<p>
<label class="form-label" for="mobile">Mobile phone number</label>
<input class="form-control-1-4" id="mobile" type="text" value="08983336666">
</p>
<p>
<a class="button" href="verify" role="button">Resend confirmation code</a>
</p>
</div>
</div>
{% endblock %}

View File

@@ -16,7 +16,7 @@ Hello world!
<label class="form-label" for="email">Text message verification code<br>
<span class="font-xsmall">Enter the code we sent you by email</span></label>
<input class="form-control-1-4" id="email" type="text"><br>
<span class="font-xsmall"><a href="">I haven't received a text</a></span>
<span class="font-xsmall"><a href="verification-not-received">I haven't received a text</a></span>
</p>
<p>

View File

@@ -0,0 +1,24 @@
{% extends "admin_template.html" %}
{% block page_title %}
GOV.UK Notify
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Resend verification code</h1>
<p>Text messages sometimes take a few minutes to be received. <br> If you have not received a text message, you can resend.</p>
<p>If you no longer have access to your mobile phone and registered number, get in contact with your service manager to reset your number.</p>P>
<p>
<a class="button" href="two-factor" role="button">Resend confirmation code</a>
</p>
</div>
</div>
{% endblock %}

View File

@@ -17,7 +17,7 @@ Hello world!
<label class="form-label" for="email">Text message confirmation code<br>
<span class="font-xsmall">Enter the code we sent you by text</span></label>
<input class="form-control-1-4" id="email" type="text"><br>
<span class="font-xsmall"><a href="">I haven't received a text</a></span>
<span class="font-xsmall"><a href="text-not-received-2">I haven't received a text</a></span>
</p>
<p>

View File

@@ -17,13 +17,13 @@ Hello world!
<label class="form-label" for="emailverify">Email confirmation code<br>
<span class="font-xsmall">Enter the code we sent you by email</span></label>
<input class="form-control-1-4" id="emailverify" type="text"><br>
<span class="font-xsmall"><a href="">I haven't received an email</a></span>
<span class="font-xsmall"><a href="email-not-received">I haven't received an email</a></span>
</p>
<p>
<label class="form-label" for="email">Text message confirmation code<br>
<span class="font-xsmall">Enter the code we sent you by text</span></label>
<input class="form-control-1-4" id="email" type="text"><br>
<span class="font-xsmall"><a href="">I haven't received a text</a></span>
<span class="font-xsmall"><a href="text-not-received">I haven't received a text</a></span>
</p>
<p>