darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-20 22:40:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

Create base forms for registration and sign in

Browse Source 
Created routes and forms for registration, sign in, and registration
from an invite.
Also tidied up assets folder, removed copy of fronted toolkit.
This commit is contained in:
Chris Heathcote
2015-11-25 16:21:28 +00:00
committed by Rebecca Law
parent ed609eeec9
commit 701ce482d4
32 changed files with 774 additions and 1736 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
app/templates/add-service.html Normal file
View File

@@ -0,0 +1,31 @@
{% extends "admin_template.html" %}
{% block page_title %}
Hello world!
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Set up notifications for your service</h1>
<p>
<label class="form-label" for="emailverify">Service name</label>
<input class="form-control" id="emailverify" type="text"><br>
<span class="font-xsmall">For example, 'Vehicle tax' or 'Carer's allowance'</span>
</p>
<h2 class="heading-small">We'll create your service in test mode</h2>
<p>In test mode you can only send notifications to people in your team.</p>
<p>When you're ready to go live we'll remove this restriction.</p>
<p>
<a class="button" href="dashboard" role="button">Continue</a>
</p>
</div>
</div>
{% endblock %}

11
app/templates/admin_template.html Normal file
View File

@@ -0,0 +1,11 @@
{% extends "govuk_template.html" %}
{% block page_title %}
GOV.UK notifications admin
{% endblock %}
{% block cookie_message %}
{% endblock %}
{% set global_header_text = "GOV.UK Notify" %}

17
app/templates/dashboard.html Normal file
View File

@@ -0,0 +1,17 @@
{% extends "admin_template.html" %}
{% block page_title %}
Hello world!
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Dashboard</h1>
<p>Insert dashboard here.</p>
</div>
</div>
{% endblock %}

4
app/templates/hello-world.html
View File

@@ -1,7 +1,7 @@
{% extends "govuk_template.html" %}
{% extends "admin_template.html" %}
{% block page_title %}
Hello world!
GOV.UK notifications
{% endblock %}
{% block content %}

34
app/templates/register-from-invite.html Normal file
View File

@@ -0,0 +1,34 @@
{% extends "admin_template.html" %}
{% block page_title %}
Hello world!
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Create an account</h1>
<p>If you've used GOV.UK Notify before, <a href="">sign in to your account</a>.</p>
<p>
<label class="form-label" for="name-f1">Name</label>
<input class="form-control-2-3" id="name-f1" type="text">
</p>
<p>
<label class="form-label" for="mobile">Mobile phone number</label>
<input class="form-control-1-4" id="mobile" type="text">
</p>
<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="verify-mobile" role="button">Continue</a>
</p>
</div>
</div>
{% endblock %}

39
app/templates/register.html Normal file
View File

@@ -0,0 +1,39 @@
{% extends "admin_template.html" %}
{% block page_title %}
Hello world!
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Create an account</h1>
<p>If you've used GOV.UK Notify before, <a href="">sign in to your account</a>.</p>
<p>
<label class="form-label" for="name-f1">Name</label>
<input class="form-control-2-3" id="name-f1" type="text">
</p>
<p>
<label class="form-label" for="email">Email address</label>
<input class="form-control-2-3" id="email" type="text"><br>
<span class="font-xsmall">Your email address must end in .gov.uk</span>
</p>
<p>
<label class="form-label" for="mobile">Mobile phone number</label>
<input class="form-control-1-4" id="mobile" type="text">
</p>
<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="verify" role="button">Continue</a>
</p>
</div>
</div>
{% endblock %}

25
app/templates/signedout.html Normal file
View File

@@ -0,0 +1,25 @@
{% extends "admin_template.html" %}
{% block page_title %}
Hello world!
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">GOV.UK Notify</h1>
<p>Use GOV.UK Notify to send notifications by text message, email and letter.</p>
<p>We're making it easy to keep your users informed.</p>
<p>If you work for a central UK Government department or agency you can set up a test account now.</p>
<a class="button" href="register" role="button">Set up an account</a>
<!-- <h2 class="heading-large">Used GOV.UK Notify before?</h2> -->
<p><a href="sign-in">Sign in</a></p>
</div>
</div>
{% endblock %}

31
app/templates/signin.html Normal file
View File

@@ -0,0 +1,31 @@
{% extends "admin_template.html" %}
{% block page_title %}
Hello world!
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Sign in</h1>
<p>If you do not have an account, you can <a href="register">register</a>.</p>
<p>
<label class="form-label" for="email">Email address</label>
<input class="form-control-2-3" id="email" type="text"><br>
</p>
<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>
</p>
<p>
<a class="button" href="two-factor" role="button">Continue</a>
</p>
</div>
</div>
{% endblock %}

28
app/templates/two-factor.html Normal file
View File

@@ -0,0 +1,28 @@
{% extends "admin_template.html" %}
{% block page_title %}
Hello world!
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Text verification</h1>
<p>We've sent you a text message containing a verification code.</p>
<p>
<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>
</p>
<p>
<a class="button" href="dashboard" role="button">Continue</a>
</p>
</div>
</div>
{% endblock %}

29
app/templates/verify-mobile.html Normal file
View File

@@ -0,0 +1,29 @@
{% extends "admin_template.html" %}
{% block page_title %}
Hello world!
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Confirm your mobile number</h1>
<p>You need to prove the contact details you gave us are yours.</p>
<p>We've sent you an email and a text message containing confirmation codes.</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>
</p>
<p>
<a class="button" href="dashboard" role="button">Continue</a>
</p>
</div>
</div>
{% endblock %}

35
app/templates/verify.html Normal file
View File

@@ -0,0 +1,35 @@
{% extends "admin_template.html" %}
{% block page_title %}
Hello world!
{% endblock %}
{% block content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Confirm your email address and mobile number</h1>
<p>You need to prove the contact details you gave us are yours.</p>
<p>We've sent you an email and a text message containing confirmation codes.</p>
<p>
<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>
</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>
</p>
<p>
<a class="button" href="add-service" role="button">Continue</a>
</p>
</div>
</div>
{% endblock %}