Skip to content

Commit

Permalink
Merge pull request #36 from alphagov/check-your-answers
Browse files Browse the repository at this point in the history
Add Check Your Answers page
  • Loading branch information
timpaul committed Nov 16, 2015
2 parents 8c5ec07 + d85cb2a commit 795a0b6
Show file tree
Hide file tree
Showing 5 changed files with 159 additions and 2 deletions.
11 changes: 10 additions & 1 deletion app/assets/sass/patterns.scss
@@ -1 +1,10 @@
// Patterns
// GOV.UK front end toolkit dependencies
@import "colours";
@import "shims";
@import "measurements";
@import "typography";
@import "css3";
@import "url-helpers";

// Patterns
@import 'patterns/check-your-answers';
12 changes: 12 additions & 0 deletions app/assets/sass/patterns/check-your-answers.scss
@@ -0,0 +1,12 @@
.check-your-answers {

td {
@include core-19;
vertical-align: top;
}

.change-answer {
text-align: right;
}

}
1 change: 0 additions & 1 deletion app/views/examples/blank.html
Expand Up @@ -10,4 +10,3 @@
{{/content}}

{{/layout}}

133 changes: 133 additions & 0 deletions app/views/examples/check-your-answers-page.html
@@ -0,0 +1,133 @@
{{<layout}}

{{$pageTitle}}Check your answers{{/pageTitle}}

{{$content}}

<main id="content" role="main">

<h1 class="heading-large">
Check your answers before sending your application
</h1>

<table class="check-your-answers">

<thead>
<tr>
<th colspan="2">
<h2 class="heading-medium">
Organisations involved
</h2>
</th>
<th>
</th>
</tr>
</thead>

<tbody>
<tr>
<td>
Exporter
</td>
<td>
Exporter name<br>
First line of address<br>
Second line of address<br>
Contact: Contact Name<br>
Tel: 01234 567 890<br>
Email: email@email.com
</td>
<td class="change-answer">
<a href="#">
Change <span class="visuallyhidden">Exporter name</span>
</a>
</td>
</tr>
<tr>
<td>
Producer
</td>
<td>
Producer name
</td>
<td class="change-answer">
<a href="#">
Change <span class="visuallyhidden">Producer name</span>
</a>
</td>
</tr>
<tr>
<td>
Site of export
</td>
<td>
Site of export name
</td>
<td class="change-answer">
<a href="#">
Change <span class="visuallyhidden">Site of export name</span>
</a>
</td>
</tr>
<tr>
<td>
Importer
</td>
<td>
Importer name<br>
First line of address<br>
Second line of address<br>
Contact: Contact Name<br>
Tel: 01234 567 890<br>
Email: email@email.com
</td>
<td class="change-answer">
<a href="#">
Change <span class="visuallyhidden">Importer name</span>
</a>
</td>
</tr>
<tr>
<td>
Recovery facilities
</td>
<td>
Recovery facilities name
</td>
<td class="change-answer">
<a href="#">
Change <span class="visuallyhidden">Recovery facilities name</span>
</a>
</td>
</tr>
<tr>
<td>
Recovery site
</td>
<td>
Recovery site name
</td>
<td class="change-answer">
<a href="#">
Change <span class="visuallyhidden">Recovery site name</span>
</a>
</td>
</tr>
</tbody>
</table>

<h2 class="heading-medium">Now send your application</h2>

<p class="text">
By submitting this notification you are confirming that, to the best of your knowledge, the details you are providing are correct.
</p>

<div class="form-group">
<a href="confirmation-page" class="button">Accept and send application</a>
</div>

</main>

{{/content}}

{{/layout}}
4 changes: 4 additions & 0 deletions app/views/examples/index.html
Expand Up @@ -56,6 +56,10 @@ <h1 class="heading-xlarge">Example pages</h1>
Question page
</a>
</li>
<li>
<a href="/examples/check-your-answers-page">
Check your answers page
</li>
<li>
<a href="/examples/template-data">
Template data
Expand Down

0 comments on commit 795a0b6

Please sign in to comment.