Skip to content

Commit a81476a

Browse files
michaelNetCompanymichaelNetCompany
committed
Create reg-table-v2-yes-no-wip.html
1 parent 1d958f7 commit a81476a

File tree

1 file changed

+332
-0
lines changed

1 file changed

+332
-0
lines changed

‎app/views/reg-portal/reg-table-v2-yes-no-wip.html‎

Lines changed: 332 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,332 @@
1+
{% extends 'reg-portal/layout.html' %}
2+
3+
{% block pageTitle %}
4+
6 new registrations - GP registrations portal - NHS
5+
{% endblock %}
6+
7+
{% block content %}
8+
9+
<div class="nhsuk-grid-row">
10+
<div class="nhsuk-grid-column-full">
11+
12+
{{ backLink({
13+
text: "Return to dashboard",
14+
href: "dashboard"
15+
}) }}
16+
17+
18+
<h1 class="nhsuk-heading-xl">View patient details</h1>
19+
<p>View details of patient registration requests from the last 90 days.</p>
20+
21+
22+
<table role="table" class="nhsuk-table-responsive">
23+
<thead class="nhsuk-table__head">
24+
<tr role="row">
25+
26+
<th role="columnheader" scope="col" class="govuk-table__header" aria-sort="none">
27+
<a href="reg-table-v2-yes-no-sorted">
28+
<button type="button" data-index="0">Name<svg width="22" height="22" focusable="false" aria-hidden="true" role="img" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
29+
<path d="M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z" fill="currentColor"></path>
30+
<path d="M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z" fill="currentColor"></path>
31+
</svg>
32+
</button>
33+
</a>
34+
</th>
35+
36+
<th role="columnheader" scope="col" class="govuk-table__header" aria-sort="none">
37+
<button type="button" data-index="1">Matched<svg width="22" height="22" focusable="false" aria-hidden="true" role="img" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
38+
<path d="M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z" fill="currentColor"></path>
39+
<path d="M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z" fill="currentColor"></path>
40+
</svg>
41+
</button>
42+
</th>
43+
44+
<th role="columnheader" scope="col" class="govuk-table__header" aria-sort="none">
45+
<button type="button" data-index="2">Age<svg width="22" height="22" focusable="false" aria-hidden="true" role="img" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
46+
<path d="M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z" fill="currentColor"></path>
47+
<path d="M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z" fill="currentColor"></path>
48+
</svg>
49+
</button>
50+
</th>
51+
52+
<th role="columnheader" scope="col" class="govuk-table__header govuk-table__header--numeric" aria-sort="none">
53+
<button type="button" data-index="3">Catchment<svg width="22" height="22" focusable="false" aria-hidden="true" role="img" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
54+
<path d="M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z" fill="currentColor"></path>
55+
<path d="M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z" fill="currentColor"></path>
56+
</svg>
57+
</button>
58+
</th>
59+
60+
<th role="columnheader" scope="col" class="govuk-table__header govuk-table__header--numeric" aria-sort="none">
61+
<button type="button" data-index="3">Alerts<svg width="22" height="22" focusable="false" aria-hidden="true" role="img" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
62+
<path d="M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z" fill="currentColor"></path>
63+
<path d="M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z" fill="currentColor"></path>
64+
</svg>
65+
</button>
66+
</th>
67+
68+
<th role="columnheader" class="" scope="col"></th>
69+
70+
</tr>
71+
</thead>
72+
73+
<style>
74+
.govuk-table__header {
75+
padding: 10px 20px 10px 0;
76+
text-align: left;
77+
vertical-align: top;
78+
}
79+
80+
[aria-sort] button, [aria-sort] button:hover {
81+
align-items: center;
82+
background-color: initial;
83+
border-width: 0;
84+
box-shadow: 0 0 0 0;
85+
color: #005ea5;
86+
cursor: pointer;
87+
display: inline-flex;
88+
font-family: inherit;
89+
font-size: inherit;
90+
font-size: 1em;
91+
font-weight: inherit;
92+
margin: 0;
93+
padding: 0;
94+
position: relative;
95+
text-align: inherit;
96+
}
97+
</style>
98+
99+
<tbody class="nhsuk-table__body">
100+
<tr role="row" class="nhsuk-table__row">
101+
<td role="cell" class="nhsuk-table__cell">
102+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Name</span>Sam Smith
103+
</td>
104+
<td role="cell" class="nhsuk-table__cell">
105+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Matched</span>Yes
106+
</td>
107+
<td role="cell" class="nhsuk-table__cell">
108+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Age</span>35
109+
</td>
110+
<td role="cell" class="nhsuk-table__cell">
111+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">In catchment</span>Yes
112+
</td>
113+
<td role="cell" class="nhsuk-table__cell">
114+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Alerts</span>No alerts
115+
</td>
116+
<td role="cell" class="nhsuk-table__cell">
117+
<a href="reg-detail-multi-detail">View details</a>
118+
</td>
119+
</tr>
120+
121+
<tr role="row" class="nhsuk-table__row">
122+
<td role="cell" class="nhsuk-table__cell">
123+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Name</span>Jane Jones
124+
</td>
125+
<td role="cell" class="nhsuk-table__cell">
126+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Matched</span>Not matched
127+
</td>
128+
<td role="cell" class="nhsuk-table__cell">
129+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Age</span>14
130+
</td>
131+
<td role="cell" class="nhsuk-table__cell">
132+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">In catchment</span>Out of catchment
133+
</td>
134+
<td role="cell" class="nhsuk-table__cell">
135+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Alerts</span>
136+
<strong class="nhsuk-tag nhsuk-tag--red">
137+
2 Alerts
138+
</strong>
139+
</td>
140+
<td role="cell" class="nhsuk-table__cell">
141+
<a href="reg-detail-multi-detail-child">View details</a>
142+
</td>
143+
</tr>
144+
<tr role="row" class="nhsuk-table__row">
145+
<td role="cell" class="nhsuk-table__cell">
146+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Name</span>Justin Girdler
147+
</td>
148+
<td role="cell" class="nhsuk-table__cell">
149+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Matched</span>Yes
150+
</td>
151+
<td role="cell" class="nhsuk-table__cell">
152+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Age</span>39
153+
</td>
154+
<td role="cell" class="nhsuk-table__cell">
155+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">In catchment</span>Yes
156+
</td>
157+
<td role="cell" class="nhsuk-table__cell">
158+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Alerts</span>No alerts
159+
</td>
160+
<td role="cell" class="nhsuk-table__cell">
161+
<a href="#">View details</a>
162+
</td>
163+
</tr>
164+
165+
<tr role="row" class="nhsuk-table__row">
166+
<td role="cell" class="nhsuk-table__cell">
167+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Name</span>Louise Ednie
168+
</td>
169+
<td role="cell" class="nhsuk-table__cell">
170+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Matched</span>Yes
171+
</td>
172+
<td role="cell" class="nhsuk-table__cell">
173+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Age</span>31
174+
</td>
175+
<td role="cell" class="nhsuk-table__cell">
176+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">In catchment</span>Out of catchment
177+
</td>
178+
<td role="cell" class="nhsuk-table__cell">
179+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Alerts</span>
180+
<strong class="nhsuk-tag nhsuk-tag--red">
181+
1 Alert
182+
</strong>
183+
</td>
184+
<td role="cell" class="nhsuk-table__cell">
185+
<a href="#">View details</a>
186+
</td>
187+
</tr>
188+
<tr role="row" class="nhsuk-table__row">
189+
<td role="cell" class="nhsuk-table__cell">
190+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Name</span>Victoria Shirt
191+
</td>
192+
<td role="cell" class="nhsuk-table__cell">
193+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Matched</span>Yes
194+
</td>
195+
<td role="cell" class="nhsuk-table__cell">
196+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Age</span>21
197+
</td>
198+
<td role="cell" class="nhsuk-table__cell">
199+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">In catchment</span>Yes
200+
</td>
201+
<td role="cell" class="nhsuk-table__cell">
202+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Alerts</span>No alerts
203+
</td>
204+
<td role="cell" class="nhsuk-table__cell">
205+
<a href="#">View details</a>
206+
</td>
207+
</tr>
208+
209+
<tr role="row" class="nhsuk-table__row">
210+
<td role="cell" class="nhsuk-table__cell">
211+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Name</span>Philip Wilson
212+
</td>
213+
<td role="cell" class="nhsuk-table__cell">
214+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Matched</span>Yes
215+
</td>
216+
<td role="cell" class="nhsuk-table__cell">
217+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Age</span>69
218+
</td>
219+
<td role="cell" class="nhsuk-table__cell">
220+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">In catchment</span>Yes
221+
</td>
222+
<td role="cell" class="nhsuk-table__cell">
223+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Alerts</span>No alerts
224+
</td>
225+
<td role="cell" class="nhsuk-table__cell">
226+
<a href="#">View details</a>
227+
</td>
228+
</tr>
229+
<tr role="row" class="nhsuk-table__row">
230+
<td role="cell" class="nhsuk-table__cell">
231+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Name</span>James Briggs
232+
</td>
233+
<td role="cell" class="nhsuk-table__cell">
234+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Matched</span>Yes
235+
</td>
236+
<td role="cell" class="nhsuk-table__cell">
237+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Age</span>89
238+
</td>
239+
<td role="cell" class="nhsuk-table__cell">
240+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">In catchment</span>Yes
241+
</td>
242+
<td role="cell" class="nhsuk-table__cell">
243+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Alerts</span>No alerts
244+
</td>
245+
<td role="cell" class="nhsuk-table__cell">
246+
<a href="#">View details</a>
247+
</td>
248+
</tr>
249+
250+
<tr role="row" class="nhsuk-table__row">
251+
<td role="cell" class="nhsuk-table__cell">
252+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Name</span>Philip Muggeridge
253+
</td>
254+
<td role="cell" class="nhsuk-table__cell">
255+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Matched</span>Not matched
256+
</td>
257+
<td role="cell" class="nhsuk-table__cell">
258+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Age</span>19
259+
</td>
260+
<td role="cell" class="nhsuk-table__cell">
261+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">In catchment</span>Yes
262+
</td>
263+
<td role="cell" class="nhsuk-table__cell">
264+
<span class="nhsuk-table-responsive__heading" aria-hidden="true">Alerts</span>No alerts
265+
</td>
266+
<td role="cell" class="nhsuk-table__cell">
267+
<a href="#">View details</a>
268+
</td>
269+
</tr>
270+
271+
</tbody>
272+
</table>
273+
274+
<nav class="nhsuk-pagination" role="navigation" aria-label="Pagination">
275+
<ul class="nhsuk-list nhsuk-pagination__list">
276+
<!--<li class="gpreg-pagination-item--previous">
277+
<a class="nhsuk-pagination__link nhsuk-pagination__link--prev" href="#">
278+
<span class="nhsuk-pagination__title">Previous<span class="nhsuk-u-visually-hidden"> page</span></span>
279+
<svg class="nhsuk-icon gpreg-icon--arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
280+
<path d="M10.7 6.3c.4.4.4 1 0 1.4L7.4 11H19a1 1 0 0 1 0 2H7.4l3.3 3.3c.4.4.4 1 0 1.4a1 1 0 0 1-1.4 0l-5-5A1 1 0 0 1 4 12c0-.3.1-.5.3-.7l5-5a1 1 0 0 1 1.4 0Z" />
281+
</svg>
282+
</a>
283+
</li>-->
284+
<li class="gpreg-pagination-item--next">
285+
<a class="nhsuk-pagination__link nhsuk-pagination__link--next" href="reg-table-v2-yes-no-page-2">
286+
<span class="nhsuk-pagination__title">Next<span class="nhsuk-u-visually-hidden"> page</span></span>
287+
<svg class="nhsuk-icon gpreg-icon--arrow-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
288+
<path d="m14.7 6.3 5 5c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3H5a1 1 0 0 1 0-2h11.6l-3.3-3.3a1 1 0 1 1 1.4-1.4Z" />
289+
</svg>
290+
</a>
291+
</li>
292+
</ul>
293+
</nav>
294+
295+
<h2 class="nhsuk-heading-l nhsuk-u-padding-top-6">Support</h2>
296+
<p>For service support, <strong>email <a href="">[email protected]</a></strong> or <br><strong>call 03003035035</strong>. Support is available 24 hours a day, 7 days a week.</p>
297+
298+
</div>
299+
</div>
300+
301+
<style>
302+
.gpreg-pagination-item--previous {
303+
float: left;
304+
margin-right: 32px;
305+
padding-left: 32px;
306+
}
307+
308+
.gpreg-icon--arrow-left {
309+
position: absolute;
310+
top: -2px;
311+
left: -38px;
312+
}
313+
314+
.gpreg-pagination-item--next {
315+
float: left;
316+
}
317+
318+
.gpreg-icon--arrow-right {
319+
position: absolute;
320+
top: -2px;
321+
right: -38px;
322+
}
323+
</style>
324+
325+
326+
327+
{% endblock %}
328+
329+
{% block pageScripts %}
330+
331+
332+
{% endblock %}

0 commit comments

Comments
 (0)