Global components for the Cycleball-Tournament-Manager Project
React components that implement the calculation, formatting and editing of a timer.
Installation
These components are available as an npm package
npm install @cross-works/timer
Components
Timer
The timer component implements the counter and the paused counter of a game.
It is located under the lib folder.
The component needs as parameters:
renderCounter: true or false, says if the counter of the game should be rendered
renderCounterPaused: true or false, says if the counter of the paused game should be rendered
elapsed: current milliseconds of the running game for the counter
lastRun: milliseconds of the last run for the counter
elapsedPaused: current milliseconds of the paused time for the paused counter
lastRunPaused: milliseconds of the last run for the paused counter
time: the play time of a game (usually 7 minutes)
stopped: true or false, says if the game is currently stopped
timeEditable: true or false, says if the game is currently editable
setTime: true or false, says if the game is currently stopped
startCounter: true or false, says if the counter should be started
startCounterPaused: true or false, says if the paused counter should be started
showPausedTimerTK: true or false, says if the paused counter should be shown on the timekeeper UI
showPausedTimerSB: true or false, says if the paused counter should be shown on the scoreboard UI
onShowPausedTime: returns true or false, says if the paused counter is showed
onTimeEditing: returns true or false, says if the time is currently editable
onSaveTime: returns the changed value of elapsed
onFinished: says if the period of a game has finished