EPP-57 Amend - SEC2 - Create a what is YOUR NAME on the licence page

apps/epp-amend/fields/index.js

@@ -1,3 +1,28 @@
+const title = require('../../../utilities/constants/titles.js');
 module.exports = {
-
+  'amend-name-title': {
+    mixin: 'select',
+    validate: ['required'],
+    labelClassName: 'govuk-label--s',
+    className: ['govuk-input--width-2'],
+    options: [{
+      value: '',
+      label: 'fields.amend-name-title.options.none_selected'
+    }].concat(title)
+  },
+  'amend-firstname': {
+    validate: ['required', 'notUrl', { type: 'maxlength', arguments: [250] }],
+    labelClassName: 'govuk-label--s',
+    className: ['govuk-input', 'govuk-!-width-two-thirds']
+  },
+  'amend-middlename': {
+    validate: [{ type: 'maxlength', arguments: [250] }],
+    labelClassName: 'govuk-label--s',
+    className: ['govuk-input', 'govuk-!-width-two-thirds']
+  },
+  'amend-lastname': {
+    validate: ['required', 'notUrl', { type: 'maxlength', arguments: [250] }],
+    labelClassName: 'govuk-label--s',
+    className: ['govuk-input', 'govuk-!-width-two-thirds']
+  }
 };

apps/epp-amend/index.js

@@ -8,20 +8,21 @@ module.exports = {
   translations: 'apps/epp-amend/translations',
   baseUrl: '/amend-license',
   steps: {
-    '/section-one': {
+    '/amend-licence-number': {
       behaviours: [validateAndRedirect],
       backLink: '/application-type',
       fields: ['amend-licence-number'],
-      next: '/section-two'
+      next: '/amend-name-on-licence'
     },
-    '/section-two': {
+    '/amend-name-on-licence': {
       fields: [
         'amend-name-title',
         'amend-firstname',
         'amend-middlename',
         'amend-lastname'
       ],
-      next: '/section-three'
+      next: '/confirm',
+      locals: {captionHeading: 'Section 2 of 20'}
     },
     '/section-three': {
       fields: ['amend-date-of-birth'],

apps/epp-amend/sections/summary-data-sections.js

@@ -1 +1,32 @@
+'use strict';
 
+module.exports = {
+  'Licence details': {
+    steps: [
+      {
+        step: '/amend-licence-number',
+        field: 'amend-licence-number'
+      }
+    ]
+  },
+  'Applicant name': {
+    steps: [
+      {
+        step: '/amend-name-on-licence',
+        field: 'amend-name-title'
+      },
+      {
+        step: '/amend-name-on-licence',
+        field: 'amend-firstname'
+      },
+      {
+        step: '/amend-name-on-licence',
+        field: 'amend-middlename'
+      },
+      {
+        step: '/amend-name-on-licence',
+        field: 'amend-lastname'
+      }
+    ]
+  }
+};

apps/epp-amend/translations/src/en/fields.json

@@ -1,3 +1,17 @@
 {
-
+  "amend-name-title": {
+    "label": "Title",
+    "options": {
+      "none_selected": "Select"
+    }
+  },
+  "amend-firstname": {
+    "label": "First name"
+  },
+  "amend-middlename": {
+    "label": "Middle names (optional)"
+  },
+  "amend-lastname": {
+    "label": "Last name"
+  }
 }

apps/epp-amend/translations/src/en/pages.json

@@ -1,5 +1,30 @@
 {
-    "application-submitted": {
-        "confirmed": "Amendment submitted"
+  "amend-name-on-licence": {
+    "header": "What is your name on the licence?"
+  },
+
+
+  "confirm": {
+    "header": "Check your answers",
+    "subheader": "Review your answers below and amend if required before proceeding to declaration and payment.",
+    "sections": {
+      "Applicant name": {
+        "header": "Applicant name"
       }
+    }
+  },
+  "fields": {
+    "amend-name-title": { 
+      "label" : "Title"
+    },
+    "amend-name-firstname": { 
+      "label" : "First name"
+    },
+    "amend-name-middlename": { 
+      "label" : "Middle name(s)"
+    },
+    "amend-name-lastname": { 
+      "label" : "Surname"
+    }
+  }
 }

apps/epp-amend/translations/src/en/validation.json

@@ -1 +1,16 @@
-{}
+{
+    "amend-name-title" : {
+        "required" : "Select your title"
+    },
+    "amend-firstname" : {
+        "required" : "Enter your first name",
+        "maxlength" : "First name must between 1 and 250 characters"
+    },
+    "amend-middlename" :{
+         "maxlength" : "Middle names must be between 250 characters or less"
+    },
+    "amend-lastname" : {
+        "required" : "Enter your last name",
+        "maxlength" : "Last name must be between 1 and 250 characters"
+    }
+}

apps/epp-amend/views/confirm.html

@@ -0,0 +1,11 @@
+{{<partials-page}}
+ {{$page-content}}
+  <div>
+    <p class="govuk-body">{{#t}}pages.confirm.subheader{{/t}}</p>
+  </div>
+    {{#rows}}
+      {{> partials-summary-table}}
+    {{/rows}}
+    {{#input-submit}}continue{{/input-submit}}
+  {{/page-content}}
+{{/partials-page}}

apps/epp-amend/views/partials/summary-table.html

@@ -0,0 +1,28 @@
+<div>
+    <h2 class="section-header">{{section}}</h2>
+  </div>
+  <dl>
+    {{#fields}}
+    {{^omitFromSummary}}
+      <div class="confirm-row">
+        {{#isSeparator}}
+        {{/isSeparator}}
+        {{^isSeparator}}
+          <dt class="confirm-label">{{label}}</dt>
+          <dd class="confirm-value" data-value="{{value}}">{{value}}</dd>
+        {{^omitChangeLink}}
+          {{#changeLink}}
+            <dd><span><a class="govuk-link" href="{{changeLink}}" id="{{field}}-change-{{index}}">{{#t}}buttons.change{{/t}} <span class="visuallyhidden">{{changeLinkDescription}} from {{value}}</span></a></span></dd>
+          {{/changeLink}}
+          {{^changeLink}}
+            <dd><span><a class="govuk-link" href="{{baseUrl}}{{step}}/edit#{{field}}" id="{{field}}-change">{{#t}}buttons.change{{/t}} <span class="visuallyhidden">{{changeLinkDescription}} from {{value}}</span></a></span></dd>
+          {{/changeLink}}
+        {{/omitChangeLink}}
+        {{#omitChangeLink}}
+          <dd> </dd>
+        {{/omitChangeLink}}
+        {{/isSeparator}}
+      </div>
+    {{/omitFromSummary}}
+    {{/fields}}
+  </dl> 

apps/epp-common/index.js

@@ -20,7 +20,7 @@ module.exports = {
           }
         },
         {
-          target: '/amend-license/section-one',
+          target: '/amend-license/amend-licence-number',
           condition: {
             field: 'application-type',
             value: 'amend'