commit f82524ce700b1a5bd4e6a2dca6ca3dfeaf2c5638
author Alex Perry <alex.perry96@gmail.com> Wed Mar 09 20:04:47 2022 -0800
committer Alex Perry <alex.perry96@gmail.com> Sat Mar 12 13:06:07 2022 -0800
tree 0087c02e38240b9912a4aa2c64ba645d40dd5169
parent c9b42db3754e29ccb0839d15121dcb2115c74c3e

Create a new scounting component to manage a counter.

Much simplifies the entry component by moving common logic into a
subcomponent.

Change-Id: I260c895a149698a4404bdfa558ecd5d2f5f6f730
Signed-off-by: Alex Perry <alex.perry96@gmail.com>

scouting/www/entry/entry.ng.html

diff --git a/scouting/www/entry/entry.ng.html b/scouting/www/entry/entry.ng.html
index b5783d2..bb4c85a 100644
--- a/scouting/www/entry/entry.ng.html
+++ b/scouting/www/entry/entry.ng.html
@@ -44,26 +44,9 @@
             </form>
         </div>
         <div class="row justify-content-center">
-            <span class="col-4 center-column">
-                <h4>Upper</h4>
-                <button (click)="adjustAutoUpper(1)" class="btn btn-secondary btn-block">+</button>
-                <h3>{{autoUpperShotsMade}}</h3>
-                <button (click)="adjustAutoUpper(-1)" class="btn btn-secondary btn-block">-</button>
-            </span>
-
-            <span class="col-4 center-column">
-                <h4>Lower</h4>
-                <button (click)="adjustAutoLower(1)" class="btn btn-secondary btn-block">+</button>
-                <h3>{{autoLowerShotsMade}}</h3>
-                <button (click)="adjustAutoLower(-1)" class="btn btn-secondary btn-block">-</button>
-            </span>
-
-            <span class="col-4 center-column">
-                <h4>Missed</h4>
-                <button (click)="adjustAutoMissed(1)" class="btn btn-secondary btn-block">+</button>
-                <h3>{{autoShotsMissed}}</h3>
-                <button (click)="adjustAutoMissed(-1)" class="btn btn-secondary btn-block">-</button>
-            </span>
+            <frc971-counter-button class="col-4" [(value)]="autoUpperShotsMade">Upper</frc971-counter-button>
+            <frc971-counter-button class="col-4" [(value)]="autoLowerShotsMade">Lower</frc971-counter-button>
+            <frc971-counter-button class="col-4" [(value)]="autoShotsMissed">Missed</frc971-counter-button>
         </div>
         <div class="buttons">
           <!-- hack to right align the next button -->
@@ -74,26 +57,9 @@
 
     <div *ngSwitchCase="'TeleOp'" id="teleop" class="container-fluid">
         <div class="row justify-content-center">
-            <span class="col-4 center-column">
-                <h4>Upper</h4>
-                <button (click)="adjustTeleUpper(1)" class="btn btn-secondary btn-block">+</button>
-                <h3>{{teleUpperShotsMade}}</h3>
-                <button (click)="adjustTeleUpper(-1)" class="btn btn-secondary btn-block">-</button>
-            </span>
-
-            <span class="col-4 center-column">
-                <h4>Lower</h4>
-                <button (click)="adjustTeleLower(1)" class="btn btn-secondary btn-block">+</button>
-                <h3>{{teleLowerShotsMade}}</h3>
-                <button (click)="adjustTeleLower(-1)" class="btn btn-secondary btn-block">-</button>
-            </span>
-
-            <span class="col-4 center-column">
-                <h4>Missed</h4>
-                <button (click)="adjustTeleMissed(1)" class="btn btn-secondary btn-block">+</button>
-                <h3>{{teleShotsMissed}}</h3>
-                <button (click)="adjustTeleMissed(-1)" class="btn btn-secondary btn-block">-</button>
-            </span>
+            <frc971-counter-button class="col-4" [(value)]="teleUpperShotsMade">Upper</frc971-counter-button>
+            <frc971-counter-button class="col-4" [(value)]="teleLowerShotsMade">Lower</frc971-counter-button>
+            <frc971-counter-button class="col-4" [(value)]="teleShotsMissed">Missed</frc971-counter-button>
         </div>
         <div class="buttons">
           <button class="btn btn-primary" (click)="prevSection()">Back</button>