Skip to content

Standard drill #19

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Demotive merged 3 commits into from
Apr 28, 2026
Merged

Standard drill #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
491b5a6
states of standard
Demotive Apr 23, 2026
670151f
Stopgap commit
Demotive Apr 24, 2026
4557c72
Back to work
Demotive Apr 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions app/views/batches/batch-detail-in-progress.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -140,7 +140,7 @@ <h2 class="nhsuk-heading-l">Participant breakdown</h2>
<li>
<div class="swatch hatching--standard" aria-hidden="true"></div>
<div>
<a href="#">700 standard</a><br>
<a href="/batches/participant-breakdown/standard">700 standard</a><br>
<span class="key-label nhsuk-body-s">ready to appoint</span>
</div>
</li>
Expand Down Expand Up @@ -168,7 +168,7 @@ <h2 class="nhsuk-heading-l">Participant breakdown</h2>
}) %}
<div class="swatch hatching--standard" aria-hidden="true"></div>
<div>
<a href="#" class="nhsuk-card__link">700 standard</a><br>
<a href="/batches/participant-breakdown/standard" class="nhsuk-card__link">700 standard</a><br>
<span class="nhsuk-body-s nhsuk-u-margin-bottom-0">ready to appoint</span>
</div>
{% endcall %}
Expand All @@ -179,7 +179,7 @@ <h2 class="nhsuk-heading-l">Participant breakdown</h2>
}) %}
<div class="swatch hatching--special" aria-hidden="true"></div>
<div>
<a href="#" class="nhsuk-card__link">10 special requirements</a><br>
<a href="/batches/participant-breakdown/special-requirements" class="nhsuk-card__link">10 special requirements</a><br>
<span class="nhsuk-body-s nhsuk-u-margin-bottom-0">reasonable adjustments etc.</span>
</div>
{% endcall %}
Expand All @@ -195,7 +195,7 @@ <h2 class="nhsuk-heading-l">Participant breakdown</h2>
</div>
{% endcall %}
</li>
</il>
</ul>

</div>
</div>
Expand Down Expand Up @@ -252,7 +252,7 @@ <h2 class="nhsuk-heading-l">Batch progress</h2>
<div class="nhsuk-grid-row">
<div class="nhsuk-grid-column-full nhsuk-u-margin-bottom-2">
<h2 class="nhsuk-heading-s nhsuk-u-margin-top-4 nhsuk-u-margin-bottom-2">Appointed</h2>
<a href="#" class="nhsuk-u-font-size-19">Standard</a>
<a href="/batches/participant-breakdown/standard" class="nhsuk-u-font-size-19">Standard</a>
</div>
</div>
<div class="nhsuk-grid-row nhsuk-u-margin-bottom-3">
Expand All @@ -268,7 +268,7 @@ <h2 class="nhsuk-heading-s nhsuk-u-margin-top-4 nhsuk-u-margin-bottom-2">Appoint

<div class="nhsuk-grid-row">
<div class="nhsuk-grid-column-full nhsuk-u-margin-bottom-2">
<a href="#" class="nhsuk-u-font-size-19">Special requirements</a>
<a href="/batches/participant-breakdown/special-requirements" class="nhsuk-u-font-size-19">Special requirements</a>
</div>
</div>
<div class="nhsuk-grid-row">
Expand Down
103 changes: 103 additions & 0 deletions app/views/batches/participant-breakdown/special-requirements.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@

{% extends 'layout.html' %}


{% set pageName = "West Berks mobile screening unit name" %}

{% from "_includes/primary-navigation.html" import primaryNavigation %}
{% block header %}
{{ primaryNavigation("Manage batches", serviceName) }}
{% endblock %}

{% block beforeContent %}
{{ breadcrumb({
items: [
{
href: "#",
text: "Home"
},
{
href: "/batches/",
text: "Manage batches"
},
{
href: "/batches/batch-detail-in-progress",
text: "Malton Practices Apr-May 26 NTDD RD 13"
}
]
}) }}
{% endblock %}

{% block content %}
<h1 class="nhsuk-heading-l">
<span class="nhsuk-caption-l">Malton Practices Apr-May 26 NTDD RD 13</span>
Participants with special requirements
</h1>

<div class="nhsuk-grid-row">
<div class="nhsuk-grid-column-two-thirds">
<div class="app-simple-progress-bar --special nhsuk-u-padding-2 nhsuk-u-margin-bottom-4" style="--percentage: 0%;">
{{ tag({
text: "0 of 10 appointed",
classes: "nhsuk-tag--orange"
}) }}
</div>
</div>
</div>

<div class="nhsuk-grid-row">
<div class="nhsuk-grid-column-full">

{% set select %}
<div class="nhsuk-checkboxes__item">
<input class="nhsuk-checkboxes__input" id="selectUser" name="selectUser" type="checkbox" value="userID">
<label class="nhsuk-label nhsuk-checkboxes__label" for="selectUser">
<span class="nhsuk-u-visually-hidden">Select name</span>
</label>
</div>
{% endset %}

{{ table({
firstCellIsHeader: false,
classes: "nhsuk-u-font-size-14",
head: [
{
text: "Name"
},
{
text: "Date of birth"
},
{
text: "NHS number"
},
{
text: "Next test due date"
},
{
text: "Requirement"
}
],
rows: [
[
{
html: '<a href="#">Olga Tokarczuk</a>'
},
{
html: "1 January 1967<br>(00 years old)"
},
{
text: "943 579 7881"
},
{
text: "1 May 2026"
},
{
text: "Sanitise these"
}
]
]
}) }}
</div>
</div>

{% endblock %}
93 changes: 93 additions & 0 deletions app/views/batches/participant-breakdown/standard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@

{% extends 'layout.html' %}


{% set pageName = "West Berks mobile screening unit name" %}

{% from "_includes/primary-navigation.html" import primaryNavigation %}
{% block header %}
{{ primaryNavigation("Manage batches", serviceName) }}
{% endblock %}

{% block beforeContent %}
{{ breadcrumb({
items: [
{
href: "#",
text: "Home"
},
{
href: "/batches/",
text: "Manage batches"
},
{
href: "/batches/batch-detail-in-progress",
text: "Malton Practices Apr-May 26 NTDD RD 13"
}
]
}) }}
{% endblock %}

{% block content %}
<h1 class="nhsuk-heading-l">
<span class="nhsuk-caption-l">Malton Practices Apr-May 26 NTDD RD 13</span>
Standard participants
</h1>

<div class="nhsuk-grid-row">
<div class="nhsuk-grid-column-two-thirds">
<div class="app-simple-progress-bar --standard nhsuk-u-padding-2 nhsuk-u-margin-bottom-4" style="--percentage: 100%;">
{{ tag({
text: "700 of 700 appointed",
classes: "nhsuk-tag--green"
}) }}
</div>
<p>
<a href="#">View all participants</a>
</p>
</div>
</div>

<div class="nhsuk-grid-row">
<div class="nhsuk-grid-column-two-thirds">
<div class="app-simple-progress-bar --standard nhsuk-u-padding-2 nhsuk-u-margin-bottom-4" style="--percentage: 50%;">
{{ tag({
text: "350 of 700 appointed",
classes: "nhsuk-tag--green"
}) }}
</div>
<div>
{{ button({
text: "Appoint participants",
href: "#",
classes: ""
}) }}
</div>
<p>
<a href="#">View all participants</a>
</p>
</div>
</div>

<div class="nhsuk-grid-row">
<div class="nhsuk-grid-column-two-thirds">
<div class="app-simple-progress-bar --standard nhsuk-u-padding-2 nhsuk-u-margin-bottom-4" style="--percentage: 0%;">
{{ tag({
text: "0 of 700 appointed",
classes: "nhsuk-tag--green"
}) }}
</div>
<div>
{{ button({
text: "Appoint participants",
href: "#",
classes: ""
}) }}
</div>
<p>
<a href="#">View all participants</a>
</p>
</div>
</div>

{% endblock %}