diff --git a/app/app.js b/app/app.js index f0c4a73eba..552fd1581c 100644 --- a/app/app.js +++ b/app/app.js @@ -17,7 +17,8 @@ const appViews = [ configPaths.layouts, configPaths.partials, configPaths.examples, - configPaths.components + configPaths.components, + configPaths.src ] module.exports = (options) => { diff --git a/app/views/examples/template/index.njk b/app/views/examples/template/index.njk new file mode 100644 index 0000000000..e47d29e60b --- /dev/null +++ b/app/views/examples/template/index.njk @@ -0,0 +1,67 @@ +{% extends "template.njk" %} + +{% set assetPath = '/assets/' %} + +{% block head %} + + + + +{% endblock %} + +{% from "back-link/macro.njk" import govukBackLink %} +{% from "date-input/macro.njk" import govukDateInput %} +{% from "button/macro.njk" import govukButton %} + +{% block content %} + {{ govukBackLink({ + "text": "Back" + }) }} + +
+
+
+
+ + {{ govukDateInput({ + id: 'dob', + name: 'dob', + fieldset: { + legend: { + text: 'What is your date of birth?', + isPageHeading: true, + classes: 'govuk-fieldset__legend--xl' + } + }, + hint: { + text: 'For example, 31 3 1980' + }, + items:[ + { + name: 'day' + }, + { + name: 'month' + }, + { + name: 'year' + } + ] + }) + }} + + {{ govukButton({ + "text": "Continue" + }) }} +
+ +
+
+
+{% endblock %} + +{% block bodyEnd %} + +{% endblock %} diff --git a/app/views/layouts/_generic.njk b/app/views/layouts/_generic.njk index 59a8519de4..4c965046cd 100644 --- a/app/views/layouts/_generic.njk +++ b/app/views/layouts/_generic.njk @@ -1,29 +1,27 @@ - - - - +{% extends "template.njk" %} + +{% set pageTitle = "GOV.UK Frontend" %} + +{% block head %} - GOV.UK Frontend - + - - {% block styles %} - {% endblock %} - - - - {% block body %} - {% block content %}{% endblock %} - {% endblock %} + + {% block styles %}{% endblock %} +{% endblock %} + +{# Turn the header and footer off #} +{% block header %}{% endblock %} +{% block footer %}{% endblock %} + +{% block bodyEnd %}