commit 8702b78c0b36ef52af6e68cd4546becdfaaef6dc
author Philipp Schrader <philipp.schrader@gmail.com> Sat Apr 15 17:33:37 2023 -0700
committer Philipp Schrader <philipp.schrader@gmail.com> Sat Apr 15 23:41:58 2023 -0700
tree 67cd9befad6e7a76d1581f847e9cef8317cdfe09
parent 6481ce9c67e8f7daae6d6eb0b86f5f2755b34882

Prevent scouts from scouting a non-existent match

We used to let people enter arbitrary match information, but the web
server rejects that information. It's better when we don't let people
enter arbitrary match information. This patch makes it so the "Next"
button is disabled on the "Team Selection" screen unless the match
information is correct.

Signed-off-by: Philipp Schrader <philipp.schrader@gmail.com>
Change-Id: I9203d04ab3c95ece4d84ede1042b2bac85e02936

scouting/www/entry/entry.ng.html

diff --git a/scouting/www/entry/entry.ng.html b/scouting/www/entry/entry.ng.html
index 828e036..13cbe7f 100644
--- a/scouting/www/entry/entry.ng.html
+++ b/scouting/www/entry/entry.ng.html
@@ -14,6 +14,7 @@
       <label for="match_number">Match Number</label>
       <input
         [(ngModel)]="matchNumber"
+        (ngModelChange)="updateTeamSelectionValidity()"
         type="number"
         id="match_number"
         min="1"
@@ -24,6 +25,7 @@
       <label for="team_number">Team Number</label>
       <input
         [(ngModel)]="teamNumber"
+        (ngModelChange)="updateTeamSelectionValidity()"
         type="number"
         id="team_number"
         min="1"
@@ -34,6 +36,7 @@
       <label for="set_number">Set Number</label>
       <input
         [(ngModel)]="setNumber"
+        (ngModelChange)="updateTeamSelectionValidity()"
         type="number"
         id="set_number"
         min="1"
@@ -42,7 +45,12 @@
     </div>
     <div class="row">
       <label for="comp_level">Comp Level</label>
-      <select [(ngModel)]="compLevel" type="number" id="comp_level">
+      <select
+        [(ngModel)]="compLevel"
+        (ngModelChange)="updateTeamSelectionValidity()"
+        type="number"
+        id="comp_level"
+      >
         <option *ngFor="let level of COMP_LEVELS" [ngValue]="level">
           {{COMP_LEVEL_LABELS[level]}}
         </option>
@@ -51,7 +59,11 @@
     <div class="buttons">
       <!-- hack to right align the next button -->
       <div></div>
-      <button class="btn btn-primary" (click)="changeSectionTo('Init');">
+      <button
+        class="btn btn-primary"
+        (click)="changeSectionTo('Init');"
+        [disabled]="!teamSelectionIsValid"
+      >
         Next
       </button>
     </div>
@@ -313,5 +325,6 @@
     <h2>Successfully submitted data.</h2>
   </div>
 
+  <span class="progress_message" role="alert">{{ progressMessage }}</span>
   <span class="error_message" role="alert">{{ errorMessage }}</span>
 </ng-container>