Update licence versions page to show licence details

app/presenters/licence-versions/view.presenter.js

@@ -30,6 +30,7 @@ function go(licenceVersionData, auth) {
     },
     changeType: licenceVersion.administrative ? 'no licence issued' : 'licence issued',
     errorInDataEmail: _errorInDataEmail(billingAndDataRole),
+    licenceDetails: _licenceDetails(licenceVersion, licence),
     notes: _notes(licenceVersion, billingAndDataRole),
     pageTitle: `Licence version starting ${formatLongDate(licenceVersion.startDate)}`,
     pageTitleCaption: `Licence ${licence.licenceRef}`,
@@ -46,6 +47,14 @@ function _errorInDataEmail(billingAndDataRole) {
   return '[email protected]'
 }
 
+function _licenceDetails(licenceVersion, licence) {
+  return {
+    endDate: formatLongDate(licenceVersion.endDate),
+    licenceHolder: licence.$licenceHolder(),
+    startDate: formatLongDate(licenceVersion.startDate)
+  }
+}
+
 function _notes(licenceVersion, billingAndDataRole) {
   if (!billingAndDataRole) {
     return null

app/services/licence-versions/fetch-licence-version.service.js

@@ -35,13 +35,15 @@ async function _fetch(licenceVersionId) {
     .select([
       'id',
       'startDate',
+      'endDate',
       raw(
         '(SELECT true FROM public.licence_versions lv2 WHERE lv2.licence_id = licence_versions.licence_id AND lv2.issue = licence_versions.issue AND lv2."increment" = (licence_versions."increment" - 1))'
       ).as('administrative')
     ])
     .withGraphFetched('licence')
     .modifyGraph('licence', (builder) => {
       builder.select(['id', 'licenceRef'])
+      builder.modify('licenceHolder')
     })
     .modify('history')
 }

app/views/licence-versions/view.njk

@@ -4,6 +4,7 @@
 
 {% from "macros/licence-version-change-type-tag.njk" import changeTypeTag as licenceVersionChangeTypeTag %}
 
+{% from "govuk/components/summary-list/macro.njk" import govukSummaryList %}
 
 {% block pageContent %}
 
@@ -29,4 +30,46 @@
     {{ govukPagination(pagination) }}
   {% endif %}
 
+
+  <hr class="govuk-section-break govuk-section-break--l govuk-section-break--visible govuk-!-margin-top-4">
+
+  <ul class="govuk-list govuk-!-margin-bottom-6">
+    <li>
+      <a class="govuk-link" href="#licence-details">Licence details</a>
+    </li>
+  </ul>
+
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-full" id="licence-details">
+      <h2 class="govuk-heading-m govuk-!-margin-top-3">
+        Licence details
+      </h2>
+      {{ govukSummaryList({
+        card: {
+          title: {
+            text: licenceDetails.licenceHolder
+          }
+        },
+        rows: [
+          {
+            key: {
+            text: "Licence version start date"
+            },
+            value: {
+            text: licenceDetails.startDate
+            }
+          },
+          {
+            key: {
+            text: "Licence version end date"
+          },
+            value: {
+            text: licenceDetails.endDate
+          }
+          }
+        ]
+      }) }}
+
+    </div>
+  </div>
 {% endblock %}

test/presenters/licence-versions/view.presenter.test.js

@@ -66,6 +66,11 @@ describe('Licence Versions - View presenter', () => {
         },
         changeType: 'licence issued',
         errorInDataEmail: '[email protected]',
+        licenceDetails: {
+          endDate: null,
+          licenceHolder: null,
+          startDate: '1 January 2022'
+        },
         notes: null,
         pageTitle: 'Licence version starting 1 January 2022',
         pageTitleCaption: `Licence ${licence.licenceRef}`,
@@ -119,6 +124,38 @@ describe('Licence Versions - View presenter', () => {
     })
   })
 
+  describe('the "licenceDetails" property', () => {
+    it('returns the licence details', () => {
+      const result = ViewPresenter.go(licenceVersionData, auth)
+
+      expect(result.licenceDetails).to.equal({ endDate: null, licenceHolder: null, startDate: '1 January 2022' })
+    })
+
+    describe('the "licenceHolder" property', () => {
+      describe('when there is not a "licenceHolder"', () => {
+        it('returns null', () => {
+          const result = ViewPresenter.go(licenceVersionData, auth)
+
+          expect(result.licenceDetails.licenceHolder).to.be.null()
+        })
+      })
+
+      describe('when there is a "licenceHolder"', () => {
+        beforeEach(() => {
+          licenceVersionData.licenceVersion.licence.licenceDocument = {
+            licenceDocumentRoles: [{ company: { name: 'ACME' } }]
+          }
+        })
+
+        it('returns the licence holder', () => {
+          const result = ViewPresenter.go(licenceVersionData, auth)
+
+          expect(result.licenceDetails.licenceHolder).to.equal('ACME')
+        })
+      })
+    })
+  })
+
   describe('the "notes" property', () => {
     describe('when the user does not have the "billing" role', () => {
       it('returns null', () => {

test/services/licence-versions/fetch-licence-version.service.test.js

@@ -45,10 +45,12 @@ describe('Licence Versions - Fetch licence version service', () => {
         licenceVersion: {
           administrative: null,
           createdAt: licenceVersion.createdAt,
+          endDate: null,
           id: licenceVersion.id,
           licence: {
             id: licence.id,
-            licenceRef: licence.licenceRef
+            licenceRef: licence.licenceRef,
+            licenceDocument: null
           },
           modLogs: [],
           startDate: licenceVersion.startDate

test/services/licence-versions/view.service.test.js

@@ -67,6 +67,11 @@ describe('Licence Versions - View service', () => {
         },
         changeType: 'licence issued',
         errorInDataEmail: '[email protected]',
+        licenceDetails: {
+          endDate: null,
+          licenceHolder: null,
+          startDate: '1 January 2022'
+        },
         notes: null,
         pageTitle: 'Licence version starting 1 January 2022',
         pageTitleCaption: `Licence ${licence.licenceRef}`,