diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/announcements/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/announcements/index.njk index 242a3514a9..a1a708ef55 100644 --- a/packages/govuk-frontend-review/src/views/full-page-examples/announcements/index.njk +++ b/packages/govuk-frontend-review/src/views/full-page-examples/announcements/index.njk @@ -5,6 +5,7 @@ notes: Based on https://www.gov.uk/government/news/strictly-vampires-and-sausage --- {% extends "layouts/full-page-example.njk" %} +{% from "govuk/components/service-navigation/macro.njk" import govukServiceNavigation %} {% from "govuk/components/breadcrumbs/macro.njk" import govukBreadcrumbs %} {% from "govuk/components/inset-text/macro.njk" import govukInsetText %} @@ -12,7 +13,8 @@ notes: Based on https://www.gov.uk/government/news/strictly-vampires-and-sausage {% block pageTitle %}{{ pageTitle }} - GOV.UK{% endblock %} {% block header %} -{{ govukHeader({ +{{ govukHeader({}) }} +{{ govukServiceNavigation({ navigation: [ { href: "#1", diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/companies-you-follow-slot/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/companies-you-follow-slot/index.njk new file mode 100644 index 0000000000..84b6ef088b --- /dev/null +++ b/packages/govuk-frontend-review/src/views/full-page-examples/companies-you-follow-slot/index.njk @@ -0,0 +1,101 @@ +--- +title: Companies you follow +name: Companies you follow (service navigation with slots) +scenario: | + You are a user logged into Companies House WebFiling service, looking at a + list of companies you are following. +notes: Based on Companies House "Find an update company information" service +--- + +{% extends "layouts/full-page-example.njk" %} + +{% from "govuk/components/button/macro.njk" import govukButton %} +{% from "govuk/components/breadcrumbs/macro.njk" import govukBreadcrumbs %} +{% from "govuk/components/header/macro.njk" import govukHeader %} +{% from "govuk/components/service-navigation/macro.njk" import govukServiceNavigation %} +{% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %} + +{% set pageTitle = example.title %} +{% block pageTitle %}{{ pageTitle }} - GOV.UK{% endblock %} + +{% block head %} + {{ super() }} + +{% endblock %} + +{% set signOutButton %} +
  • + {{ govukButton({ + type: "button", + classes: "govuk-button--inverse", + text: "Sign out" + }) }} +
  • +{% endset %} + +{% block header %} + {{ govukHeader({ + classes: "govuk-header--full-width-border", + serviceName: "Find and update company information", + serviceUrl: "#0" + }) }} + {{ govukServiceNavigation({ + classes: "app-service-navigation", + navigation: [ + { + href: '#1', + text: 'Search the register' + }, + { + href: '#2', + text: 'Your details' + }, + { + href: '#3', + text: 'Your filings' + }, + { + href: '#4', + text: 'Companies you follow', + current: true + } + ], + slots: { + navigationEnd: signOutButton + } + }) }} +{% endblock %} + +{% block beforeContent %} + {{ govukPhaseBanner({ + tag: { + text: "Alpha" + }, + html: 'This is a new service. Help us improve it and give your feedback by email.' + }) }} + {{ govukBreadcrumbs({ + items: [ + { + text: "Home", + href: "#0" + } + ] + }) }} +{% endblock %} + +{% block content %} +

    Companies you follow

    +

    You are not following any companies.

    +{% endblock %} diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/companies-you-follow/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/companies-you-follow/index.njk new file mode 100644 index 0000000000..8723b2a921 --- /dev/null +++ b/packages/govuk-frontend-review/src/views/full-page-examples/companies-you-follow/index.njk @@ -0,0 +1,71 @@ +--- +title: Companies you follow +name: Companies you follow (service navigation with service name) +scenario: | + You are a user logged into Companies House WebFiling service, looking at a + list of companies you are following. +notes: Based on Companies House "Find an update company information" service +--- + +{% extends "layouts/full-page-example.njk" %} + +{% from "govuk/components/button/macro.njk" import govukButton %} +{% from "govuk/components/breadcrumbs/macro.njk" import govukBreadcrumbs %} +{% from "govuk/components/header/macro.njk" import govukHeader %} +{% from "govuk/components/service-navigation/macro.njk" import govukServiceNavigation %} +{% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %} + +{% set pageTitle = example.title %} +{% block pageTitle %}{{ pageTitle }} - GOV.UK{% endblock %} + +{% block header %} + {{ govukHeader({ + classes: "govuk-header--full-width-border" + }) }} + {{ govukServiceNavigation({ + classes: "app-service-navigation", + serviceName: "Find company information", + serviceUrl: "#0", + navigation: [ + { + href: '#1', + text: 'Search the register' + }, + { + href: '#2', + text: 'Your details' + }, + { + href: '#3', + text: 'Your filings' + }, + { + href: '#4', + text: 'Companies you follow', + current: true + } + ] + }) }} +{% endblock %} + +{% block beforeContent %} + {{ govukPhaseBanner({ + tag: { + text: "Alpha" + }, + html: 'This is a new service. Help us improve it and give your feedback by email.' + }) }} + {{ govukBreadcrumbs({ + items: [ + { + text: "Home", + href: "#0" + } + ] + }) }} +{% endblock %} + +{% block content %} +

    Companies you follow

    +

    You are not following any companies.

    +{% 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 index e3e2b4d8f6..6612671c5e 100644 --- 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 @@ -25,18 +25,7 @@ scenario: | {% block header %} {{ govukHeader({ - serviceName: "Apply for a passport", - navigation: [ - { - href: "/", - text: "Home" - }, - { - href: "#upload-a-photo", - text: "Upload a photo", - active: true - } - ] + serviceName: "Apply for a passport" }) }} {% endblock %}