Update examples

alphagov · Jun 19, 2024 · 70f4aa6 · 70f4aa6
1 parent 55b5653
commit 70f4aa6
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 33 deletions.
diff --git a/packages/govuk-frontend-review/src/views/examples/template-custom/index.njk b/packages/govuk-frontend-review/src/views/examples/template-custom/index.njk
@@ -51,12 +51,14 @@
  containerClasses: "app-width-container--wide"
  }) }}
 
- {{ govukPhaseBanner({
- tag: {
- text: "Alpha"
- },
- html: 'C\'est un nouveau service - vos <a class="govuk-link" href="#">commentaires</a> nous aideront à l\'améliorer.'
- }) }}
+ {% set phaseBanner %}
+ {{ govukPhaseBanner({
+ tag: {
+ text: "Alpha"
+ },
+ html: 'C\'est un nouveau service - vos <a class="govuk-link" href="#">commentaires</a> nous aideront à l\'améliorer.'
+ }) }}
+ {% endset %}
 
  {{ govukServiceHeader({
  serviceName: "Nom du service",
@@ -74,7 +76,10 @@
  href: '#3',
  text: 'Élément de navigation 3'
  }
- ]
+ ],
+ slots: {
+ end: phaseBanner
+ }
  }) }}
  <!-- endblock:header -->
 {% endblock %}

diff --git a/...s/govuk-frontend-review/src/views/full-page-examples/manage-company-information/index.njk b/...s/govuk-frontend-review/src/views/full-page-examples/manage-company-information/index.njk
@@ -95,10 +95,12 @@ notes: Based on elements of Companies Houses company information view
 
 {% block header %}
  {{ govukHeader() }}
- {{ govukPhaseBanner({
- tag: { text: 'Alpha' },
- html: 'This is a new service – your <a class="govuk-link" href="#">feedback</a> will help us to improve it.'
- }) }}
+ {% set phaseBanner %}
+ {{ govukPhaseBanner({
+ tag: { text: 'Alpha' },
+ html: 'This is a new service – your <a class="govuk-link" href="#">feedback</a> will help us to improve it.'
+ }) }}
+ {% endset %}
  {{ govukServiceHeader({
  serviceName: 'Manage company information',
  serviceUrl: '#/',
@@ -108,7 +110,10 @@ notes: Based on elements of Companies Houses company information view
  { href: '#/3', text: 'People', active: true },
  { href: '#/4', text: 'Registers' },
  { href: '#/4', text: 'More' }
- ]
+ ],
+ slots: {
+ end: phaseBanner
+ }
  }) }}
 {% endblock %}
 

diff --git a/...es/govuk-frontend-review/src/views/full-page-examples/upload-your-photo-success/index.njk b/...es/govuk-frontend-review/src/views/full-page-examples/upload-your-photo-success/index.njk
@@ -24,14 +24,19 @@ scenario: |
 
 {% block header %}
  {{ super() }}
- {{ govukPhaseBanner({
- tag: {
- text: "Beta"
- },
- html: 'This is a new service – your <a class="govuk-link" href="#">feedback</a> will help us to improve it.'
- }) }}
+ {% set phaseBanner %}
+ {{ govukPhaseBanner({
+ tag: {
+ text: "Beta"
+ },
+ html: 'This is a new service – your <a class="govuk-link" href="#">feedback</a> will help us to improve it.'
+ }) }}
+ {% endset %}
  {{ govukServiceHeader({
- serviceName: "Apply for a passport"
+ serviceName: "Apply for a passport",
+ slots: {
+ end: phaseBanner
+ }
  }) }}
 {% endblock %}
 

diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/confirm.njk b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/confirm.njk
@@ -1,19 +1,22 @@
 {% extends "layouts/full-page-example.njk" %}
 
 {% from "govuk/components/panel/macro.njk" import govukPanel %}
+{% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %}
 {% from "govuk/components/service-header/macro.njk" import govukServiceHeader %}
 
 {% set pageTitle = "Photo submitted" %}
 {% block pageTitle %}{{ pageTitle }} - GOV.UK{% endblock %}
 
 {% block header %}
  {{ super() }}
- {{ govukPhaseBanner({
- tag: {
- text: "Beta"
- },
- html: 'This is a new service – your <a class="govuk-link" href="#">feedback</a> will help us to improve it.'
- }) }}
+ {% set phaseBanner %}
+ {{ govukPhaseBanner({
+ tag: {
+ text: "Beta"
+ },
+ html: 'This is a new service – your <a class="govuk-link" href="#">feedback</a> will help us to improve it.'
+ }) }}
+ {% endset %}
  {{ govukServiceHeader({
  serviceName: "Apply for a passport",
  navigation: [
@@ -26,7 +29,10 @@
  text: "Upload a photo",
  active: true
  }
- ]
+ ],
+ slots: {
+ end: phaseBanner
+ }
  }) }}
 {% endblock %}
 

diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/index.njk
@@ -26,12 +26,14 @@ scenario: |
 
 {% block header %}
  {{ super() }}
- {{ govukPhaseBanner({
- tag: {
- text: "Beta"
- },
- html: 'This is a new service – your <a class="govuk-link" href="#">feedback</a> will help us to improve it.'
- }) }}
+ {% set phaseBanner %}
+ {{ govukPhaseBanner({
+ tag: {
+ text: "Beta"
+ },
+ html: 'This is a new service – your <a class="govuk-link" href="#">feedback</a> will help us to improve it.'
+ }) }}
+ {% endset %}
  {{ govukServiceHeader({
  serviceName: "Apply for a passport",
  navigation: [
@@ -44,7 +46,10 @@ scenario: |
  text: "Upload a photo",
  active: true
  }
- ]
+ ],
+ slots: {
+ end: phaseBanner
+ }
  }) }}
 {% endblock %}