Add setup users and user pagination (#487)

Author: frankieroberto

app/lib/utils/random-item.js

@@ -0,0 +1,19 @@
+/**
+ * Returns a random item from an array
+ * @param {Array} array - The array to select from
+ * @returns {*} A random item from the array, or null if array is empty/invalid
+ */
+function randomItem(array)
+{
+  // Handle invalid input
+  if (!Array.isArray(array) || array.length === 0)
+  {
+    return null
+  }
+
+  // Generate random index and return the item
+  const randomIndex = Math.floor(Math.random() * array.length)
+  return array[randomIndex]
+}
+
+module.exports.randomItem = randomItem

app/routes/helpers.js

@@ -1,3 +1,5 @@
+const { randomItem } = require('../lib/utils/random-item.js')
+
 module.exports = router => {
 
   router.get('/prototype-setup/setup-batches', (req, res) => {
@@ -114,4 +116,46 @@ module.exports = router => {
     res.redirect('/home')
   });
 
+
+  router.post('/prototype-setup/add-users', (req, res) => {
+    const data = req.session.data
+    const currentOrganisation = res.locals.currentOrganisation
+
+    const listOfFirstNames = ["Susana", "Steven", "Aleah", "Kaylen", "Stephan", "Donavon", "Emely", "Kailee", "Brooks", "Brenton", "Miles", "Emanuel", "Jedidiah", "Glenn", "Jude", "Ivory", "Austen", "Alyson", "Jaime", "Jordin", "Chad", "Janay", "Tahj", "Reginald", "Enoch", "Amiyah", "Benito", "April", "Joelle", "Brant"]
+
+    const listOfLastNames = ["Ross", "Friedman", "Switzer", "Devore", "Dominguez", "Kohn", "Moreau", "Farrar", "Hogue", "Goldsmith", "Wilkins", "Cornwell", "Wimberly", "Messer", "Woods", "Forrest", "Aiello", "Kuykendall", "Trout", "Bigelow", "Moreland", "Lentz", "Hurst", "Quinonez", "Pak", "McNally", "Longo", "Hunt", "Villa", "Breaux"]
+
+
+    const usersToAdd = parseInt(data.numberOfUsersToAdd);
+
+    const permissionLevels = ["Recorder", "Administrator", "Lead administrator"]
+
+
+    for (let i = 0; i < usersToAdd; i++) {
+      const generatedId = Math.floor(Math.random() * 10000000).toString()
+
+      const generatedEmailId = Math.floor(Math.random() * 10).toString()
+
+      const randomFirstName = randomItem(listOfFirstNames)
+      const randomLastName = randomItem(listOfLastNames)
+
+      data.users.push({
+        id: generatedId,
+        email: `${randomFirstName.toLowerCase()}.${randomLastName.toLowerCase()}${generatedEmailId}@nhs.net`,
+        organisations: [
+          {
+            id: currentOrganisation.id,
+            permissionLevel: randomItem(permissionLevels),
+            status: "Active",
+            vaccinator: randomItem([true, true, false])
+          }
+        ],
+        firstName: randomFirstName,
+        lastName: randomLastName
+      })
+    }
+
+    res.redirect('/user-admin')
+  });
+
 }

app/views/prototype-setup.html

@@ -16,6 +16,7 @@ <h1 class="nhsuk-heading-l">Prototype data setup</h1>
 
       <ul class="nhsuk-list">
         <li><a href="/prototype-setup/setup-batches">Add batches for all vaccines</a></li>
+        <li><a href="/prototype-setup/add-users">Add users</a></li>
         <li><a href="/prototype-setup/add-vaccinations">Record some vaccinations</a></li>
       </ul>
 

app/views/prototype-setup/add-users.html

@@ -0,0 +1,42 @@
+{% extends 'layout.html' %}
+
+{% set pageName = "Add users" %}
+
+{% block header %}
+  {% include "includes/header-logged-out.html" %}
+{% endblock %}
+
+{% block beforeContent %}
+  {{ backLink({
+    text: "Back",
+    href: "/prototype-setup"
+  }) }}
+{% endblock %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+
+      <form action="/prototype-setup/add-users" method="post" novalidate>
+
+        {{ input({
+          name: "numberOfUsersToAdd",
+          label: {
+            text: "How many users would you like to add?",
+            isPageHeading: true,
+            classes: "nhsuk-label--l"
+          },
+          classes: "nhsuk-input--width-5",
+          inputmode: "numeric"
+        }) }}
+
+        {{ button({
+          text: "Add users"
+        }) }}
+
+      </form>
+
+    </div>
+  </div>
+
+{% endblock %}

app/views/user-admin/index.html

@@ -61,6 +61,10 @@ <h1 class="nhsuk-heading-xl">Manage users</h1>
           {% if q %}
             Showing {{ totalUsers | plural("active user") }} matching {{ q }}
           {% else %}
+
+            {% if totalPages > 1 %}
+              Showing {{ ((page - 1) * 20) + 1 }} to  {{ ((page - 1) * 20) + (users | length) }} of
+            {% endif %}
             {{ totalUsers | plural("active user") }}
           {% endif %}
         </caption>
@@ -113,6 +117,35 @@ <h1 class="nhsuk-heading-xl">Manage users</h1>
         </tbody>
       </table>
 
+      {% set items = [] %}
+
+      {% set ellipsisAdded = false %}
+      {% for i in range(1, totalPages + 1) -%}
+        {% if i == 1 or i == (page -1) or (i == page) or (i == page + 1) or (i == totalPages) %}
+          {% set items = (items.push({
+            number: i,
+            href: "/user-admin?page=" + i + "&q=" + (q if q else ""),
+            current: (i === page)
+          }), items) %}
+          {% set ellipsisAdded = false %}
+        {% elif ellipsisAdded == false %}
+          {% set items = (items.push({
+            ellipsis: true
+          }), items) %}
+          {% set ellipsisAdded = true %}
+        {% endif %}
+      {%- endfor %}
+
+      {% if totalPages > 1 %}
+
+
+        {{ appPagination({
+          previousUrl:  "/user-admin?page=" + (page - 1) + "&q=" + (q if q else "") if page != 1,
+          nextUrl: "/user-admin?page=" + (page + 1) + "&q=" + (q if q else "")  if page != totalPages,
+          items: items
+        }) }}
+      {% endif %}
+
       {% else %}
 
         <div class="nhsuk-u-margin-top-6 nhsuk-u-margin-bottom-6">