Skip to content

Commit 081056c

Browse files
ankur-jain-nhsankur-jain-nhs
committed
VIA-601 AJ/MD Add static service-failure page
1 parent d3f3035 commit 081056c

File tree

3 files changed

+118
-1
lines changed

3 files changed

+118
-1
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,7 @@ certificates
113113

114114
# Locally built artifact for developer workspace Terraform deploys
115115
lambda.zip
116+
/public/assets/static/*.css
116117

117118
# Pact file
118119
/pact/

‎package.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,8 @@
1111
"scripts": {
1212
"dev": "next dev --turbopack --experimental-https",
1313
"app": "npm run build && npm run start",
14-
"build": "next build",
14+
"build": "next build && npm run build:assets",
15+
"build:assets": "STATIC_FOLDER=public/assets/static; cp public/css/* $STATIC_FOLDER; cp node_modules/nhsapp-frontend/dist/nhsapp*.min.css $STATIC_FOLDER/nhsapp.min.css; cp node_modules/nhsuk-frontend/dist/nhsuk/nhsuk-frontend*.min.css $STATIC_FOLDER/nhsuk-frontend.min.css",
1516
"build:opennext": "npx --yes @opennextjs/[email protected] build --streaming",
1617
"build:lambda": "node esbuild.config.mjs",
1718
"start": "next start",

‎public/assets/static/service-failure.html‎

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<html lang="en">
2+
<head>
3+
<title>There is a problem with the service - Check and book vaccinations - NHS</title>
4+
<meta charSet="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
6+
7+
<link rel="icon" href="/assets/images/favicon.ico" sizes="48x48" />
8+
<link rel="icon" href="/assets/images/favicon.svg" sizes="any" type="image/svg+xml" />
9+
<link rel="mask-icon" href="/assets/images/nhsuk-icon-mask.svg" color="#005eb8" />
10+
<link rel="apple-touch-icon" href="/assets/images/nhsuk-icon-180.png" />
11+
<link rel="manifest" href="/assets/manifest.json" />
12+
<link rel="stylesheet" type="text/css" href="/assets/static/app.css" />
13+
<link rel="stylesheet" type="text/css" href="/assets/static/nhsapp.min.css" />
14+
<link rel="stylesheet" type="text/css" href="/assets/static/nhsuk-frontend.min.css" />
15+
16+
<script type="application/javascript" src="https://www.nhsapp.service.nhs.uk/js/v2/nhsapp.js" async></script>
17+
</head>
18+
19+
<body>
20+
<script id="nhsuk-frontend-js-supported-script">
21+
document.body.className += " js-enabled" + ("noModule" in HTMLScriptElement.prototype ? " nhsuk-frontend-supported" : "");
22+
</script>
23+
24+
<noscript>
25+
<style>#maincontent { display: none !important; }</style>
26+
</noscript>
27+
28+
<div id="app-root" class="appLayout">
29+
<a class="nhsuk-skip-link" href="#maincontent" data-testid="skip-link">Skip to main content</a>
30+
31+
<header class="nhsuk-header" role="banner" data-module="nhsuk-header">
32+
<div class="nhsuk-header__container nhsuk-width-container">
33+
<div class="nhsuk-header__service">
34+
<a class="nhsuk-header__service-logo" href="/check-and-book-vaccinations" aria-label="Check and book vaccinations homepage">
35+
<svg class="nhsuk-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 80" height="40"
36+
width="100" focusable="false" role="img" aria-label="NHS">
37+
<title>NHS</title>
38+
<path fill="currentcolor"
39+
d="M200 0v80H0V0h200Zm-27.5 5.5c-14.5 0-29 5-29 22 0 10.2 7.7 13.5 14.7 16.3l.7.3c5.4 2 10.1 3.9 10.1 8.4 0 6.5-8.5 7.5-14 7.5s-12.5-1.5-16-3.5L135 70c5.5 2 13.5 3.5 20 3.5 15.5 0 32-4.5 32-22.5 0-19.5-25.5-16.5-25.5-25.5 0-5.5 5.5-6.5 12.5-6.5a35 35 0 0 1 14.5 3l4-13.5c-4.5-2-12-3-20-3Zm-131 2h-22l-14 65H22l9-45h.5l13.5 45h21.5l14-65H64l-9 45h-.5l-13-45Zm63 0h-18l-13 65h17l6-28H117l-5.5 28H129l13.5-65H125L119.5 32h-20l5-24.5Z" />
40+
</svg>
41+
<span class="nhsuk-header__service-name">Check and book vaccinations</span>
42+
</a>
43+
</div>
44+
</div>
45+
</header>
46+
47+
<div class="nhsuk-width-container">
48+
<a class="nhsuk-back-link" href="#">Back</a>
49+
50+
<noscript>
51+
<main class="nhsuk-main-wrapper nhsuk-main-wrapper--s" id="maincontent-noscript">
52+
<div class="nhsuk-grid-row">
53+
<div class="nhsuk-grid-column-full">
54+
<h1 class="nhsuk-heading-xl nhsuk-u-margin-bottom-5">Cannot show page</h1>
55+
<p>You need to turn on JavaScript to access NHS App services in your browser.</p>
56+
<p>
57+
<a
58+
href="https://www.nhs.uk/nhs-app/nhs-app-help-and-support/nhs-app-technical-information/technical-issues-with-the-nhs-app/"
59+
target="_blank"
60+
rel="noopener"
61+
>
62+
How to turn on JavaScript
63+
</a>
64+
</p>
65+
</div>
66+
</div>
67+
</main>
68+
</noscript>
69+
70+
<main class="nhsuk-main-wrapper nhsuk-main-wrapper--s" id="maincontent">
71+
<div class="nhsuk-grid-row">
72+
<div class="nhsuk-grid-column-full">
73+
<h1 class="nhsuk-heading-xl nhsuk-u-margin-bottom-5">There is a problem with the service</h1>
74+
<p>This may be a temporary problem.</p>
75+
<p>
76+
Go back and try logging in again. If you cannot log in, try again later.
77+
</p>
78+
<p>
79+
For urgent medical advice, go to <a href="https://111.nhs.uk/" target="_blank" rel="noopener">111.nhs.uk</a> or call 111.
80+
</p>
81+
</div>
82+
</div>
83+
</main>
84+
</div>
85+
86+
<footer class="nhsuk-footer" role="contentinfo">
87+
<div class="nhsuk-width-container">
88+
<div class="nhsuk-footer__meta">
89+
<h2 class="nhsuk-u-visually-hidden">Support links</h2>
90+
<ul class="nhsuk-footer__list">
91+
<li class="nhsuk-footer__list-item">
92+
<a class="nhsuk-footer__list-item-link"
93+
href="https://www.nhs.uk/nhs-app/nhs-app-help-and-support/vaccinations/check-and-book-an-rsv-vaccination"
94+
target="_blank" rel="noopener">Help and support</a>
95+
</li>
96+
<li class="nhsuk-footer__list-item">
97+
<a class="nhsuk-footer__list-item-link" href="/our-policies/cookies-policy">Cookies</a>
98+
</li>
99+
<li class="nhsuk-footer__list-item">
100+
<a class="nhsuk-footer__list-item-link"
101+
href="https://www.england.nhs.uk/contact-us/privacy-notice/national-flu-vaccination-programme/"
102+
target="_blank" rel="noopener">Privacy policy</a>
103+
</li>
104+
<li class="nhsuk-footer__list-item">
105+
<a class="nhsuk-footer__list-item-link" href="/our-policies/accessibility">Accessibility statement</a>
106+
</li>
107+
</ul>
108+
109+
<p class="nhsuk-body-s">© NHS England</p>
110+
</div>
111+
</div>
112+
</footer>
113+
</div>
114+
</body>
115+
</html>

0 commit comments

Comments
 (0)