mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-06 01:18:24 -04:00
commit uk build-time vendor info and freeze it
This commit is contained in:
3
app/templates/vendor/govuk-frontend/components/back-link/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/back-link/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukBackLink(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
2
app/templates/vendor/govuk-frontend/components/back-link/template.njk
vendored
Normal file
2
app/templates/vendor/govuk-frontend/components/back-link/template.njk
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
<a href="{%- if params.href %}{{ params.href }}{% else %}#{% endif -%}" class="govuk-back-link{%- if params.classes %} {{ params.classes }}{% endif -%}"
|
||||
{%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>{{ (params.html | safe if params.html else (params.text if params.text else 'Back')) }}</a>
|
||||
3
app/templates/vendor/govuk-frontend/components/button/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/button/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukButton(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
35
app/templates/vendor/govuk-frontend/components/button/template.njk
vendored
Normal file
35
app/templates/vendor/govuk-frontend/components/button/template.njk
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
{# Determine type of element to use, if not explicitly set -#}
|
||||
|
||||
{% if params.element %}
|
||||
{% set element = params.element | lower %}
|
||||
{% else %}
|
||||
{% if params.href %}
|
||||
{% set element = 'a' %}
|
||||
{% else %}
|
||||
{% set element = 'button' %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{#- Define common attributes that we can use across all element types #}
|
||||
|
||||
{%- set commonAttributes %} class="govuk-button{% if params.classes %} {{ params.classes }}{% endif %}{% if params.disabled %} govuk-button--disabled{% endif %}"{% for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}{% endset %}
|
||||
|
||||
{#- Define common attributes we can use for both button and input types #}
|
||||
|
||||
{%- set buttonAttributes %}{% if params.name %} name="{{ params.name }}"{% endif %} type="{{ params.type if params.type else 'submit' }}"{% if params.disabled %} disabled="disabled" aria-disabled="true"{% endif %}{% if params.preventDoubleClick %} data-prevent-double-click="true"{% endif %}{% endset %}
|
||||
|
||||
{#- Actually create a button... or a link! #}
|
||||
|
||||
{%- if element == 'a' %}
|
||||
<a href="{{ params.href if params.href else '#' }}" role="button" draggable="false" {{- commonAttributes | safe }}>
|
||||
{{ params.html | safe if params.html else params.text }}
|
||||
</a>
|
||||
|
||||
{%- elseif element == 'button' %}
|
||||
<button {%- if params.value %} value="{{ params.value }}"{% endif %} {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
|
||||
{{ params.html | safe if params.html else params.text }}
|
||||
</button>
|
||||
|
||||
{%- elseif element == 'input' %}
|
||||
<input value="{{ params.text }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
|
||||
{%- endif %}
|
||||
3
app/templates/vendor/govuk-frontend/components/checkboxes/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/checkboxes/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukCheckboxes(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
109
app/templates/vendor/govuk-frontend/components/checkboxes/template.njk
vendored
Normal file
109
app/templates/vendor/govuk-frontend/components/checkboxes/template.njk
vendored
Normal file
@@ -0,0 +1,109 @@
|
||||
{% from "../error-message/macro.njk" import govukErrorMessage -%}
|
||||
{% from "../fieldset/macro.njk" import govukFieldset %}
|
||||
{% from "../hint/macro.njk" import govukHint %}
|
||||
{% from "../label/macro.njk" import govukLabel %}
|
||||
|
||||
{#- If an id 'prefix' is not passed, fall back to using the name attribute
|
||||
instead. We need this for error messages and hints as well -#}
|
||||
{% set idPrefix = params.idPrefix if params.idPrefix else params.name %}
|
||||
|
||||
{#- a record of other elements that we need to associate with the input using
|
||||
aria-describedby – for example hints or error messages -#}
|
||||
{% set describedBy = params.describedBy if params.describedBy else "" %}
|
||||
{% if params.fieldset.describedBy %}
|
||||
{% set describedBy = params.fieldset.describedBy %}
|
||||
{% endif %}
|
||||
|
||||
{% set isConditional = false %}
|
||||
{% for item in params.items %}
|
||||
{% if item.conditional %}
|
||||
{% set isConditional = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{#- fieldset is false by default -#}
|
||||
{% set hasFieldset = true if params.fieldset else false %}
|
||||
|
||||
{#- Capture the HTML so we can optionally nest it in a fieldset -#}
|
||||
{% set innerHtml %}
|
||||
{% if params.hint %}
|
||||
{% set hintId = idPrefix + '-hint' %}
|
||||
{% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
|
||||
{{ govukHint({
|
||||
id: hintId,
|
||||
classes: params.hint.classes,
|
||||
attributes: params.hint.attributes,
|
||||
html: params.hint.html,
|
||||
text: params.hint.text
|
||||
}) | indent(2) | trim }}
|
||||
{% endif %}
|
||||
{% if params.errorMessage %}
|
||||
{% set errorId = idPrefix + '-error' %}
|
||||
{% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
|
||||
{{ govukErrorMessage({
|
||||
id: errorId,
|
||||
classes: params.errorMessage.classes,
|
||||
attributes: params.errorMessage.attributes,
|
||||
html: params.errorMessage.html,
|
||||
text: params.errorMessage.text,
|
||||
visuallyHiddenText: params.errorMessage.visuallyHiddenText
|
||||
}) | indent(2) | trim }}
|
||||
{% endif %}
|
||||
<div class="govuk-checkboxes {%- if params.classes %} {{ params.classes }}{% endif %}"
|
||||
{%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}
|
||||
{%- if isConditional %} data-module="checkboxes"{% endif -%}>
|
||||
{% for item in params.items %}
|
||||
{% set id = item.id if item.id else idPrefix + "-" + loop.index %}
|
||||
{% set name = item.name if item.name else params.name %}
|
||||
{% set conditionalId = "conditional-" + id %}
|
||||
{% set hasHint = true if item.hint.text or item.hint.html %}
|
||||
{% set itemHintId = id + "-item-hint" if hasHint else "" %}
|
||||
{% set itemDescribedBy = describedBy if not hasFieldset else "" %}
|
||||
{% set itemDescribedBy = (itemDescribedBy + " " + itemHintId) | trim %}
|
||||
<div class="govuk-checkboxes__item">
|
||||
<input class="govuk-checkboxes__input" id="{{ id }}" name="{{ name }}" type="checkbox" value="{{ item.value }}"
|
||||
{{-" checked" if item.checked }}
|
||||
{{-" disabled" if item.disabled }}
|
||||
{%- if item.conditional %} data-aria-controls="{{ conditionalId }}"{% endif -%}
|
||||
{%- if itemDescribedBy %} aria-describedby="{{ itemDescribedBy }}"{% endif -%}
|
||||
{%- for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
|
||||
{{ govukLabel({
|
||||
html: item.html,
|
||||
text: item.text,
|
||||
classes: 'govuk-checkboxes__label' + (' ' + item.label.classes if item.label.classes),
|
||||
attributes: item.label.attributes,
|
||||
for: id
|
||||
}) | indent(6) | trim }}
|
||||
{%- if hasHint %}
|
||||
{{ govukHint({
|
||||
id: itemHintId,
|
||||
classes: 'govuk-checkboxes__hint',
|
||||
attributes: item.hint.attributes,
|
||||
html: item.hint.html,
|
||||
text: item.hint.text
|
||||
}) | indent(6) | trim }}
|
||||
{%- endif %}
|
||||
</div>
|
||||
{% if item.conditional %}
|
||||
<div class="govuk-checkboxes__conditional{% if not item.checked %} govuk-checkboxes__conditional--hidden{% endif %}" id="{{ conditionalId }}">
|
||||
{{ item.conditional.html | safe }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endset -%}
|
||||
|
||||
<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}">
|
||||
{% if params.fieldset %}
|
||||
{% call govukFieldset({
|
||||
describedBy: describedBy,
|
||||
classes: params.fieldset.classes,
|
||||
attributes: params.fieldset.attributes,
|
||||
legend: params.fieldset.legend
|
||||
}) %}
|
||||
{{ innerHtml | trim | safe }}
|
||||
{% endcall %}
|
||||
{% else %}
|
||||
{{ innerHtml | trim | safe }}
|
||||
{% endif %}
|
||||
</div>
|
||||
3
app/templates/vendor/govuk-frontend/components/details/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/details/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukDetails(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
10
app/templates/vendor/govuk-frontend/components/details/template.njk
vendored
Normal file
10
app/templates/vendor/govuk-frontend/components/details/template.njk
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
<details {%- if params.id %} id="{{params.id}}"{% endif %} class="govuk-details {%- if params.classes %} {{ params.classes }}{% endif %}" {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %} {{- " open" if params.open }}>
|
||||
<summary class="govuk-details__summary">
|
||||
<span class="govuk-details__summary-text">
|
||||
{{ params.summaryHtml | safe if params.summaryHtml else params.summaryText }}
|
||||
</span>
|
||||
</summary>
|
||||
<div class="govuk-details__text">
|
||||
{{ params.html | safe if params.html else params.text }}
|
||||
</div>
|
||||
</details>
|
||||
3
app/templates/vendor/govuk-frontend/components/error-message/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/error-message/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukErrorMessage(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
6
app/templates/vendor/govuk-frontend/components/error-message/template.njk
vendored
Normal file
6
app/templates/vendor/govuk-frontend/components/error-message/template.njk
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{% set visuallyHiddenText = params.visuallyHiddenText | default("Error") -%}
|
||||
|
||||
<span {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-error-message{%- if params.classes %} {{ params.classes }}{% endif %}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
|
||||
{% if visuallyHiddenText %}<span class="govuk-visually-hidden">{{ visuallyHiddenText }}:</span> {% endif -%}
|
||||
{{ params.html | safe if params.html else params.text }}
|
||||
</span>
|
||||
3
app/templates/vendor/govuk-frontend/components/fieldset/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/fieldset/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukFieldset(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
17
app/templates/vendor/govuk-frontend/components/fieldset/template.njk
vendored
Normal file
17
app/templates/vendor/govuk-frontend/components/fieldset/template.njk
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
<fieldset class="govuk-fieldset
|
||||
{%- if params.classes %} {{ params.classes }}{% endif %}"
|
||||
{%- if params.describedBy %} aria-describedby="{{ params.describedBy }}"{% endif %}
|
||||
{%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
|
||||
{% if params.legend.html or params.legend.text %}
|
||||
<legend class="govuk-fieldset__legend {%- if params.legend.classes %} {{ params.legend.classes }}{% endif %}">
|
||||
{% if params.legend.isPageHeading %}
|
||||
<h1 class="govuk-fieldset__heading">
|
||||
{{ params.legend.html | safe if params.legend.html else params.legend.text }}
|
||||
</h1>
|
||||
{% else %}
|
||||
{{ params.legend.html | safe if params.legend.html else params.legend.text }}
|
||||
{% endif %}
|
||||
</legend>
|
||||
{% endif %}
|
||||
{{ caller() if caller }} {#- if statement allows usage of `call` to be optional -#}
|
||||
</fieldset>
|
||||
3
app/templates/vendor/govuk-frontend/components/footer/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/footer/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukFooter(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
87
app/templates/vendor/govuk-frontend/components/footer/template.njk
vendored
Normal file
87
app/templates/vendor/govuk-frontend/components/footer/template.njk
vendored
Normal file
@@ -0,0 +1,87 @@
|
||||
<footer class="govuk-footer {{ params.classes if params.classes }}" role="contentinfo"
|
||||
{%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
||||
<div class="govuk-width-container {{ params.containerClasses if params.containerClasses }}">
|
||||
{% if params.navigation %}
|
||||
<div class="govuk-footer__navigation">
|
||||
{% for nav in params.navigation %}
|
||||
<div class="govuk-footer__section">
|
||||
<h2 class="govuk-footer__heading govuk-heading-m">{{ nav.title }}</h2>
|
||||
{% if nav.items %}
|
||||
{% set listClasses %}
|
||||
{% if nav.columns %}
|
||||
govuk-footer__list--columns-{{ nav.columns }}
|
||||
{% endif %}
|
||||
{% endset %}
|
||||
<ul class="govuk-footer__list {{ listClasses | trim }}">
|
||||
{% for item in nav.items %}
|
||||
{% if item.href and item.text %}
|
||||
<li class="govuk-footer__list-item">
|
||||
<a class="govuk-footer__link" href="{{ item.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
||||
{{ item.text }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<hr class="govuk-footer__section-break">
|
||||
{% endif %}
|
||||
<div class="govuk-footer__meta">
|
||||
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
|
||||
{% if params.meta %}
|
||||
<h2 class="govuk-visually-hidden">{{ params.meta.visuallyHiddenTitle | default("Support links") }}</h2>
|
||||
{% if params.meta.items %}
|
||||
<ul class="govuk-footer__inline-list">
|
||||
{% for item in params.meta.items %}
|
||||
<li class="govuk-footer__inline-list-item">
|
||||
<a class="govuk-footer__link" href="{{ item.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
||||
{{ item.text }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% if params.meta.text or params.meta.html %}
|
||||
<div class="govuk-footer__meta-custom">
|
||||
{{ params.meta.html | safe if params.meta.html else params.meta.text }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{#- The SVG needs `focusable="false"` so that Internet Explorer does not
|
||||
treat it as an interactive element - without this it will be
|
||||
'focusable' when using the keyboard to navigate. #}
|
||||
<svg
|
||||
role="presentation"
|
||||
focusable="false"
|
||||
class="govuk-footer__licence-logo"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 483.2 195.7"
|
||||
height="17"
|
||||
width="41"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
|
||||
/>
|
||||
</svg>
|
||||
<span class="govuk-footer__licence-description">
|
||||
All content is available under the
|
||||
<a
|
||||
class="govuk-footer__link"
|
||||
href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
|
||||
rel="license"
|
||||
>Open Government Licence v3.0</a>, except where otherwise stated
|
||||
</span>
|
||||
</div>
|
||||
<div class="govuk-footer__meta-item">
|
||||
<a
|
||||
class="govuk-footer__link govuk-footer__copyright-logo"
|
||||
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
|
||||
>© Crown copyright</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
3
app/templates/vendor/govuk-frontend/components/header/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/header/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukHeader(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
86
app/templates/vendor/govuk-frontend/components/header/template.njk
vendored
Normal file
86
app/templates/vendor/govuk-frontend/components/header/template.njk
vendored
Normal file
@@ -0,0 +1,86 @@
|
||||
<header class="govuk-header {{ params.classes if params.classes }}" role="banner" data-module="header"
|
||||
{%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
||||
<div class="govuk-header__container {{ params.containerClasses | default('govuk-width-container') }}">
|
||||
|
||||
<div class="govuk-header__logo">
|
||||
<a href="{{ params.homepageUrl | default('/') }}" class="govuk-header__link govuk-header__link--homepage">
|
||||
<span class="govuk-header__logotype">
|
||||
{# We use an inline SVG for the crown so that we can cascade the
|
||||
currentColor into the crown whilst continuing to support older browsers
|
||||
which do not support external SVGs without a Javascript polyfill. This
|
||||
adds approximately 1kb to every page load.
|
||||
|
||||
We use currentColour so that we can easily invert it when printing and
|
||||
when the focus state is applied. This also benefits users who override
|
||||
colours in their browser as they will still see the crown.
|
||||
|
||||
The SVG needs `focusable="false"` so that Internet Explorer does not
|
||||
treat it as an interactive element - without this it will be
|
||||
'focusable' when using the keyboard to navigate. #}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="18"
|
||||
viewBox="0 0 7410 3900">
|
||||
<rect width="7410" height="3900" fill="#b22234" />
|
||||
<path d="M0,450H7410m0,600H0m0,600H7410m0,600H0m0,600H7410m0,600H0" stroke="#fff" stroke-width="300" />
|
||||
<rect width="2964" height="2100" fill="#3c3b6e" />
|
||||
<g fill="#fff">
|
||||
<g id="s18">
|
||||
<g id="s9">
|
||||
<g id="s5">
|
||||
<g id="s4">
|
||||
<path id="s"
|
||||
d="M247,90 317.534230,307.082039 132.873218,172.917961H361.126782L176.465770,307.082039z" />
|
||||
<use xlink:href="#s" y="420" />
|
||||
<use xlink:href="#s" y="840" />
|
||||
<use xlink:href="#s" y="1260" />
|
||||
</g>
|
||||
<use xlink:href="#s" y="1680" />
|
||||
</g>
|
||||
<use xlink:href="#s4" x="247" y="210" />
|
||||
</g>
|
||||
<use xlink:href="#s9" x="494" />
|
||||
</g>
|
||||
<use xlink:href="#s18" x="988" />
|
||||
<use xlink:href="#s9" x="1976" />
|
||||
<use xlink:href="#s5" x="2470" />
|
||||
</g>
|
||||
</svg>
|
||||
<span class="govuk-header__logotype-text">
|
||||
US
|
||||
</span>
|
||||
</span>
|
||||
{% if (params.productName) %}
|
||||
<span class="govuk-header__product-name">
|
||||
{{ params.productName }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
{% if params.serviceName or params.navigation %}
|
||||
<div class="govuk-header__content">
|
||||
|
||||
{% if params.serviceName %}
|
||||
<a href="{{ params.serviceUrl }}" class="govuk-header__link govuk-header__link--service-name">
|
||||
{{ params.serviceName }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
{% if params.navigation %}
|
||||
<button type="button" role="button" class="govuk-header__menu-button js-header-toggle" aria-controls="navigation" aria-label="Show or hide Top Level Navigation">Menu</button>
|
||||
<nav>
|
||||
<ul id="navigation" class="govuk-header__navigation {{ params.navigationClasses if params.navigationClasses }}" aria-label="Top Level Navigation">
|
||||
{% for item in params.navigation %}
|
||||
{% if item.href and item.text %}
|
||||
<li class="govuk-header__navigation-item{{ ' govuk-header__navigation-item--active' if item.active }}">
|
||||
<a class="govuk-header__link" href="{{ item.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
||||
{{ item.text }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
3
app/templates/vendor/govuk-frontend/components/hint/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/hint/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukHint(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
4
app/templates/vendor/govuk-frontend/components/hint/template.njk
vendored
Normal file
4
app/templates/vendor/govuk-frontend/components/hint/template.njk
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
<span {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-hint {%- if params.classes %} {{ params.classes }}{% endif %}"
|
||||
{%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
||||
{{ params.html | safe if params.html else params.text }}
|
||||
</span>
|
||||
3
app/templates/vendor/govuk-frontend/components/input/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/input/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukInput(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
46
app/templates/vendor/govuk-frontend/components/input/template.njk
vendored
Normal file
46
app/templates/vendor/govuk-frontend/components/input/template.njk
vendored
Normal file
@@ -0,0 +1,46 @@
|
||||
{% from "../error-message/macro.njk" import govukErrorMessage -%}
|
||||
{% from "../hint/macro.njk" import govukHint %}
|
||||
{% from "../label/macro.njk" import govukLabel %}
|
||||
|
||||
{#- a record of other elements that we need to associate with the input using
|
||||
aria-describedby – for example hints or error messages -#}
|
||||
{% set describedBy = params.describedBy if params.describedBy else "" %}
|
||||
<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}">
|
||||
{{ govukLabel({
|
||||
html: params.label.html,
|
||||
text: params.label.text,
|
||||
classes: params.label.classes,
|
||||
isPageHeading: params.label.isPageHeading,
|
||||
attributes: params.label.attributes,
|
||||
for: params.id
|
||||
}) | indent(2) | trim }}
|
||||
{% if params.hint %}
|
||||
{% set hintId = params.id + '-hint' %}
|
||||
{% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
|
||||
{{ govukHint({
|
||||
id: hintId,
|
||||
classes: params.hint.classes,
|
||||
attributes: params.hint.attributes,
|
||||
html: params.hint.html,
|
||||
text: params.hint.text
|
||||
}) | indent(2) | trim }}
|
||||
{% endif %}
|
||||
{% if params.errorMessage %}
|
||||
{% set errorId = params.id + '-error' %}
|
||||
{% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
|
||||
{{ govukErrorMessage({
|
||||
id: errorId,
|
||||
classes: params.errorMessage.classes,
|
||||
attributes: params.errorMessage.attributes,
|
||||
html: params.errorMessage.html,
|
||||
text: params.errorMessage.text,
|
||||
visuallyHiddenText: params.errorMessage.visuallyHiddenText
|
||||
}) | indent(2) | trim }}
|
||||
{% endif %}
|
||||
<input class="govuk-input {%- if params.classes %} {{ params.classes }}{% endif %} {%- if params.errorMessage %} govuk-input--error{% endif %}" id="{{ params.id }}" name="{{ params.name }}" type="{{ params.type | default('text') }}"
|
||||
{%- if params.value %} value="{{ params.value}}"{% endif %}
|
||||
{%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
|
||||
{%- if params.autocomplete %} autocomplete="{{ params.autocomplete}}"{% endif %}
|
||||
{%- if params.pattern %} pattern="{{ params.pattern }}"{% endif %}
|
||||
{%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
|
||||
</div>
|
||||
3
app/templates/vendor/govuk-frontend/components/inset-text/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/inset-text/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukInsetText(params) %}
|
||||
{%- include './template.njk' -%}
|
||||
{% endmacro %}
|
||||
4
app/templates/vendor/govuk-frontend/components/inset-text/template.njk
vendored
Normal file
4
app/templates/vendor/govuk-frontend/components/inset-text/template.njk
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-inset-text {%- if params.classes %} {{ params.classes }}{% endif %}"
|
||||
{%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
||||
{{ params.html | safe if params.html else params.text }}
|
||||
</div>
|
||||
3
app/templates/vendor/govuk-frontend/components/label/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/label/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukLabel(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
15
app/templates/vendor/govuk-frontend/components/label/template.njk
vendored
Normal file
15
app/templates/vendor/govuk-frontend/components/label/template.njk
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
{% if params.html or params.text %}
|
||||
{% set labelHtml %}
|
||||
<label class="govuk-label{%- if params.classes %} {{ params.classes }}{% endif %}"
|
||||
{%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}
|
||||
{%- if params.for %} for="{{ params.for }}"{% endif %}>
|
||||
{{ params.html | safe if params.html else params.text }}
|
||||
</label>
|
||||
{% endset %}
|
||||
|
||||
{% if params.isPageHeading %}
|
||||
<h1 class="govuk-label-wrapper">{{ labelHtml | safe | indent(2) }}</h1>
|
||||
{% else %}
|
||||
{{ labelHtml | safe }}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
3
app/templates/vendor/govuk-frontend/components/radios/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/radios/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukRadios(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
104
app/templates/vendor/govuk-frontend/components/radios/template.njk
vendored
Normal file
104
app/templates/vendor/govuk-frontend/components/radios/template.njk
vendored
Normal file
@@ -0,0 +1,104 @@
|
||||
{% from "../error-message/macro.njk" import govukErrorMessage -%}
|
||||
{% from "../fieldset/macro.njk" import govukFieldset %}
|
||||
{% from "../hint/macro.njk" import govukHint %}
|
||||
{% from "../label/macro.njk" import govukLabel %}
|
||||
|
||||
{#- If an id 'prefix' is not passed, fall back to using the name attribute
|
||||
instead. We need this for error messages and hints as well -#}
|
||||
{% set idPrefix = params.idPrefix if params.idPrefix else params.name %}
|
||||
|
||||
{#- a record of other elements that we need to associate with the input using
|
||||
aria-describedby – for example hints or error messages -#}
|
||||
{% set describedBy = params.fieldset.describedBy if params.fieldset.describedBy else "" %}
|
||||
|
||||
{% set isConditional = false %}
|
||||
{% for item in params.items %}
|
||||
{% if item.conditional %}
|
||||
{% set isConditional = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{#- Capture the HTML so we can optionally nest it in a fieldset -#}
|
||||
{% set innerHtml %}
|
||||
{% if params.hint %}
|
||||
{% set hintId = idPrefix + '-hint' %}
|
||||
{% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
|
||||
{{ govukHint({
|
||||
id: hintId,
|
||||
classes: params.hint.classes,
|
||||
attributes: params.hint.attributes,
|
||||
html: params.hint.html,
|
||||
text: params.hint.text
|
||||
}) | indent(2) | trim }}
|
||||
{% endif %}
|
||||
{% if params.errorMessage %}
|
||||
{% set errorId = idPrefix + '-error' %}
|
||||
{% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
|
||||
{{ govukErrorMessage({
|
||||
id: errorId,
|
||||
classes: params.errorMessage.classes,
|
||||
attributes: params.errorMessage.attributes,
|
||||
html: params.errorMessage.html,
|
||||
text: params.errorMessage.text,
|
||||
visuallyHiddenText: params.errorMessage.visuallyHiddenText
|
||||
}) | indent(2) | trim }}
|
||||
{% endif %}
|
||||
<div class="govuk-radios {%- if params.classes %} {{ params.classes }}{% endif %}{%- if isConditional %} govuk-radios--conditional{% endif -%}"
|
||||
{%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}
|
||||
{%- if isConditional %} data-module="radios"{% endif -%}>
|
||||
{% for item in params.items %}
|
||||
{% set id = item.id if item.id else idPrefix + "-" + loop.index %}
|
||||
{% set conditionalId = "conditional-" + id %}
|
||||
{%- if item.divider %}
|
||||
<div class="govuk-radios__divider">{{ item.divider }}</div>
|
||||
{%- else %}
|
||||
{% set hasHint = true if item.hint.text or item.hint.html %}
|
||||
{% set itemHintId = id + '-item-hint' %}
|
||||
<div class="govuk-radios__item">
|
||||
<input class="govuk-radios__input" id="{{ id }}" name="{{ params.name }}" type="radio" value="{{ item.value }}"
|
||||
{{-" checked" if item.checked }}
|
||||
{{-" disabled" if item.disabled }}
|
||||
{%- if item.conditional %} data-aria-controls="{{ conditionalId }}"{% endif -%}
|
||||
{%- if hasHint %} aria-describedby="{{ itemHintId }}"{% endif -%}
|
||||
{%- for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
|
||||
{{ govukLabel({
|
||||
html: item.html,
|
||||
text: item.text,
|
||||
classes: 'govuk-radios__label' + (' ' + item.label.classes if item.label.classes),
|
||||
attributes: item.label.attributes,
|
||||
for: id
|
||||
}) | indent(6) | trim }}
|
||||
{%- if hasHint %}
|
||||
{{ govukHint({
|
||||
id: itemHintId,
|
||||
classes: 'govuk-radios__hint',
|
||||
attributes: item.hint.attributes,
|
||||
html: item.hint.html,
|
||||
text: item.hint.text
|
||||
}) | indent(6) | trim }}
|
||||
{%- endif %}
|
||||
</div>
|
||||
{% if item.conditional %}
|
||||
<div class="govuk-radios__conditional{% if not item.checked %} govuk-radios__conditional--hidden{% endif %}" id="{{ conditionalId }}">
|
||||
{{ item.conditional.html | safe }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endset -%}
|
||||
|
||||
<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}">
|
||||
{% if params.fieldset %}
|
||||
{% call govukFieldset({
|
||||
describedBy: describedBy,
|
||||
classes: params.fieldset.classes,
|
||||
attributes: params.fieldset.attributes,
|
||||
legend: params.fieldset.legend
|
||||
}) %}
|
||||
{{ innerHtml | trim | safe }}
|
||||
{% endcall %}
|
||||
{% else %}
|
||||
{{ innerHtml | trim | safe }}
|
||||
{% endif %}
|
||||
</div>
|
||||
3
app/templates/vendor/govuk-frontend/components/skip-link/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/skip-link/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukSkipLink(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
3
app/templates/vendor/govuk-frontend/components/skip-link/template.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/skip-link/template.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
<a href="{{ params.href | default('#content') }}" class="govuk-skip-link{%- if params.classes %} {{ params.classes }}{% endif -%}"{%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
|
||||
{{- params.html | safe if params.html else params.text -}}
|
||||
</a>
|
||||
3
app/templates/vendor/govuk-frontend/components/textarea/macro.njk
vendored
Normal file
3
app/templates/vendor/govuk-frontend/components/textarea/macro.njk
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{% macro govukTextarea(params) %}
|
||||
{%- include "./template.njk" -%}
|
||||
{% endmacro %}
|
||||
44
app/templates/vendor/govuk-frontend/components/textarea/template.njk
vendored
Normal file
44
app/templates/vendor/govuk-frontend/components/textarea/template.njk
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
{% from "../error-message/macro.njk" import govukErrorMessage -%}
|
||||
{% from "../hint/macro.njk" import govukHint %}
|
||||
{% from "../label/macro.njk" import govukLabel %}
|
||||
|
||||
{#- a record of other elements that we need to associate with the input using
|
||||
aria-describedby – for example hints or error messages -#}
|
||||
{% set describedBy = params.describedBy if params.describedBy else "" %}
|
||||
<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}">
|
||||
{{ govukLabel({
|
||||
html: params.label.html,
|
||||
text: params.label.text,
|
||||
classes: params.label.classes,
|
||||
isPageHeading: params.label.isPageHeading,
|
||||
attributes: params.label.attributes,
|
||||
for: params.id
|
||||
}) | indent(2) | trim }}
|
||||
{% if params.hint %}
|
||||
{% set hintId = params.id + '-hint' %}
|
||||
{% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
|
||||
{{ govukHint({
|
||||
id: hintId,
|
||||
classes: params.hint.classes,
|
||||
attributes: params.hint.attributes,
|
||||
html: params.hint.html,
|
||||
text: params.hint.text
|
||||
}) | indent(2) | trim }}
|
||||
{% endif %}
|
||||
{% if params.errorMessage %}
|
||||
{% set errorId = params.id + '-error' %}
|
||||
{% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
|
||||
{{ govukErrorMessage({
|
||||
id: errorId,
|
||||
classes: params.errorMessage.classes,
|
||||
attributes: params.errorMessage.attributes,
|
||||
html: params.errorMessage.html,
|
||||
text: params.errorMessage.text,
|
||||
visuallyHiddenText: params.errorMessage.visuallyHiddenText
|
||||
}) | indent(2) | trim }}
|
||||
{% endif %}
|
||||
<textarea class="govuk-textarea {{- ' govuk-textarea--error' if params.errorMessage }} {{- ' ' + params.classes if params.classes}}" id="{{ params.id }}" name="{{ params.name }}" rows="{%if params.rows %} {{- params.rows -}} {% else %}5{%endif %}"
|
||||
{%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
|
||||
{%- if params.autocomplete %} autocomplete="{{ params.autocomplete}}"{% endif %}
|
||||
{%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>{{ params.value }}</textarea>
|
||||
</div>
|
||||
60
app/templates/vendor/govuk-frontend/template.njk
vendored
Normal file
60
app/templates/vendor/govuk-frontend/template.njk
vendored
Normal file
@@ -0,0 +1,60 @@
|
||||
{% from "./components/skip-link/macro.njk" import govukSkipLink -%}
|
||||
{% from "./components/header/macro.njk" import govukHeader -%}
|
||||
{% from "./components/footer/macro.njk" import govukFooter -%}
|
||||
{# specify absolute url for the static assets folder e.g. http://wwww.domain.com/assets #}
|
||||
{%- set assetUrl = assetUrl | default(assetPath) -%}
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ htmlLang | default('en') }}" class="govuk-template {{ htmlClasses }}">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>{% block pageTitle %}GOV.UK - The best place to find government services and information{% endblock %}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||||
<meta name="theme-color" content="{{ themeColor | default('#0b0c0c') }}" /> {# Hardcoded value of $govuk-black #}
|
||||
{# Ensure that older IE versions always render with the correct rendering engine #}
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
|
||||
{% block headIcons %}
|
||||
<link rel="shortcut icon" sizes="16x16 32x32 48x48" href="{{ assetPath | default('/assets') }}/images/favicon.ico" type="image/x-icon" />
|
||||
<link rel="mask-icon" href="{{ assetPath | default('/assets') }}/images/govuk-mask-icon.svg" color="{{ themeColor | default('#0b0c0c') }}"> {# Hardcoded value of $govuk-black #}
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ assetPath | default('/assets') }}/images/govuk-apple-touch-icon-180x180.png">
|
||||
<link rel="apple-touch-icon" sizes="167x167" href="{{ assetPath | default('/assets') }}/images/govuk-apple-touch-icon-167x167.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="{{ assetPath | default('/assets') }}/images/govuk-apple-touch-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" href="{{ assetPath | default('/assets') }}/images/govuk-apple-touch-icon.png">
|
||||
{% endblock %}
|
||||
|
||||
{% block head %}{% endblock %}
|
||||
{# The default og:image is added below head so that scrapers see any custom metatags first, and this is just a fallback #}
|
||||
{# image url needs to be absolute e.g. http://wwww.domain.com/.../govuk-opengraph-image.png #}
|
||||
<meta property="og:image" content="{{ assetUrl | default('/assets') }}/images/govuk-opengraph-image.png">
|
||||
</head>
|
||||
<body class="govuk-template__body {{ bodyClasses }}">
|
||||
<script>document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>
|
||||
{% block bodyStart %}{% endblock %}
|
||||
|
||||
{% block skipLink %}
|
||||
{{ govukSkipLink({
|
||||
href: '#main-content',
|
||||
text: 'Skip to main content'
|
||||
}) }}
|
||||
{% endblock %}
|
||||
|
||||
{% block header %}
|
||||
{{ govukHeader({}) }}
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<div class="govuk-width-container">
|
||||
{% block beforeContent %}{% endblock %}
|
||||
<main class="govuk-main-wrapper {{ mainClasses }}" id="main-content" role="main">
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block footer %}
|
||||
{{ govukFooter({}) }}
|
||||
{% endblock %}
|
||||
|
||||
{% block bodyEnd %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user