Skip to content

Commit d20072b

Browse files
DemotiveDemotive
authored
Merge pull request #19 from NHSDigital/standard-drill
Standard drill
2 parents 2807c2a + 4557c72 commit d20072b

3 files changed

Lines changed: 202 additions & 6 deletions

File tree

‎app/views/batches/batch-detail-in-progress.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -140,7 +140,7 @@ <h2 class="nhsuk-heading-l">Participant breakdown</h2>
140140
<li>
141141
<div class="swatch hatching--standard" aria-hidden="true"></div>
142142
<div>
143-
<a href="#">700 standard</a><br>
143+
<a href="/batches/participant-breakdown/standard">700 standard</a><br>
144144
<span class="key-label nhsuk-body-s">ready to appoint</span>
145145
</div>
146146
</li>
@@ -168,7 +168,7 @@ <h2 class="nhsuk-heading-l">Participant breakdown</h2>
168168
}) %}
169169
<div class="swatch hatching--standard" aria-hidden="true"></div>
170170
<div>
171-
<a href="#" class="nhsuk-card__link">700 standard</a><br>
171+
<a href="/batches/participant-breakdown/standard" class="nhsuk-card__link">700 standard</a><br>
172172
<span class="nhsuk-body-s nhsuk-u-margin-bottom-0">ready to appoint</span>
173173
</div>
174174
{% endcall %}
@@ -179,7 +179,7 @@ <h2 class="nhsuk-heading-l">Participant breakdown</h2>
179179
}) %}
180180
<div class="swatch hatching--special" aria-hidden="true"></div>
181181
<div>
182-
<a href="#" class="nhsuk-card__link">10 special requirements</a><br>
182+
<a href="/batches/participant-breakdown/special-requirements" class="nhsuk-card__link">10 special requirements</a><br>
183183
<span class="nhsuk-body-s nhsuk-u-margin-bottom-0">reasonable adjustments etc.</span>
184184
</div>
185185
{% endcall %}
@@ -195,7 +195,7 @@ <h2 class="nhsuk-heading-l">Participant breakdown</h2>
195195
</div>
196196
{% endcall %}
197197
</li>
198-
</il>
198+
</ul>
199199

200200
</div>
201201
</div>
@@ -252,7 +252,7 @@ <h2 class="nhsuk-heading-l">Batch progress</h2>
252252
<div class="nhsuk-grid-row">
253253
<div class="nhsuk-grid-column-full nhsuk-u-margin-bottom-2">
254254
<h2 class="nhsuk-heading-s nhsuk-u-margin-top-4 nhsuk-u-margin-bottom-2">Appointed</h2>
255-
<a href="#" class="nhsuk-u-font-size-19">Standard</a>
255+
<a href="/batches/participant-breakdown/standard" class="nhsuk-u-font-size-19">Standard</a>
256256
</div>
257257
</div>
258258
<div class="nhsuk-grid-row nhsuk-u-margin-bottom-3">
@@ -268,7 +268,7 @@ <h2 class="nhsuk-heading-s nhsuk-u-margin-top-4 nhsuk-u-margin-bottom-2">Appoint
268268

269269
<div class="nhsuk-grid-row">
270270
<div class="nhsuk-grid-column-full nhsuk-u-margin-bottom-2">
271-
<a href="#" class="nhsuk-u-font-size-19">Special requirements</a>
271+
<a href="/batches/participant-breakdown/special-requirements" class="nhsuk-u-font-size-19">Special requirements</a>
272272
</div>
273273
</div>
274274
<div class="nhsuk-grid-row">

‎app/views/batches/participant-breakdown/special-requirements.html‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
2+
{% extends 'layout.html' %}
3+
4+
5+
{% set pageName = "West Berks mobile screening unit name" %}
6+
7+
{% from "_includes/primary-navigation.html" import primaryNavigation %}
8+
{% block header %}
9+
{{ primaryNavigation("Manage batches", serviceName) }}
10+
{% endblock %}
11+
12+
{% block beforeContent %}
13+
{{ breadcrumb({
14+
items: [
15+
{
16+
href: "#",
17+
text: "Home"
18+
},
19+
{
20+
href: "/batches/",
21+
text: "Manage batches"
22+
},
23+
{
24+
href: "/batches/batch-detail-in-progress",
25+
text: "Malton Practices Apr-May 26 NTDD RD 13"
26+
}
27+
]
28+
}) }}
29+
{% endblock %}
30+
31+
{% block content %}
32+
<h1 class="nhsuk-heading-l">
33+
<span class="nhsuk-caption-l">Malton Practices Apr-May 26 NTDD RD 13</span>
34+
Participants with special requirements
35+
</h1>
36+
37+
<div class="nhsuk-grid-row">
38+
<div class="nhsuk-grid-column-two-thirds">
39+
<div class="app-simple-progress-bar --special nhsuk-u-padding-2 nhsuk-u-margin-bottom-4" style="--percentage: 0%;">
40+
{{ tag({
41+
text: "0 of 10 appointed",
42+
classes: "nhsuk-tag--orange"
43+
}) }}
44+
</div>
45+
</div>
46+
</div>
47+
48+
<div class="nhsuk-grid-row">
49+
<div class="nhsuk-grid-column-full">
50+
51+
{% set select %}
52+
<div class="nhsuk-checkboxes__item">
53+
<input class="nhsuk-checkboxes__input" id="selectUser" name="selectUser" type="checkbox" value="userID">
54+
<label class="nhsuk-label nhsuk-checkboxes__label" for="selectUser">
55+
<span class="nhsuk-u-visually-hidden">Select name</span>
56+
</label>
57+
</div>
58+
{% endset %}
59+
60+
{{ table({
61+
firstCellIsHeader: false,
62+
classes: "nhsuk-u-font-size-14",
63+
head: [
64+
{
65+
text: "Name"
66+
},
67+
{
68+
text: "Date of birth"
69+
},
70+
{
71+
text: "NHS number"
72+
},
73+
{
74+
text: "Next test due date"
75+
},
76+
{
77+
text: "Requirement"
78+
}
79+
],
80+
rows: [
81+
[
82+
{
83+
html: '<a href="#">Olga Tokarczuk</a>'
84+
},
85+
{
86+
html: "1 January 1967<br>(00 years old)"
87+
},
88+
{
89+
text: "943 579 7881"
90+
},
91+
{
92+
text: "1 May 2026"
93+
},
94+
{
95+
text: "Sanitise these"
96+
}
97+
]
98+
]
99+
}) }}
100+
</div>
101+
</div>
102+
103+
{% endblock %}

‎app/views/batches/participant-breakdown/standard.html‎

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
2+
{% extends 'layout.html' %}
3+
4+
5+
{% set pageName = "West Berks mobile screening unit name" %}
6+
7+
{% from "_includes/primary-navigation.html" import primaryNavigation %}
8+
{% block header %}
9+
{{ primaryNavigation("Manage batches", serviceName) }}
10+
{% endblock %}
11+
12+
{% block beforeContent %}
13+
{{ breadcrumb({
14+
items: [
15+
{
16+
href: "#",
17+
text: "Home"
18+
},
19+
{
20+
href: "/batches/",
21+
text: "Manage batches"
22+
},
23+
{
24+
href: "/batches/batch-detail-in-progress",
25+
text: "Malton Practices Apr-May 26 NTDD RD 13"
26+
}
27+
]
28+
}) }}
29+
{% endblock %}
30+
31+
{% block content %}
32+
<h1 class="nhsuk-heading-l">
33+
<span class="nhsuk-caption-l">Malton Practices Apr-May 26 NTDD RD 13</span>
34+
Standard participants
35+
</h1>
36+
37+
<div class="nhsuk-grid-row">
38+
<div class="nhsuk-grid-column-two-thirds">
39+
<div class="app-simple-progress-bar --standard nhsuk-u-padding-2 nhsuk-u-margin-bottom-4" style="--percentage: 100%;">
40+
{{ tag({
41+
text: "700 of 700 appointed",
42+
classes: "nhsuk-tag--green"
43+
}) }}
44+
</div>
45+
<p>
46+
<a href="#">View all participants</a>
47+
</p>
48+
</div>
49+
</div>
50+
51+
<div class="nhsuk-grid-row">
52+
<div class="nhsuk-grid-column-two-thirds">
53+
<div class="app-simple-progress-bar --standard nhsuk-u-padding-2 nhsuk-u-margin-bottom-4" style="--percentage: 50%;">
54+
{{ tag({
55+
text: "350 of 700 appointed",
56+
classes: "nhsuk-tag--green"
57+
}) }}
58+
</div>
59+
<div>
60+
{{ button({
61+
text: "Appoint participants",
62+
href: "#",
63+
classes: ""
64+
}) }}
65+
</div>
66+
<p>
67+
<a href="#">View all participants</a>
68+
</p>
69+
</div>
70+
</div>
71+
72+
<div class="nhsuk-grid-row">
73+
<div class="nhsuk-grid-column-two-thirds">
74+
<div class="app-simple-progress-bar --standard nhsuk-u-padding-2 nhsuk-u-margin-bottom-4" style="--percentage: 0%;">
75+
{{ tag({
76+
text: "0 of 700 appointed",
77+
classes: "nhsuk-tag--green"
78+
}) }}
79+
</div>
80+
<div>
81+
{{ button({
82+
text: "Appoint participants",
83+
href: "#",
84+
classes: ""
85+
}) }}
86+
</div>
87+
<p>
88+
<a href="#">View all participants</a>
89+
</p>
90+
</div>
91+
</div>
92+
93+
{% endblock %}

0 commit comments

Comments
 (0)