|
53 | 53 | <div class="row mt-4"> |
54 | 54 | <div class="col-12"> |
55 | 55 | <div class="card"> |
56 | | - <div class="card-header bg-info-subtle"> |
| 56 | + <div class="card-header bg-info-subtle" id="badgeCardHeader"> |
57 | 57 | <h3 class="card-title">Badges</h3> |
58 | 58 | </div> |
59 | | - <div class="card-body"> |
| 59 | + <div class="card-body" id="badgeCardBody"> |
60 | 60 | <table class="table table-sm table-bordered table-striped"> |
61 | 61 | <thead> |
62 | 62 | <tr> |
|
118 | 118 | </div> |
119 | 119 | </div> |
120 | 120 |
|
| 121 | + <div class="row mt-4"> |
| 122 | + <div class="col-12 lead"> |
| 123 | + <input asp-for="AllChallenges" |
| 124 | + class="form-check-input me-1" |
| 125 | + type="checkbox"> |
| 126 | + <label class="form-check-label" for="AllChallenges"> |
| 127 | + Report on all Challenges only |
| 128 | + </label> |
| 129 | + </div> |
| 130 | + </div> |
| 131 | + |
121 | 132 | <div class="row mt-4"> |
122 | 133 | <div class="col-12"> |
123 | 134 | <button type="submit" class="btn btn-outline-primary"> |
|
208 | 219 | @section scripts |
209 | 220 | { |
210 | 221 | <script> |
| 222 | + const allChallenges = document.getElementById("AllChallenges"); |
| 223 | + const badgeCardHeader = document.getElementById("badgeCardHeader"); |
| 224 | + const badgeCardBody = document.getElementById("badgeCardBody"); |
211 | 225 | const badgeIds = $("#BadgeRequiredList").val().split(',').filter(function (x) { return x }).map(Number); |
212 | 226 | const challengeIds = $("#ChallengeRequiredList").val().split(',').filter(function (x) { return x }).map(Number); |
213 | 227 | const endDatePicker = graInitalizePickerDatetime(document.getElementById("endDatePicker")); |
|
343 | 357 | defaultDateTime.setDate(defaultDateTime.getDate() - 1); |
344 | 358 | graPickerSetDate(startDatePicker, defaultDateTime); |
345 | 359 |
|
| 360 | + allChallenges.addEventListener("input", (event) => { |
| 361 | + if(event.target.checked === true) { |
| 362 | + badgeCardHeader.classList.add("bg-secondary-subtle"); |
| 363 | + badgeCardHeader.classList.remove("bg-info-subtle"); |
| 364 | + badgeCardBody.classList.add("d-none"); |
| 365 | + } else { |
| 366 | + badgeCardHeader.classList.add("bg-info-subtle"); |
| 367 | + badgeCardHeader.classList.remove("bg-secondary-subtle"); |
| 368 | + badgeCardBody.classList.remove("d-none"); |
| 369 | + } |
| 370 | + }); |
| 371 | +
|
346 | 372 | $("form").on("submit", function (e) { |
347 | | - if (badgeIds.length == 0 && challengeIds.length == 0) { |
| 373 | + if (badgeIds.length == 0 && challengeIds.length == 0 && allChallenges.checked !== true) { |
348 | 374 | e.preventDefault(); |
349 | 375 | alert("Please select which badges to report on."); |
350 | 376 | } |
|
0 commit comments