@ministryofjustice/hmpps-digital-prison-reporting-frontend/dpr/components/_dashboards/scorecard/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 Pagination extends DprClientClass {
  static getModuleName() {
    return 'scorecard'
  }

  initialise() {
    this.scorecard = this.getElement()
    this.value = this.scorecard.querySelector('.dpr-scorecard__value')
    this.ragStatus = this.scorecard.querySelector('.dpr-scorecard__value-description')
    this.initHover()
  }

  initHover() {
    this.value.addEventListener('mouseover', async () => {
      this.ragStatus.classList.add('dpr-scorecard__value-description--active')
    })
    this.value.addEventListener('mouseout', async () => {
      this.ragStatus.classList.remove('dpr-scorecard__value-description--active')
    })
  }
}