Added some explanation text to the cutoff modal.

jfly · Sep 7, 2017 · f67cf2c · f67cf2c
1 parent 03def6c
commit f67cf2c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/WcaOnRails/app/javascript/edit-events/modals/Cutoff.jsx b/WcaOnRails/app/javascript/edit-events/modals/Cutoff.jsx
@@ -3,7 +3,12 @@ import React from 'react'
 import events from 'wca/events.js.erb'
 import formats from 'wca/formats.js.erb'
 import AttemptResultInput from './AttemptResultInput'
-import { attemptResultToString, roundIdToString, matchResult } from './utils'
+import {
+  pluralize,
+  matchResult,
+  roundIdToString,
+  attemptResultToString,
+} from './utils'
 
 export default {
   Title({ wcifRound }) {
@@ -36,6 +41,12 @@ export default {
       onChange(newCutoff);
     };
 
+    let explanationText = null;
+    if(cutoff) {
+      explanationText = `Competitors get ${pluralize(cutoff.numberOfAttempts, "attempt")} to get ${matchResult(cutoff.attemptResult, wcifEvent.id)}.`;
+      explanationText += ` If they succeed, they get to do all ${formats.byId[wcifRound.format].expected_solve_count} solves.`;
+    }
+
     return (
       <div>
         <div className="form-group">
@@ -74,6 +85,8 @@ export default {
             </div>
           </div>
         )}
+
+        {explanationText}
       </div>
     );
   },

diff --git a/WcaOnRails/app/javascript/edit-events/modals/utils.js b/WcaOnRails/app/javascript/edit-events/modals/utils.js
@@ -73,7 +73,7 @@ export function matchResult(attemptResult, eventId, { short } = {}) {
   return `${comparisonString} ${attemptResultToString(attemptResult, eventId, { short })}`;
 }
 
-let pluralize = function(count, word, { fixed, abbreviate } = {}) {
+export function pluralize(count, word, { fixed, abbreviate } = {}) {
   let countStr = (fixed && count % 1 > 0) ? count.toFixed(fixed) : count;
   let countDesc = abbreviate ? word[0] : " " + (count == 1 ? word : word + "s");
   return countStr + countDesc;