@ministryofjustice/hmpps-digital-prison-reporting-frontend/dpr/components/card-group/clientClass.mjs

The Digital Prison Reporting Frontend contains templates and code to help display data effectively in UI applications.

import { DprClientClass } from '../../DprClientClass.mjs'

export default class CardGroup extends DprClientClass {
  static getModuleName() {
    return 'card-group'
  }


  initialise() {
    const cards = this.getElement().querySelectorAll('[data-click-navigate-to]')
    const wrapperClass = 'card-loading'

    cards.forEach((card) => {
      card.addEventListener('click', () => {
        card.classList.add(wrapperClass)
        this.loadingHelper.showLoadingAnimation(wrapperClass)

        cards.forEach((c) => {
          if (!c.classList.contains('card-loading')) {
            const disabledClass = 'card-disabled'
            c.classList.add(disabledClass)
          }
        })
        window.location.href = card.dataset.clickNavigateTo
      })
    })
  }
}