HeroRun.vue

This component renders the HeroRun as part of the welcome page and also functions as the card / content to be displayed on single run pages

📄 View source on GitHub

Props

Name	Type	Required	Default
runDate	String	✅	``
attendees	Array	✅	() => []

Emits

• update:attendees

Used Components

• IconLinksBar
• RunDetails
• HeroHareDetails
• HeroHeader
• PdfViewer

Used by

• /welcome
• /runs/id

Functions

getHeroRunData

This function loads the data for the hero run card, using the runs/run-info-complex endpoint of the backend and transforms it to the needs of the component

Parameters:

• startDate: in YYYY-MM-DD format

openPdfViewer

This function changes the display of the PDF viewer for the scribereport. Not relevant on welcome page (no scribereport exists for actual run)

goBack

Function to go back to the overview of the run card

Reactivity

computedWidth (computed)

This function computes / changes the width of the component based on the screen size