Finish draft of manual team bonuses.

cmu-sei · Feb 3, 2024 · 616d991 · 616d991
1 parent 98d9568
commit 616d991
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 13 deletions.
diff --git a/...components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.html b/...components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.html
@@ -32,7 +32,7 @@ <h6>{{challengeSummary.name}}</h6>
                         </ul>
                     </div>
                 </td>
-                <td>
+                <td class="vertical-align-cell">
                     <div class="challenge-title-spacer" *ngIf="challengeSummary.manualBonuses?.length"></div>
 
                     <div class="delete-bonus-button-container"
@@ -55,16 +55,25 @@ <h6>{{ challengeSummary.score.totalScore }}</h6>
                 </td>
             </tr>
 
-            <tr *ngFor="let bonus of teamScoreData.score.manualBonuses">
+            <tr class="team-bonuses-row" *ngFor="let bonus of teamScoreData.score.manualBonuses">
                 <td>
-                    <strong>Manual Team Bonus: </strong>
-                    <em>(entered by {{bonus.enteredBy.name}})</em>
+                    <strong>Manual Team Bonus</strong>
+                    <div>{{bonus.description}}</div>
+                    <div>
+                        <em>({{bonus.enteredBy.name}}, {{ bonus.enteredOn | shortdate}} @ {{ bonus.enteredOn |
+                            friendlyTime }})</em>
+                    </div>
+                </td>
+                <td class="vertical-align-cell">
+                    <div class="delete-bonus-button-container">
+                        <button class="btn btn-sm btn-danger" type="button"
+                            (click)="handleDelete(bonus.id)">Delete</button>
+                    </div>
                 </td>
-                <td></td>
                 <td class="text-center">--</td>
                 <td class="text-center">--</td>
                 <td class="text-center">{{bonus.pointValue}}</td>
-                <td class="text-center">--</td>
+                <td class="text-center">{{bonus.pointValue}}</td>
             </tr>
 
             <tr class="table-info h6">
@@ -101,7 +110,8 @@ <h3 class="mt-3 mb-2">Add a bonus</h3>
             <div class="form-group px-0">
                 <label for="bonusDescription">Description</label>
                 <input type="text" class="form-control" id="bonusDescription" name="bonusDescription"
-                    placeholder="Description for this bonus" required [(ngModel)]="newChallengeBonusModel.description">
+                    placeholder="Description for this bonus (shown on the scoreboard)" required
+                    [(ngModel)]="newChallengeBonusModel.description">
             </div>
             <div class="form-group px-0">
                 <label for="bonusValue">Points</label>

diff --git a/...components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.scss b/...components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.scss
@@ -1,17 +1,26 @@
+@import "../../../../scss/variables";
+
 ul {
-    padding-inline-start: 2rem;
+  padding-inline-start: 2rem;
 }
 
 li {
-    line-height: 1.5rem;
-    list-style-type: circle;
+  line-height: 1.5rem;
+  list-style-type: circle;
 }
 
 .challenge-title-spacer {
-    height: 1.75rem;
+  height: 1.75rem;
 }
 
-.delete-bonus-button-container,
 li {
-    padding: 0.5rem 0;
+  padding: 0.5rem 0;
+}
+
+.vertical-align-cell {
+  vertical-align: middle;
+}
+
+tr.team-bonuses-row > td {
+  border-top: solid 1px $info;
 }