Add additional increment/decrement counter buttons and other fixes (#136)

* Add additional increment/decrement buttons to the counter
* Add altInc1 & altInc2 property to scoring configurations
* Disable double-click zoom when clicking buttons
* Update docs with new features
* Update README for 2026 changes
* Fix typos in TBAInterface.js comments
* Change typo - Level 2 to Level 3 in radio choices

Author: fuddster

2026/rebuilt_config.js

@@ -78,11 +78,15 @@ var config_data = `
     { "name": "Fuel Scored",
       "code": "afs",
       "expectedMax": 32,
+      "altInc1": 10,
+      "altInc2": 5,
       "type": "counter"
     },
     { "name": "Pass from Neutral Zone",
       "code": "apn",
       "expectedMax": 60,
+      "altInc1": 10,
+      "altInc2": 5,
       "type": "counter"
     },
     { "name": "Climb (L1)",
@@ -121,16 +125,22 @@ var config_data = `
     { "name": "Fuel Scored",
       "code": "tfs",
       "expectedMax": 150,
+      "altInc1": 10,
+      "altInc2": 5,
       "type": "counter"
     },
     { "name": "Pass from Neutral Zone",
       "code": "pnz",
       "expectedMax": 250,
+      "altInc1": 10,
+      "altInc2": 5,
       "type": "counter"
     },
     { "name": "Pass from Opp<br>Alliance Zone",
       "code": "poa",
       "expectedMax": 250,
+      "altInc1": 10,
+      "altInc2": 5,
       "type": "counter"
     },
     { "name": "Pickup from Depot",
@@ -153,7 +163,7 @@ var config_data = `
       "choices": {
         "1": "Level 1<br>",
         "2": "Level 2<br>",
-        "3": "Level 2<br>",
+        "3": "Level 3<br>",
         "a": "Attempted<br>",
         "x": "Not Attempted"
       },

README.md

@@ -2,7 +2,7 @@
 
 # Scouting P.A.S.S.
 
-#### A scouting system for FIRST FRC competitions developed by [PWNAGE - Team #2451](https://pwnagerobotics.org).
+#### A scouting system for FIRST FRC competitions developed by [PWNAGE - Team #2451](https://pwnagerobotics.org)
 
 <a href="https://PWNAGERobotics.github.io/ScoutingPASS">Live Demo</a> . <a href="https://PWNAGERobotics.github.io/ScoutingPASS/pit.html">Pit Scouting</a> . <a href="#getting-started">Getting Started</a> . <a href="#faq">FAQ</a>
 
@@ -77,7 +77,7 @@ User defined fields can be of several different types:
 * Cycle Timer - Start the timer and with 1 click track cycle times of robots.  
 * Field Image - Using an image of the field, select positions on the field. (Use to record starting point or shooting locations)
 
-These should cover most of your scouting team's data collection needs.  PWNAGE's 2020 Infinite Recharge configuration file is included as an example.  The import of the configuration file is in index.html and would need to be updated to import a different configuration file. Only import one configuration file.
+These should cover most of your scouting team's data collection needs.  The REBUIT (2026) configuration file is included as an example.  The import of the configuration file is in index.html and would need to be updated to import a different configuration file. Only import one configuration file.
 
 Since this is an HTML/JavaScript web page, scouters can use almost any device that has a web browser.  If the device has a touchscreen the screen can be used to swipe back and forth between pages and interact with the data elements.  The webpage only needs to be loaded once.  Once loaded the functionality and data is stored locally in the webpage and doesn't need to be reloaded.  The QR code generation and clear button only resets the form and does not cause the page to reload.  This means that a cellular or WiFi connection is not needed at the competition as long as the webpage is loaded before the event.
 
@@ -108,7 +108,7 @@ Note: For this to work, the schedule has to be posted to The Blue Alliance.  Tha
 
 ## Pit Scouting:
 
-ScountingPASS now supports Pit Scouting
+ScoutingPASS now supports Pit Scouting
 
 To access the pit scouting page, add '/pit.html' to the end of your URL.  (i.e. http://pwnagerobotics.github.io/ScoutingPASS/pit.html)
 
@@ -218,6 +218,7 @@ Distributed under the GNU GPL v3.0 License. See `LICENSE` for more information.
   <summary>2026 Season Updates</summary>
   <ul>
     <li>New configurations added for match and pit scouting as well as the new field image</li>
+    <li>Add alternate increment/decrement configurations for the counter element</li>
   </ul>
 </details>
 

docs/Configuration.md

@@ -207,13 +207,19 @@ Special sub-elements of text are "match" and "team".  These sub-types will updat
   "code": "mc",
   "type": "counter",
   "defaultValue": 0,
+  "altInc1": 10,
+  "altInc2": 5,
+  "expectedMax": 99,
   "tooltip": "Put help or more descriptive text here"
 }
 ```
 The counter is displayed with two buttons labeled "-" and "+" to increase or decrease the counter number.
 
 Specific attributes of counter are:
 * defaultValue (optional) - set the field to start at a certain value
+* altInc1 (optional) - Add an additional button to increment/decrement the counter by the specified amount
+* altInc2 (optional) - Add a 2nd additional button to increment/decrement the counter by the specified amount
+* expectedMax (optional) - used by the data generation program to generate reasonable expected values
 
 The counter element will be set back to the defaultValue value when the Clear Form button is pressed.  
 If there is no defaultValue it will be reset to zero.
@@ -304,6 +310,7 @@ There are no specific attributes to this element.
   "showFlip": "false",
   "showUndo": "false",
   "shape": "circle 12 black red true",
+  "expectedMax": 20,
   "cycleTimer": "tct"
 }
 ```
@@ -326,6 +333,7 @@ Specific attributes of Cycle Timer are:
   * fillColor - color to fill in the shape (Default value: none)
   * fill - if true, fill in the shape with the fillColor, otherwise do not fill in the shape
   * Note: Use predefined [HTML color names](https://www.w3schools.com/colors/colors_names.asp) only
+* expectedMax (optional) - used by the data generation program to generate reasonable expected values
 * cycleTimer (optional) - tie clicks into a cycle timer to start new cycles every time the image is clicked.
 
 The element field_image has been deprecated in favor of the new more flexible clickable_image.  It is currently still supported but may be removed from future releases.

index.html

@@ -17,7 +17,7 @@
 		<form id="scoutingForm" onsubmit="return false" name="scoutingForm">
 			<div id="main-panel-holder">
 				<div id="prematch" class="main-panel" style="background-color: black;">
-					<h1 id="prematchHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">N</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting 2026</h1>
+					<h1 id="prematchHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">N</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting PASS</h1>
 					<h2 id="prematchHeader2">pre-match</h2>
 					<p class="match-label"><input type="button" value="Next" id="nextButton1" onclick="swipePage(1)"></p>
 					<table id="prematch_table" style="font: Roboto">
@@ -27,7 +27,7 @@ <h2 id="prematchHeader2">pre-match</h2>
 				</div>
 
 				<div id="auton" class="main-panel" style="background-color: rgb(123, 168, 184);">
-					<h1 id="autonHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">n</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting 2026</h1>
+					<h1 id="autonHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">n</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting PASS</h1>
 					<h2 id="autonHeader2">Auton</h2>
 					<p class="match-label"><input type="button" value="Prev" id="prevButton1" onclick="swipePage(-1)"><input type="button" value="Next" id="nextButton3" onclick="swipePage(1)"></p>
 					<table id="auton_table">
@@ -37,7 +37,7 @@ <h2 id="autonHeader2">Auton</h2>
 				</div>
 
 				<div id="teleop" class="main-panel" style="background-color: rgb(175, 207, 163);">
-					<h1 id="teleopHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">n</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting 2026</h1>
+					<h1 id="teleopHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">n</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting PASS</h1>
 					<h2 id="teleopHeader2" >Teleop</h2>
 					<p class="match-label"><input type="button" value="Prev" id="prevButton3" onclick="swipePage(-1)"><input type="button" value="Next" id="nextButton5" onclick="swipePage(1)"></p>
 					<table id="teleop_table">
@@ -47,7 +47,7 @@ <h2 id="teleopHeader2" >Teleop</h2>
 				</div>
 
 				<div id="endgame" class="main-panel" style="background-color: rgb(198, 186, 222);">
-					<h1 id="endgameHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">n</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting 2026</h1>
+					<h1 id="endgameHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">n</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting PASS</h1>
 					<h2 id="endgameHeader2">Endgame</h2>
 					<p class="match-label"><input type="button" value="Prev" id="prevButton5" onclick="swipePage(-1)"><input type="button" value="Next" id="nextButton7" onclick="swipePage(1)"></p>
 					<table id="endgame_table">
@@ -57,7 +57,7 @@ <h2 id="endgameHeader2">Endgame</h2>
 				</div>
 
 				<div id="post-match" class="main-panel" style="background-color: rgb(89, 134, 168);">
-					<h1 id="postmatchHeader" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">n</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting 2026</h1>
+					<h1 id="postmatchHeader" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">n</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting PASS</h1>
 					<h2>Miscellaneous</h2>
 					<p class="match-label"><input type="button" value="Prev" id="prevButton7" onclick="swipePage(-1)"><input type="button" value="Next" id="nextButton9" onclick="swipePage(1)"></p>
 					<table id="postmatch_table">
@@ -106,3 +106,4 @@ <h2 id="qrHeader2">Generate QR Code</h2>
 
 
 
+

pit.html

@@ -17,7 +17,7 @@
 		<form id="scoutingForm" onsubmit="return false">
 			<div id="main-panel-holder">
 				<div id="prematch" class="main-panel" style="background-color: black;">
-					<h1 id="prematchHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">N</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting 2020</h1>
+					<h1 id="prematchHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">N</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting PASS</h1>
 					<h2 id="prematchHeader2">Pit Scouting</h2>
 					<p class="match-label"><input type="button" value="Next" id="nextButton1" onclick="swipePage(1)"></p>
 					<table id="prematch_table" style="font: Roboto">
@@ -27,7 +27,7 @@ <h2 id="prematchHeader2">Pit Scouting</h2>
 				</div>
 
 				<div id="qr-code" class="main-panel" style="background-color: white;">
-					<h1 id="qrHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">n</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting 2020</h1>
+					<h1 id="qrHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span class="odd">n</span><span class="even">A</span><span class="odd">G</span><span class="even">E</span><br>Scouting PASS</h1>
 					<h2 id="qrHeader2">Generate QR Code</h2>
 					<p class="match-label"><input type="button" value="Prev" id="prevButton9" onclick="swipePage(-1)"></p>
 					<p id="qr-info"><span id="display_qr-info" style="border: none; text-align: center;"></span></p>
@@ -60,3 +60,4 @@ <h2 id="qrHeader2">Generate QR Code</h2>
 	</form>
 </html>
 
+

resources/js/TBAInterface.js

@@ -1,4 +1,4 @@
-// TBAInterface funcitons to pull data from TheBlueAlliance.com
+// TBAInterface functions to pull data from TheBlueAlliance.com
 var teams = null;
 var schedule = null;
 var authKey = "uTHeEfPigDp9huQCpLNkWK7FBQIb01Qrzvt4MAjh9z2WQDkrsvNE77ch6bOPvPb6";
@@ -25,7 +25,7 @@ function getTeams(eventCode) {
 }
 
 /**
- * Get schefule for event
+ * Get schedule for event
  *
  * @param {eventCode} eventCode the event code (i.e. 2020caln) to pull the team list
  */