diff --git a/web/src/components/DutyRoster/components/DutyRosterHeader.vue b/web/src/components/DutyRoster/components/DutyRosterHeader.vue index 6078447a..f0952a62 100644 --- a/web/src/components/DutyRoster/components/DutyRosterHeader.vue +++ b/web/src/components/DutyRoster/components/DutyRosterHeader.vue @@ -88,7 +88,7 @@ style="max-height: 40px;" size="sm" variant="white" - @click="populateAllAssignmentDutiesForTheCurrentDateRange()" + @click="confirmPopulateAllAssignmentDuties()" class="my-1 mr-3"> @@ -347,6 +347,22 @@ >× + + + +

Are you sure you want to populate Duties for all Assignments shown in the current date range?

+ + +
@@ -483,6 +499,8 @@ assignmentErrorMsg = ''; assignmentErrorMsgDesc = ''; + showConfirmPopulateAllAssignmentDuties = false; + weekDayNames = ['sunday','monday','tuesday','wednesday','thursday','friday','saturday']; mounted() { @@ -797,7 +815,13 @@ }) } + public confirmPopulateAllAssignmentDuties() { + this.showConfirmPopulateAllAssignmentDuties = true; + } + public populateAllAssignmentDutiesForTheCurrentDateRange() { + this.showConfirmPopulateAllAssignmentDuties = false; + // Get all assignment for the current location for the current date range const assignmentsQueryString = `?locationId=${this.location.id}&start=${this.dutyRangeInfo.startDate}&end=${this.dutyRangeInfo.endDate}`; const assignmentUrl = `api/assignment${assignmentsQueryString}`;