From ae6f5e888475a608d8857903e40306a2cfeb1db9 Mon Sep 17 00:00:00 2001
From: HumanoidSandvichDispenser <humanoidsandvichdispenser@gmail.com>
Date: Sun, 10 Nov 2024 02:46:16 -0800
Subject: [PATCH] Add button to copy last week's availability

---
 .../src/components/WeekSelectionBox.vue       |  6 +++---
 availabili.tf/src/views/ScheduleView.vue      | 19 ++++++++++++++++---
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/availabili.tf/src/components/WeekSelectionBox.vue b/availabili.tf/src/components/WeekSelectionBox.vue
index bcb49fd..d4a0269 100644
--- a/availabili.tf/src/components/WeekSelectionBox.vue
+++ b/availabili.tf/src/components/WeekSelectionBox.vue
@@ -11,7 +11,7 @@ const dateStart = computed(() => model.value.format("L"));
 const dateEnd = computed(() => model.value.clone().add(6, "days").format("L"));
 
 function incrementDate(delta: number) {
-  model.value = model.value.clone().add(delta, "days");
+  model.value = model.value.clone().add(delta, "weeks");
   //let newDate = new Date(model.value);
   //newDate.setDate(newDate.getDate() + delta);
   //model.value = newDate;
@@ -20,11 +20,11 @@ function incrementDate(delta: number) {
 
 <template>
   <div class="scroll-box">
-    <button class="transparent eq" @click="incrementDate(-7)" :disabled="isDisabled">
+    <button class="transparent eq" @click="incrementDate(-1)" :disabled="isDisabled">
       <i class="bi bi-caret-left-fill"></i>
     </button>
     <span class="date-range">{{ dateStart }} &ndash; {{ dateEnd }}</span>
-    <button class="transparent eq" @click="incrementDate(7)" :disabled="isDisabled">
+    <button class="transparent eq" @click="incrementDate(1)" :disabled="isDisabled">
       <i class="bi bi-caret-right-fill"></i>
     </button>
   </div>
diff --git a/availabili.tf/src/views/ScheduleView.vue b/availabili.tf/src/views/ScheduleView.vue
index 45b6211..64da7bd 100644
--- a/availabili.tf/src/views/ScheduleView.vue
+++ b/availabili.tf/src/views/ScheduleView.vue
@@ -41,6 +41,14 @@ function saveSchedule() {
     });
 }
 
+function copyPreviousWeek() {
+  schedule.fetchSchedule(schedule.dateStart.clone().add(-7, "days"))
+    .then((response) => {
+      schedule.saveSchedule();
+      return response;
+    });
+}
+
 onMounted(() => {
   teamsStore.fetchTeams()
     .then((teamsList) => {
@@ -111,9 +119,14 @@ onMounted(() => {
               <i class="bi bi-check-circle-fill"></i>
             </button>
           </template>
-          <button v-else class="accent" @click="isEditing = true">
-            <i class="bi bi-pencil-fill"></i>
-          </button>
+          <template v-else>
+            <button @click="copyPreviousWeek">
+              Copy previous week
+            </button>
+            <button class="accent" @click="isEditing = true">
+              <i class="bi bi-pencil-fill"></i>
+            </button>
+          </template>
         </div>
       </div>
     </div>