Regional interface changes (#135)

This adds the ability for regions to delete organisations.

---------

Co-authored-by: johnrimmer2 <[email protected]>

Author: frankieroberto

app/assets/sass/components/_table.scss

@@ -3,11 +3,10 @@ table {
   max-width: 100%;
 }
 
-table td {
+.app-table__cell--break-all {
   word-break: break-all;
 }
 
-
 .app-table__header--min-width-100 {
   min-width: 100px;
 }

app/routes/regions.js

@@ -196,6 +196,29 @@ module.exports = router => {
     })
   })
 
+  // Delete an organisation confirmation page
+  router.get('/regions/v1/organisations/:code/delete', (req, res) => {
+    const organisationsAdded = req.session.data.organisationsAdded || []
+    const organisation = organisationsAdded.find((org) => org.code === req.params.code)
+    if (!organisation) { res.redirect('/regions/v1/'); return }
+
+    res.render('regions/v1/delete-organisation', {
+      organisation
+    })
+  })
+
+  // Deleting an organisation
+  router.post('/regions/v1/organisations/:code/deleted', (req, res) => {
+    const organisationsAdded = req.session.data.organisationsAdded || []
+    const organisation = organisationsAdded.find((org) => org.code === req.params.code)
+    if (!organisation) { res.redirect('/regions/v1/'); return }
+
+    // Remove organisation from the array of organisations added
+    req.session.data.organisationsAdded.splice(req.session.data.organisationsAdded.indexOf(organisation), 1)
+
+    res.redirect('/regions/v1')
+  })
+
   // Add another lead user to an organisation form
   router.get('/regions/v1/organisations/:code/add-email', (req, res) => {
     const organisationsAdded = req.session.data.organisationsAdded || []

app/views/regions/v1/delete-organisation.html

@@ -0,0 +1,40 @@
+{% extends 'layout.html' %}
+
+{% block pageTitle %}
+  Delete organisation
+{% endblock %}
+
+{% set currentSection = "delete-organisation" %}
+
+{% block beforeContent %}
+<br>
+  {{ backLink({
+    href: "/regions/v1",
+    text: "Back"
+  }) }}
+{% endblock %}
+
+
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+
+        <h1 class="nhsuk-heading-l">Delete {{ organisation.name }}</h1>
+
+        <p>Once you delete this organisation, no one at {{ organisation.name }} will be able to record vaccinations.</p>
+
+        <p>You can add this organisation back at any time.</p>
+
+        <form action="/regions/v1/organisations/{{ organisation.code }}/deleted" method="post" novalidate="true">
+          {{ button({
+            "text": "Delete organisation",
+            classes: "nhsuk-button--warning"
+          }) }}
+      </form>
+
+    </div>
+  </div>
+
+
+{% endblock %}

app/views/regions/v1/index.html

@@ -18,6 +18,12 @@ <h1 class="nhsuk-heading-xl">North West</h1>
 
       <p class="nhsuk-body-l">Once they’re set up, they can add other users and vaccination sites.</p>
 
+      {% from 'inset-text/macro.njk' import insetText %}
+
+      {{ insetText({
+        html: "<p>You can only delete an organisation if they have not recorded any vaccinations.</p>"
+      }) }}
+
       {{ button({
         "text": "Invite an organisation",
         "href": "/regions/v1/add-organisation"
@@ -46,6 +52,8 @@ <h1 class="nhsuk-heading-xl">North West</h1>
                 <th role="columnheader" class="" scope="col">
                   Status
                 </th>
+                <th role="columnheader" class="" scope="col"></th>
+
               </tr>
             </thead>
             <tbody class="nhsuk-table__body">
@@ -63,6 +71,12 @@ <h1 class="nhsuk-heading-xl">North West</h1>
                   <td class="nhsuk-table__cell ">
                     {{ organisation.status }}
                   </td>
+                  <td class="nhsuk-table__cell app-table__cell--right-aligned">
+                    <a href="/regions/v1/organisations/{{ organisation.code }}/delete" class="nhsuk-link">Delete</a>
+                  </td>
+
+
+                  </td>
                 </tr>
               {% endfor %}
             </tbody>