WIP - introduce full application page

server/views/applications/full.njk

@@ -0,0 +1,59 @@
+{%- from "moj/components/identity-bar/macro.njk" import mojIdentityBar -%}
+{% from "govuk/components/back-link/macro.njk" import govukBackLink %}
+{%- from "govuk/components/summary-list/macro.njk" import govukSummaryList -%}
+
+{% extends "../partials/layout.njk" %}
+
+{% set pageTitle = "The person's referral - " + applicationName %}
+{% set mainClasses = "app-container govuk-body" %}
+{% set backLinkUrl = paths.applications.index({}) + "#applications-submitted" %}
+
+{% block beforeContent %}
+  {{ govukBackLink({
+    text: "Back",
+    href: backLinkUrl
+  }) }}
+{% endblock %}
+
+{% set name = personName(application.person, 'Limited access offender') %}
+{% block content %}
+  {% include "../_messages.njk" %}
+
+  <div class="moj-identity-bar">
+    <div class="moj-identity-bar__container">
+      <div class="moj-identity-bar__details">
+        <span class="moj-identity-bar__title">
+          <span class="govuk-caption-xl">Review referral</span>
+          <h1 class="govuk-heading-xl">{{ name }}
+            {{ application.status | safe }}</h1>
+        </span>
+      </div>
+    </div>
+  </div>
+
+  <div class="govuk-!-margin-4">
+    {% for section in application.document.sections %}
+      <h2 class="govuk-heading-l govuk-!-margin-top-3" >{{ section.title }}</h2>
+      {% for task in section.tasks %}
+
+        {{
+          govukSummaryList({
+            card: {
+              title: {
+                text: task.title
+              }
+              },
+              rows: taskResponsesToSummaryListRowItems(task.content)
+          })
+        }}
+      {% endfor %}
+    {% endfor %}
+  </div>
+
+{% endblock %}
+
+{% block extraScripts %}
+  <script type="text/javascript" nonce="{{ cspNonce }}">
+    new MOJFrontend.ButtonMenu({container: $('.moj-button-menu'), mq: "(min-width: 200em)", buttonText: "Update referral status", menuClasses: "moj-button-menu__wrapper--right"});
+  </script>
+{% endblock %}