From 2d21a71c4fac11df21aefc3293aec5901abda2f5 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Fri, 12 May 2023 13:18:44 -0700
Subject: [PATCH 01/20] :construction: Basic toggle switch plus entry card
 selection.

currently cards are the same, but now I have room to edit.
---
 .../centre/components/BulkDataEntryCard.vue   | 186 ++++++++++++++++
 .../modules/centre/components/DataEntry.vue   | 206 +++---------------
 .../components/IncrementalDataEntryCard.vue   | 186 ++++++++++++++++
 3 files changed, 404 insertions(+), 174 deletions(-)
 create mode 100644 src/web/src/modules/centre/components/BulkDataEntryCard.vue
 create mode 100644 src/web/src/modules/centre/components/IncrementalDataEntryCard.vue

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
new file mode 100644
index 0000000..59abb27
--- /dev/null
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -0,0 +1,186 @@
+<template>
+  <BaseCard showHeader="t" heading="" class="pb-3">
+    <template v-slot:left>
+      <v-select
+        :items="manageSites"
+        label="Site"
+        hide-details
+        v-model="selectedSite"
+        return-object
+        style="max-width: 250px"
+        item-title="name"
+        :disabled="isDirty"
+        @update:modelValue="changed"
+        item-value="id"></v-select>
+    </template>
+
+    <template v-slot:center>
+      <div style="margin-top: 0px; text-align: center">
+        <div style="font-size: 1.5rem; font-weight: bold; line-height: 1.6rem">{{ totalCountHeader }}</div>
+        {{ dateHeader }}
+      </div>
+    </template>
+
+    <template v-slot:right>
+      <v-select
+        v-model="selectedDate"
+        label="Date"
+        :items="dateOptions"
+        item-title="date"
+        return-object
+        hide-details
+        :disabled="isDirty"
+        style="max-width: 250px"></v-select>
+    </template>
+
+    <div v-if="selectedSite">
+      <v-row class="mt-5">
+        <v-col cols="3">Visitor Origin</v-col>
+        <v-col></v-col>
+        <v-col cols="3" class="text-body-1 text-center"> Daily Totals </v-col>
+        <!-- <v-col cols="3" class="text-body-1 text-center"> Weekly Totals </v-col> -->
+      </v-row>
+      <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">
+        <v-divider></v-divider>
+        <v-col cols="3">
+          <div class="text-h6 float-left pt-3">{{ location.name }}</div>
+        </v-col>
+        <v-col>
+          <div class="text-center">
+            <v-btn variant="flat" color="#3A8340" icon="" class="mr-3" @click="plusOne(location)"
+              ><span style="color: white">+1</span></v-btn
+            >
+            <v-btn variant="flat" color="#3A8340" icon="" class="mr-10" @click="plusFive(location)"
+              ><span style="color: white">+5</span></v-btn
+            >
+            <v-btn
+              variant="flat"
+              color="orange"
+              icon=""
+              class="mr-3"
+              @click="minusOne(location)"
+              :disabled="location.daily_total - 1 < 0"
+              >-1</v-btn
+            >
+            <v-btn
+              variant="flat"
+              color="orange"
+              icon=""
+              class="mr-0"
+              @click="minusFive(location)"
+              :disabled="location.daily_total - 5 < 0"
+              >-5</v-btn
+            >
+          </div>
+        </v-col>
+
+        <v-col cols="3" class="text-h6 text-center pt-3">
+          <div class="pt-3">{{ location.daily_total }}</div>
+        </v-col>
+        <!-- <v-col cols="3" class="text-h6 text-center pt-3">
+          <div class="pt-3">{{ location.weekly_total }}</div>
+        </v-col> -->
+      </v-row>
+    </div>
+    <div v-else>Not site selected</div>
+  </BaseCard>
+</template>
+
+<script lang="ts">
+import { mapActions, mapState, mapWritableState } from "pinia";
+import moment from "moment";
+import { useUserStore } from "@/store/UserStore";
+import { useCentreStore } from "../store";
+
+export default {
+  name: "BulkDataEntryCard",
+  components: {},
+  data: () => ({
+    total: 0,
+    isDirty: false,
+  }),
+  async mounted() {
+    //if (this.user.primary_site && this.user.primary_site != -1) this.site = this.user.primary_site;
+    let r = window.setInterval(async () => {
+      if (!this.isDirty) return;
+
+      await this.save();
+      this.isDirty = false;
+    }, 2000);
+
+    if (this.loadFor.length > 0) {
+      await this.loadDailyStats(this.loadFor);
+      this.selectFirstToManage();
+    }
+  },
+  async beforeUnmount() {
+    if (this.selectedDate && this.isDirty) {
+      await this.save();
+    }
+  },
+  computed: {
+    ...mapState(useUserStore, ["user"]),
+    ...mapState(useCentreStore, ["dateOptions", "manageSites"]),
+    ...mapWritableState(useCentreStore, ["selectedDate", "selectedSite"]),
+
+    loadFor() {
+      return this.user.scopes
+        .filter((s: any) => s.name.startsWith("VIC.INPUT"))
+        .map((s: any) => parseInt(s.name.replace("VIC.INPUT_", "")));
+    },
+    totalCountHeader() {
+      if (this.selectedDate && this.selectedDate.origins) {
+        let counts = this.selectedDate.origins.flatMap((i: any) => i.daily_total);
+        let total = counts.reduce((t: number, i: any) => t + i, 0);
+        return `${total} visitors`;
+      }
+      return "";
+    },
+    dateHeader() {
+      if (this.selectedSite && this.selectedDate) {
+        return `${moment(this.selectedDate.date).format("MMMM D, YYYY")} in ${this.selectedSite.name}`;
+      }
+
+      return "";
+    },
+  },
+  methods: {
+    ...mapActions(useUserStore, ["canDo"]),
+    ...mapActions(useCentreStore, ["save", "loadDailyStats", "selectFirstToManage"]),
+
+    changed() {
+      this.selectedDate = (this.selectedSite as any).days[0];
+    },
+
+    plusOne(location: any) {
+      this.isDirty = true;
+      location.delta++;
+    },
+    plusFive(location: any) {
+      this.isDirty = true;
+      location.delta += 5;
+    },
+    minusOne(location: any) {
+      this.isDirty = true;
+      location.delta--;
+    },
+    minusFive(location: any) {
+      this.isDirty = true;
+      location.delta -= 5;
+    },
+  },
+};
+</script>
+
+<style>
+.v-btn.v-btn--disabled.bg-orange {
+  background-color: #895200 !important;
+}
+.v-btn.v-btn--disabled.bg-orange .v-btn__overlay {
+  opacity: 0;
+}
+
+.v-btn.v-btn--disabled.bg-orange .v-btn__content {
+  color: white !important;
+}
+</style>
diff --git a/src/web/src/modules/centre/components/DataEntry.vue b/src/web/src/modules/centre/components/DataEntry.vue
index 29a0209..da6ae62 100644
--- a/src/web/src/modules/centre/components/DataEntry.vue
+++ b/src/web/src/modules/centre/components/DataEntry.vue
@@ -1,187 +1,45 @@
 <template>
-  <h1 class="text-h5 mb-5">Daily Data Entry</h1>
-
-  <BaseCard showHeader="t" heading="" class="pb-3">
-    <template v-slot:left>
-      <v-select
-        :items="manageSites"
-        label="Site"
-        hide-details
-        v-model="selectedSite"
-        return-object
-        style="max-width: 250px"
-        item-title="name"
-        :disabled="isDirty"
-        @update:modelValue="changed"
-        item-value="id"></v-select>
-    </template>
-
-    <template v-slot:center>
-      <div style="margin-top: 0px; text-align: center">
-        <div style="font-size: 1.5rem; font-weight: bold; line-height: 1.6rem">{{ totalCountHeader }}</div>
-        {{ dateHeader }}
-      </div>
-    </template>
-
-    <template v-slot:right>
-      <v-select
-        v-model="selectedDate"
-        label="Date"
-        :items="dateOptions"
-        item-title="date"
-        return-object
-        hide-details
-        :disabled="isDirty"
-        style="max-width: 250px"></v-select>
-    </template>
-
-    <div v-if="selectedSite">
-      <v-row class="mt-5">
-        <v-col cols="3">Visitor Origin</v-col>
-        <v-col></v-col>
-        <v-col cols="3" class="text-body-1 text-center"> Daily Totals </v-col>
-        <!-- <v-col cols="3" class="text-body-1 text-center"> Weekly Totals </v-col> -->
-      </v-row>
-      <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">
-        <v-divider></v-divider>
-        <v-col cols="3">
-          <div class="text-h6 float-left pt-3">{{ location.name }}</div>
-        </v-col>
-        <v-col>
-          <div class="text-center">
-            <v-btn variant="flat" color="#3A8340" icon="" class="mr-3" @click="plusOne(location)"
-              ><span style="color: white">+1</span></v-btn
-            >
-            <v-btn variant="flat" color="#3A8340" icon="" class="mr-10" @click="plusFive(location)"
-              ><span style="color: white">+5</span></v-btn
-            >
-            <v-btn
-              variant="flat"
-              color="orange"
-              icon=""
-              class="mr-3"
-              @click="minusOne(location)"
-              :disabled="location.daily_total - 1 < 0"
-              >-1</v-btn
-            >
-            <v-btn
-              variant="flat"
-              color="orange"
-              icon=""
-              class="mr-0"
-              @click="minusFive(location)"
-              :disabled="location.daily_total - 5 < 0"
-              >-5</v-btn
-            >
-          </div>
-        </v-col>
-
-        <v-col cols="3" class="text-h6 text-center pt-3">
-          <div class="pt-3">{{ location.daily_total }}</div>
-        </v-col>
-        <!-- <v-col cols="3" class="text-h6 text-center pt-3">
-          <div class="pt-3">{{ location.weekly_total }}</div>
-        </v-col> -->
-      </v-row>
+  <div class="d-flex justify-space-between">
+    <h1 class="text-h5 mb-5">Daily Data Entry</h1>
+
+    <div>
+      <v-switch
+        v-model="entryMode"
+        label="Direct Input"
+        color="primary"
+        inset
+      ></v-switch>
     </div>
-    <div v-else>Not site selected</div>
-  </BaseCard>
+  </div>
+
+  <template v-if="entryMode">
+    IncrementalDataEntryCard
+    <IncrementalDataEntryCard />
+  </template>
+  <template v-else>
+    BulkDataEntryCard
+    <BulkDataEntryCard />
+  </template>
 </template>
+
 <script lang="ts">
-import { mapActions, mapState, mapWritableState } from "pinia";
-import moment from "moment";
-import { useUserStore } from "@/store/UserStore";
-import { useCentreStore } from "../store";
+import IncrementalDataEntryCard from "./IncrementalDataEntryCard";
+import BulkDataEntryCard from "./BulkDataEntryCard";
 
 export default {
-  name: "Dashboard",
-  components: {},
-  data: () => ({
-    total: 0,
-    isDirty: false,
-  }),
-  async mounted() {
-    //if (this.user.primary_site && this.user.primary_site != -1) this.site = this.user.primary_site;
-    let r = window.setInterval(async () => {
-      if (!this.isDirty) return;
-
-      await this.save();
-      this.isDirty = false;
-    }, 2000);
-
-    if (this.loadFor.length > 0) {
-      await this.loadDailyStats(this.loadFor);
-      this.selectFirstToManage();
-    }
+  name: "DataEntry",
+  components: {
+    IncrementalDataEntryCard,
+    BulkDataEntryCard,
   },
-  async beforeUnmount() {
-    if (this.selectedDate && this.isDirty) {
-      await this.save();
+  data () {
+    return {
+      entryMode: false,
     }
   },
-  computed: {
-    ...mapState(useUserStore, ["user"]),
-    ...mapState(useCentreStore, ["dateOptions", "manageSites"]),
-    ...mapWritableState(useCentreStore, ["selectedDate", "selectedSite"]),
-
-    loadFor() {
-      return this.user.scopes
-        .filter((s: any) => s.name.startsWith("VIC.INPUT"))
-        .map((s: any) => parseInt(s.name.replace("VIC.INPUT_", "")));
-    },
-    totalCountHeader() {
-      if (this.selectedDate && this.selectedDate.origins) {
-        let counts = this.selectedDate.origins.flatMap((i: any) => i.daily_total);
-        let total = counts.reduce((t: number, i: any) => t + i, 0);
-        return `${total} visitors`;
-      }
-      return "";
-    },
-    dateHeader() {
-      if (this.selectedSite && this.selectedDate) {
-        return `${moment(this.selectedDate.date).format("MMMM D, YYYY")} in ${this.selectedSite.name}`;
-      }
-
-      return "";
-    },
-  },
-  methods: {
-    ...mapActions(useUserStore, ["canDo"]),
-    ...mapActions(useCentreStore, ["save", "loadDailyStats", "selectFirstToManage"]),
-
-    changed() {
-      this.selectedDate = (this.selectedSite as any).days[0];
-    },
-
-    plusOne(location: any) {
-      this.isDirty = true;
-      location.delta++;
-    },
-    plusFive(location: any) {
-      this.isDirty = true;
-      location.delta += 5;
-    },
-    minusOne(location: any) {
-      this.isDirty = true;
-      location.delta--;
-    },
-    minusFive(location: any) {
-      this.isDirty = true;
-      location.delta -= 5;
-    },
-  },
-};
+}
 </script>
 
-<style>
-.v-btn.v-btn--disabled.bg-orange {
-  background-color: #895200 !important;
-}
-.v-btn.v-btn--disabled.bg-orange .v-btn__overlay {
-  opacity: 0;
-}
+<style scoped>
 
-.v-btn.v-btn--disabled.bg-orange .v-btn__content {
-  color: white !important;
-}
 </style>
diff --git a/src/web/src/modules/centre/components/IncrementalDataEntryCard.vue b/src/web/src/modules/centre/components/IncrementalDataEntryCard.vue
new file mode 100644
index 0000000..0375f32
--- /dev/null
+++ b/src/web/src/modules/centre/components/IncrementalDataEntryCard.vue
@@ -0,0 +1,186 @@
+<template>
+  <BaseCard showHeader="t" heading="" class="pb-3">
+    <template v-slot:left>
+      <v-select
+        :items="manageSites"
+        label="Site"
+        hide-details
+        v-model="selectedSite"
+        return-object
+        style="max-width: 250px"
+        item-title="name"
+        :disabled="isDirty"
+        @update:modelValue="changed"
+        item-value="id"></v-select>
+    </template>
+
+    <template v-slot:center>
+      <div style="margin-top: 0px; text-align: center">
+        <div style="font-size: 1.5rem; font-weight: bold; line-height: 1.6rem">{{ totalCountHeader }}</div>
+        {{ dateHeader }}
+      </div>
+    </template>
+
+    <template v-slot:right>
+      <v-select
+        v-model="selectedDate"
+        label="Date"
+        :items="dateOptions"
+        item-title="date"
+        return-object
+        hide-details
+        :disabled="isDirty"
+        style="max-width: 250px"></v-select>
+    </template>
+
+    <div v-if="selectedSite">
+      <v-row class="mt-5">
+        <v-col cols="3">Visitor Origin</v-col>
+        <v-col></v-col>
+        <v-col cols="3" class="text-body-1 text-center"> Daily Totals </v-col>
+        <!-- <v-col cols="3" class="text-body-1 text-center"> Weekly Totals </v-col> -->
+      </v-row>
+      <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">
+        <v-divider></v-divider>
+        <v-col cols="3">
+          <div class="text-h6 float-left pt-3">{{ location.name }}</div>
+        </v-col>
+        <v-col>
+          <div class="text-center">
+            <v-btn variant="flat" color="#3A8340" icon="" class="mr-3" @click="plusOne(location)"
+              ><span style="color: white">+1</span></v-btn
+            >
+            <v-btn variant="flat" color="#3A8340" icon="" class="mr-10" @click="plusFive(location)"
+              ><span style="color: white">+5</span></v-btn
+            >
+            <v-btn
+              variant="flat"
+              color="orange"
+              icon=""
+              class="mr-3"
+              @click="minusOne(location)"
+              :disabled="location.daily_total - 1 < 0"
+              >-1</v-btn
+            >
+            <v-btn
+              variant="flat"
+              color="orange"
+              icon=""
+              class="mr-0"
+              @click="minusFive(location)"
+              :disabled="location.daily_total - 5 < 0"
+              >-5</v-btn
+            >
+          </div>
+        </v-col>
+
+        <v-col cols="3" class="text-h6 text-center pt-3">
+          <div class="pt-3">{{ location.daily_total }}</div>
+        </v-col>
+        <!-- <v-col cols="3" class="text-h6 text-center pt-3">
+          <div class="pt-3">{{ location.weekly_total }}</div>
+        </v-col> -->
+      </v-row>
+    </div>
+    <div v-else>Not site selected</div>
+  </BaseCard>
+</template>
+
+<script lang="ts">
+import { mapActions, mapState, mapWritableState } from "pinia";
+import moment from "moment";
+import { useUserStore } from "@/store/UserStore";
+import { useCentreStore } from "../store";
+
+export default {
+  name: "IncrementalDataEntryCard",
+  components: {},
+  data: () => ({
+    total: 0,
+    isDirty: false,
+  }),
+  async mounted() {
+    //if (this.user.primary_site && this.user.primary_site != -1) this.site = this.user.primary_site;
+    let r = window.setInterval(async () => {
+      if (!this.isDirty) return;
+
+      await this.save();
+      this.isDirty = false;
+    }, 2000);
+
+    if (this.loadFor.length > 0) {
+      await this.loadDailyStats(this.loadFor);
+      this.selectFirstToManage();
+    }
+  },
+  async beforeUnmount() {
+    if (this.selectedDate && this.isDirty) {
+      await this.save();
+    }
+  },
+  computed: {
+    ...mapState(useUserStore, ["user"]),
+    ...mapState(useCentreStore, ["dateOptions", "manageSites"]),
+    ...mapWritableState(useCentreStore, ["selectedDate", "selectedSite"]),
+
+    loadFor() {
+      return this.user.scopes
+        .filter((s: any) => s.name.startsWith("VIC.INPUT"))
+        .map((s: any) => parseInt(s.name.replace("VIC.INPUT_", "")));
+    },
+    totalCountHeader() {
+      if (this.selectedDate && this.selectedDate.origins) {
+        let counts = this.selectedDate.origins.flatMap((i: any) => i.daily_total);
+        let total = counts.reduce((t: number, i: any) => t + i, 0);
+        return `${total} visitors`;
+      }
+      return "";
+    },
+    dateHeader() {
+      if (this.selectedSite && this.selectedDate) {
+        return `${moment(this.selectedDate.date).format("MMMM D, YYYY")} in ${this.selectedSite.name}`;
+      }
+
+      return "";
+    },
+  },
+  methods: {
+    ...mapActions(useUserStore, ["canDo"]),
+    ...mapActions(useCentreStore, ["save", "loadDailyStats", "selectFirstToManage"]),
+
+    changed() {
+      this.selectedDate = (this.selectedSite as any).days[0];
+    },
+
+    plusOne(location: any) {
+      this.isDirty = true;
+      location.delta++;
+    },
+    plusFive(location: any) {
+      this.isDirty = true;
+      location.delta += 5;
+    },
+    minusOne(location: any) {
+      this.isDirty = true;
+      location.delta--;
+    },
+    minusFive(location: any) {
+      this.isDirty = true;
+      location.delta -= 5;
+    },
+  },
+};
+</script>
+
+<style>
+.v-btn.v-btn--disabled.bg-orange {
+  background-color: #895200 !important;
+}
+.v-btn.v-btn--disabled.bg-orange .v-btn__overlay {
+  opacity: 0;
+}
+
+.v-btn.v-btn--disabled.bg-orange .v-btn__content {
+  color: white !important;
+}
+</style>

From 79543282e3aade9cf269a8eb8d0fef76a6704db6 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Fri, 12 May 2023 18:14:21 -0700
Subject: [PATCH 02/20] :construction: Begin building out distribution
 interface.

Looks of broken work in progress code.
---
 .../centre/components/BulkDataEntryCard.vue   | 143 ++++++++----------
 .../modules/centre/components/DataEntry.vue   |   8 +-
 2 files changed, 70 insertions(+), 81 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 59abb27..3ecf0c7 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -36,50 +36,48 @@
     <div v-if="selectedSite">
       <v-row class="mt-5">
         <v-col cols="3">Visitor Origin</v-col>
-        <v-col></v-col>
-        <v-col cols="3" class="text-body-1 text-center"> Daily Totals </v-col>
-        <!-- <v-col cols="3" class="text-body-1 text-center"> Weekly Totals </v-col> -->
+        <v-col>
+          <v-text-field
+            :value="totalVistorsForDay"
+            type="number"
+            min="0"
+            label="Daily Total"
+            hide-details
+            @input="updateFullTotal"
+          />
+        </v-col>
+        <v-col cols="3" class="text-body-1 text-center">
+          Daily Totals by Location
+        </v-col>
       </v-row>
       <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">
         <v-divider></v-divider>
         <v-col cols="3">
           <div class="text-h6 float-left pt-3">{{ location.name }}</div>
         </v-col>
-        <v-col>
-          <div class="text-center">
-            <v-btn variant="flat" color="#3A8340" icon="" class="mr-3" @click="plusOne(location)"
-              ><span style="color: white">+1</span></v-btn
-            >
-            <v-btn variant="flat" color="#3A8340" icon="" class="mr-10" @click="plusFive(location)"
-              ><span style="color: white">+5</span></v-btn
-            >
-            <v-btn
-              variant="flat"
-              color="orange"
-              icon=""
-              class="mr-3"
-              @click="minusOne(location)"
-              :disabled="location.daily_total - 1 < 0"
-              >-1</v-btn
-            >
-            <v-btn
-              variant="flat"
-              color="orange"
-              icon=""
-              class="mr-0"
-              @click="minusFive(location)"
-              :disabled="location.daily_total - 5 < 0"
-              >-5</v-btn
-            >
-          </div>
+        <v-col class="text-h6 text-center pt-3">
+          <v-slider
+            v-model="slider"
+            class="align-center"
+            :max="unallocatedVistors"
+            min="0"
+            hide-details
+          >
+            <template v-slot:append>
+              <v-text-field
+                v-model="slider"
+                :value="location.daily_total"
+                hide-details
+                single-line
+                density="compact"
+                type="number"
+                :max="max"
+                min="0"
+                @input="updateLocationCategoryTotal(location, $event.target.value)"
+              ></v-text-field>
+            </template>
+          </v-slider>
         </v-col>
-
-        <v-col cols="3" class="text-h6 text-center pt-3">
-          <div class="pt-3">{{ location.daily_total }}</div>
-        </v-col>
-        <!-- <v-col cols="3" class="text-h6 text-center pt-3">
-          <div class="pt-3">{{ location.weekly_total }}</div>
-        </v-col> -->
       </v-row>
     </div>
     <div v-else>Not site selected</div>
@@ -96,45 +94,39 @@ export default {
   name: "BulkDataEntryCard",
   components: {},
   data: () => ({
-    total: 0,
     isDirty: false,
+    dailyTotalVisitors: 0,
   }),
-  async mounted() {
-    //if (this.user.primary_site && this.user.primary_site != -1) this.site = this.user.primary_site;
-    let r = window.setInterval(async () => {
-      if (!this.isDirty) return;
-
-      await this.save();
-      this.isDirty = false;
-    }, 2000);
-
+  mounted() {
     if (this.loadFor.length > 0) {
-      await this.loadDailyStats(this.loadFor);
-      this.selectFirstToManage();
-    }
-  },
-  async beforeUnmount() {
-    if (this.selectedDate && this.isDirty) {
-      await this.save();
+      this.loadDailyStats(this.loadFor).then(() => {
+        return this.selectFirstToManage();
+      })
     }
   },
   computed: {
     ...mapState(useUserStore, ["user"]),
     ...mapState(useCentreStore, ["dateOptions", "manageSites"]),
     ...mapWritableState(useCentreStore, ["selectedDate", "selectedSite"]),
-
     loadFor() {
       return this.user.scopes
         .filter((s: any) => s.name.startsWith("VIC.INPUT"))
         .map((s: any) => parseInt(s.name.replace("VIC.INPUT_", "")));
     },
     totalCountHeader() {
+      if (this.totalVistorsForDay > 0) {
+        return `${this.totalVistorsForDay} visitors`;
+      }
+      return "";
+    },
+    totalVistorsForDay() {
       if (this.selectedDate && this.selectedDate.origins) {
         let counts = this.selectedDate.origins.flatMap((i: any) => i.daily_total);
         let total = counts.reduce((t: number, i: any) => t + i, 0);
-        return `${total} visitors`;
+        return total;
       }
-      return "";
+
+      return 0
     },
     dateHeader() {
       if (this.selectedSite && this.selectedDate) {
@@ -143,31 +135,30 @@ export default {
 
       return "";
     },
+    unknownLocation() {
+      if (this.selectedSite && this.selectedDate) {
+        return this.selectedDate.origins.find(location => location.name == "Unknown")
+      }
+
+      return {}
+    },
+    unallocatedVistors() {
+      return this.unknownLocation.daily_total || 0
+    }
   },
   methods: {
     ...mapActions(useUserStore, ["canDo"]),
     ...mapActions(useCentreStore, ["save", "loadDailyStats", "selectFirstToManage"]),
-
-    changed() {
-      this.selectedDate = (this.selectedSite as any).days[0];
-    },
-
-    plusOne(location: any) {
-      this.isDirty = true;
-      location.delta++;
+    siteChanged() {
+      this.selectedDate = this.selectedSite.days[0];
     },
-    plusFive(location: any) {
-      this.isDirty = true;
-      location.delta += 5;
-    },
-    minusOne(location: any) {
-      this.isDirty = true;
-      location.delta--;
-    },
-    minusFive(location: any) {
-      this.isDirty = true;
-      location.delta -= 5;
+    updateLocationCategoryTotal(location: any, value: Number) {
+      this.isDirty = true
+      location.daily_total = parseInt(value);
     },
+    updateFullTotal(value) {
+      // get total of all
+    }
   },
 };
 </script>
diff --git a/src/web/src/modules/centre/components/DataEntry.vue b/src/web/src/modules/centre/components/DataEntry.vue
index da6ae62..3ed9e0b 100644
--- a/src/web/src/modules/centre/components/DataEntry.vue
+++ b/src/web/src/modules/centre/components/DataEntry.vue
@@ -13,12 +13,10 @@
   </div>
 
   <template v-if="entryMode">
-    IncrementalDataEntryCard
-    <IncrementalDataEntryCard />
+    <BulkDataEntryCard />
   </template>
   <template v-else>
-    BulkDataEntryCard
-    <BulkDataEntryCard />
+    <IncrementalDataEntryCard />
   </template>
 </template>
 
@@ -34,7 +32,7 @@ export default {
   },
   data () {
     return {
-      entryMode: false,
+      entryMode: true,
     }
   },
 }

From a4b631906c66a124c01495810aff2bf94443f4a9 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Sun, 14 May 2023 12:15:45 -0700
Subject: [PATCH 03/20] :cherry_blossom: Basic UI mockup for manual visitor
 entry.

---
 .../centre/components/BulkDataEntryCard.vue   | 147 +++++++++++-------
 1 file changed, 89 insertions(+), 58 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 3ecf0c7..8a0a9e3 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -10,13 +10,16 @@
         style="max-width: 250px"
         item-title="name"
         :disabled="isDirty"
-        @update:modelValue="changed"
-        item-value="id"></v-select>
+        @update:modelValue="selectTodaysDate"
+        item-value="id"
+      ></v-select>
     </template>
 
     <template v-slot:center>
       <div style="margin-top: 0px; text-align: center">
-        <div style="font-size: 1.5rem; font-weight: bold; line-height: 1.6rem">{{ totalCountHeader }}</div>
+        <div style="font-size: 1.5rem; font-weight: bold; line-height: 1.6rem">
+          {{ totalCountHeader }}
+        </div>
         {{ dateHeader }}
       </div>
     </template>
@@ -30,22 +33,27 @@
         return-object
         hide-details
         :disabled="isDirty"
-        style="max-width: 250px"></v-select>
+        style="max-width: 250px"
+      ></v-select>
     </template>
 
     <div v-if="selectedSite">
       <v-row class="mt-5">
-        <v-col cols="3">Visitor Origin</v-col>
-        <v-col>
+        <v-col></v-col>
+        <v-col cols="3">
           <v-text-field
-            :value="totalVistorsForDay"
+            :modelValue="totalVistorsForDay"
+            @update:modelValue="updateTotalVistors"
             type="number"
             min="0"
             label="Daily Total"
             hide-details
-            @input="updateFullTotal"
           />
         </v-col>
+      </v-row>
+      <v-row class="mt-5">
+        <v-col cols="3">Visitor Origin</v-col>
+        <v-col> </v-col>
         <v-col cols="3" class="text-body-1 text-center">
           Daily Totals by Location
         </v-col>
@@ -55,28 +63,35 @@
         <v-col cols="3">
           <div class="text-h6 float-left pt-3">{{ location.name }}</div>
         </v-col>
-        <v-col class="text-h6 text-center pt-3">
-          <v-slider
-            v-model="slider"
-            class="align-center"
-            :max="unallocatedVistors"
-            min="0"
-            hide-details
-          >
-            <template v-slot:append>
-              <v-text-field
-                v-model="slider"
-                :value="location.daily_total"
-                hide-details
-                single-line
-                density="compact"
-                type="number"
-                :max="max"
-                min="0"
-                @input="updateLocationCategoryTotal(location, $event.target.value)"
-              ></v-text-field>
-            </template>
-          </v-slider>
+        <v-col></v-col>
+        <v-col cols="3">
+          <template v-if="location.name == UNKNOWN_CATEGORY_LOCATION_NAME">
+            <v-text-field
+              :modelValue="uncategorizedLocation.daily_total"
+              @update:modelValue="(newValue) => uncategorizedLocation.daily_total = parseInt(newValue)"
+              density="compact"
+              hide-details
+              min="0"
+              readonly
+              disabled
+              single-line
+              type="number"
+            ></v-text-field>
+          </template>
+          <template v-else>
+            <v-text-field
+              :max="uncategorizedVistors"
+              :modelValue="location.daily_total"
+              @update:modelValue="
+                (newValue) => updateLocationCategoryTotal(location, newValue)
+              "
+              density="compact"
+              hide-details
+              min="0"
+              single-line
+              type="number"
+            ></v-text-field>
+          </template>
         </v-col>
       </v-row>
     </div>
@@ -85,6 +100,8 @@
 </template>
 
 <script lang="ts">
+const UNKNOWN_CATEGORY_LOCATION_NAME = "Unknown";
+
 import { mapActions, mapState, mapWritableState } from "pinia";
 import moment from "moment";
 import { useUserStore } from "@/store/UserStore";
@@ -95,13 +112,14 @@ export default {
   components: {},
   data: () => ({
     isDirty: false,
-    dailyTotalVisitors: 0,
+    totalVistorsForDay: 0,
+    UNKNOWN_CATEGORY_LOCATION_NAME,
   }),
   mounted() {
     if (this.loadFor.length > 0) {
       this.loadDailyStats(this.loadFor).then(() => {
         return this.selectFirstToManage();
-      })
+      });
     }
   },
   computed: {
@@ -119,46 +137,59 @@ export default {
       }
       return "";
     },
-    totalVistorsForDay() {
-      if (this.selectedDate && this.selectedDate.origins) {
-        let counts = this.selectedDate.origins.flatMap((i: any) => i.daily_total);
-        let total = counts.reduce((t: number, i: any) => t + i, 0);
-        return total;
-      }
-
-      return 0
-    },
     dateHeader() {
       if (this.selectedSite && this.selectedDate) {
-        return `${moment(this.selectedDate.date).format("MMMM D, YYYY")} in ${this.selectedSite.name}`;
+        return `${moment(this.selectedDate.date).format("MMMM D, YYYY")} in ${
+          this.selectedSite.name
+        }`;
       }
 
       return "";
     },
-    unknownLocation() {
-      if (this.selectedSite && this.selectedDate) {
-        return this.selectedDate.origins.find(location => location.name == "Unknown")
-      }
-
-      return {}
+    categorizedLocations() {
+      return this.selectedDate.origins.filter(
+        (location) => location.name !== UNKNOWN_CATEGORY_LOCATION_NAME
+      );
+    },
+    uncategorizedLocation() {
+      return this.selectedDate.origins.find(
+        (location) => location.name === UNKNOWN_CATEGORY_LOCATION_NAME
+      );
+    },
+    uncategorizedVistors() {
+      return this.uncategorizedLocation.daily_total;
+    },
+    categorizedVistors() {
+      return this.categorizedLocations.reduce(
+        (total, location) => total + location.daily_total,
+        0
+      );
     },
-    unallocatedVistors() {
-      return this.unknownLocation.daily_total || 0
-    }
   },
   methods: {
     ...mapActions(useUserStore, ["canDo"]),
-    ...mapActions(useCentreStore, ["save", "loadDailyStats", "selectFirstToManage"]),
-    siteChanged() {
+    ...mapActions(useCentreStore, [
+      "save",
+      "loadDailyStats",
+      "selectFirstToManage",
+    ]),
+    selectTodaysDate() {
       this.selectedDate = this.selectedSite.days[0];
     },
-    updateLocationCategoryTotal(location: any, value: Number) {
-      this.isDirty = true
+    updateLocationCategoryTotal(location, value) {
       location.daily_total = parseInt(value);
+      this.uncategorizedLocation.daily_total -= parseInt(value)
+    },
+    updateTotalVistors(value) {
+      if (value < this.totalVistorsForDay) {
+        // remove uncategorized unill 0
+        // successively remove 1 from each other category
+        // until total vistors is 0
+      } else {
+        this.totalVistorsForDay = parseInt(value);
+        this.uncategorizedLocation.daily_total = this.totalVistorsForDay - this.categorizedVistors;
+      }
     },
-    updateFullTotal(value) {
-      // get total of all
-    }
   },
 };
 </script>

From 04843483018a068215936cda19a79906fddbd8ff Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Sun, 14 May 2023 12:30:54 -0700
Subject: [PATCH 04/20] :beetle: Tweak some logic and naming.

---
 .../centre/components/BulkDataEntryCard.vue      | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 8a0a9e3..6ef5d8c 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -46,7 +46,7 @@
             @update:modelValue="updateTotalVistors"
             type="number"
             min="0"
-            label="Daily Total"
+            label="Total Vistors for Day"
             hide-details
           />
         </v-col>
@@ -55,7 +55,7 @@
         <v-col cols="3">Visitor Origin</v-col>
         <v-col> </v-col>
         <v-col cols="3" class="text-body-1 text-center">
-          Daily Totals by Location
+          Vistors per Location
         </v-col>
       </v-row>
       <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">
@@ -176,9 +176,13 @@ export default {
     selectTodaysDate() {
       this.selectedDate = this.selectedSite.days[0];
     },
+    updateUncategorizedVistors() {
+      this.uncategorizedLocation.daily_total = this.totalVistorsForDay - this.categorizedVistors
+    },
     updateLocationCategoryTotal(location, value) {
-      location.daily_total = parseInt(value);
-      this.uncategorizedLocation.daily_total -= parseInt(value)
+      const valueAsInt = parseInt(value) || 0
+      location.daily_total = valueAsInt;
+      this.updateUncategorizedVistors()
     },
     updateTotalVistors(value) {
       if (value < this.totalVistorsForDay) {
@@ -186,8 +190,8 @@ export default {
         // successively remove 1 from each other category
         // until total vistors is 0
       } else {
-        this.totalVistorsForDay = parseInt(value);
-        this.uncategorizedLocation.daily_total = this.totalVistorsForDay - this.categorizedVistors;
+        this.totalVistorsForDay = parseInt(value) || 0;
+        this.updateUncategorizedVistors()
       }
     },
   },

From e76929ea9dad0db4dcb314720172075bbbd6f8e8 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Sun, 14 May 2023 17:26:46 -0700
Subject: [PATCH 05/20] :sparkles: Add save button.

Why? Given the limitations of the back-end, it's more convenient to commit all changes at once, manually. This is still a mock-up.
---
 .../modules/centre/components/BulkDataEntryCard.vue   | 11 +++++++++++
 src/web/src/modules/centre/components/DataEntry.vue   |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 6ef5d8c..291d5f0 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -94,6 +94,17 @@
           </template>
         </v-col>
       </v-row>
+      <v-row>
+        <v-col cols="9"></v-col>
+        <v-col>
+          <v-btn
+            color="primary"
+            size="large"
+            block
+            @input="save"
+          >Save</v-btn>
+        </v-col>
+      </v-row>
     </div>
     <div v-else>Not site selected</div>
   </BaseCard>
diff --git a/src/web/src/modules/centre/components/DataEntry.vue b/src/web/src/modules/centre/components/DataEntry.vue
index 3ed9e0b..b193e15 100644
--- a/src/web/src/modules/centre/components/DataEntry.vue
+++ b/src/web/src/modules/centre/components/DataEntry.vue
@@ -5,7 +5,7 @@
     <div>
       <v-switch
         v-model="entryMode"
-        label="Direct Input"
+        label="Bulk Input"
         color="primary"
         inset
       ></v-switch>

From 833c98613801de512848c1fe0d2e8a2886cdd230 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 13:05:32 -0700
Subject: [PATCH 06/20] :ok_hand: Switch wording to use Daily Visitors for both
 interfaces.

---
 src/web/src/modules/centre/components/BulkDataEntryCard.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 291d5f0..913ffda 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -55,7 +55,7 @@
         <v-col cols="3">Visitor Origin</v-col>
         <v-col> </v-col>
         <v-col cols="3" class="text-body-1 text-center">
-          Vistors per Location
+          Daily Visitors
         </v-col>
       </v-row>
       <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">

From 3a805f3c421a10b895c94816dfc376d451225413 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 13:24:19 -0700
Subject: [PATCH 07/20] :cherry_blossom: Make bulk data entry pretty down to
 table sizing.

---
 .../centre/components/BulkDataEntryCard.vue      | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 913ffda..3c1d51c 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -40,7 +40,7 @@
     <div v-if="selectedSite">
       <v-row class="mt-5">
         <v-col></v-col>
-        <v-col cols="3">
+        <v-col md="3">
           <v-text-field
             :modelValue="totalVistorsForDay"
             @update:modelValue="updateTotalVistors"
@@ -52,19 +52,17 @@
         </v-col>
       </v-row>
       <v-row class="mt-5">
-        <v-col cols="3">Visitor Origin</v-col>
-        <v-col> </v-col>
-        <v-col cols="3" class="text-body-1 text-center">
+        <v-col>Visitor Origin</v-col>
+        <v-col md="3">
           Daily Visitors
         </v-col>
       </v-row>
       <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">
         <v-divider></v-divider>
-        <v-col cols="3">
+        <v-col>
           <div class="text-h6 float-left pt-3">{{ location.name }}</div>
         </v-col>
-        <v-col></v-col>
-        <v-col cols="3">
+        <v-col md="3">
           <template v-if="location.name == UNKNOWN_CATEGORY_LOCATION_NAME">
             <v-text-field
               :modelValue="uncategorizedLocation.daily_total"
@@ -95,8 +93,8 @@
         </v-col>
       </v-row>
       <v-row>
-        <v-col cols="9"></v-col>
-        <v-col>
+        <v-col></v-col>
+        <v-col sm="6" md="3">
           <v-btn
             color="primary"
             size="large"

From 573a056bebc466df8171ce6d983f0e28d2cbf973 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 14:19:29 -0700
Subject: [PATCH 08/20] :recycle: Simplify data entry sites lookup.

How? By using method that exist in store.
Also delete a bunch of code that isn't being used.
---
 .../centre/components/BulkDataEntryCard.vue   | 46 ++++++++-----------
 1 file changed, 18 insertions(+), 28 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 3c1d51c..9044483 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -9,7 +9,6 @@
         return-object
         style="max-width: 250px"
         item-title="name"
-        :disabled="isDirty"
         @update:modelValue="selectTodaysDate"
         item-value="id"
       ></v-select>
@@ -32,7 +31,6 @@
         item-title="date"
         return-object
         hide-details
-        :disabled="isDirty"
         style="max-width: 250px"
       ></v-select>
     </template>
@@ -53,9 +51,7 @@
       </v-row>
       <v-row class="mt-5">
         <v-col>Visitor Origin</v-col>
-        <v-col md="3">
-          Daily Visitors
-        </v-col>
+        <v-col md="3"> Daily Visitors </v-col>
       </v-row>
       <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">
         <v-divider></v-divider>
@@ -66,7 +62,10 @@
           <template v-if="location.name == UNKNOWN_CATEGORY_LOCATION_NAME">
             <v-text-field
               :modelValue="uncategorizedLocation.daily_total"
-              @update:modelValue="(newValue) => uncategorizedLocation.daily_total = parseInt(newValue)"
+              @update:modelValue="
+                (newValue) =>
+                  (uncategorizedLocation.daily_total = parseInt(newValue))
+              "
               density="compact"
               hide-details
               min="0"
@@ -95,12 +94,7 @@
       <v-row>
         <v-col></v-col>
         <v-col sm="6" md="3">
-          <v-btn
-            color="primary"
-            size="large"
-            block
-            @input="save"
-          >Save</v-btn>
+          <v-btn color="primary" size="large" block @input="save">Save</v-btn>
         </v-col>
       </v-row>
     </div>
@@ -109,37 +103,33 @@
 </template>
 
 <script lang="ts">
-const UNKNOWN_CATEGORY_LOCATION_NAME = "Unknown";
-
 import { mapActions, mapState, mapWritableState } from "pinia";
 import moment from "moment";
+import { isEmpty } from "lodash";
+
 import { useUserStore } from "@/store/UserStore";
 import { useCentreStore } from "../store";
 
+const UNKNOWN_CATEGORY_LOCATION_NAME = "Unknown";
+
 export default {
   name: "BulkDataEntryCard",
   components: {},
   data: () => ({
-    isDirty: false,
     totalVistorsForDay: 0,
     UNKNOWN_CATEGORY_LOCATION_NAME,
   }),
   mounted() {
-    if (this.loadFor.length > 0) {
-      this.loadDailyStats(this.loadFor).then(() => {
+    if (!isEmpty(this.dataEntrySites)) {
+      this.loadDailyStats(this.dataEntrySites).then(() => {
         return this.selectFirstToManage();
       });
     }
   },
   computed: {
-    ...mapState(useUserStore, ["user"]),
+    ...mapState(useUserStore, ["dataEntrySites"]),
     ...mapState(useCentreStore, ["dateOptions", "manageSites"]),
     ...mapWritableState(useCentreStore, ["selectedDate", "selectedSite"]),
-    loadFor() {
-      return this.user.scopes
-        .filter((s: any) => s.name.startsWith("VIC.INPUT"))
-        .map((s: any) => parseInt(s.name.replace("VIC.INPUT_", "")));
-    },
     totalCountHeader() {
       if (this.totalVistorsForDay > 0) {
         return `${this.totalVistorsForDay} visitors`;
@@ -176,7 +166,6 @@ export default {
     },
   },
   methods: {
-    ...mapActions(useUserStore, ["canDo"]),
     ...mapActions(useCentreStore, [
       "save",
       "loadDailyStats",
@@ -186,12 +175,13 @@ export default {
       this.selectedDate = this.selectedSite.days[0];
     },
     updateUncategorizedVistors() {
-      this.uncategorizedLocation.daily_total = this.totalVistorsForDay - this.categorizedVistors
+      this.uncategorizedLocation.daily_total =
+        this.totalVistorsForDay - this.categorizedVistors;
     },
     updateLocationCategoryTotal(location, value) {
-      const valueAsInt = parseInt(value) || 0
+      const valueAsInt = parseInt(value) || 0;
       location.daily_total = valueAsInt;
-      this.updateUncategorizedVistors()
+      this.updateUncategorizedVistors();
     },
     updateTotalVistors(value) {
       if (value < this.totalVistorsForDay) {
@@ -200,7 +190,7 @@ export default {
         // until total vistors is 0
       } else {
         this.totalVistorsForDay = parseInt(value) || 0;
-        this.updateUncategorizedVistors()
+        this.updateUncategorizedVistors();
       }
     },
   },

From 1e76d6ccf33e3c5859122132233219519a7d74f9 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 15:28:12 -0700
Subject: [PATCH 09/20] :sparkles: Fix max value for daily visitors by location
 fields.

---
 .../centre/components/BulkDataEntryCard.vue   | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 9044483..3a52132 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -61,11 +61,7 @@
         <v-col md="3">
           <template v-if="location.name == UNKNOWN_CATEGORY_LOCATION_NAME">
             <v-text-field
-              :modelValue="uncategorizedLocation.daily_total"
-              @update:modelValue="
-                (newValue) =>
-                  (uncategorizedLocation.daily_total = parseInt(newValue))
-              "
+              :modelValue="uncategorizedVistors"
               density="compact"
               hide-details
               min="0"
@@ -77,7 +73,7 @@
           </template>
           <template v-else>
             <v-text-field
-              :max="uncategorizedVistors"
+              :max="totalVistorsForDay - categorizedVistorsExceptThoseIn(location)"
               :modelValue="location.daily_total"
               @update:modelValue="
                 (newValue) => updateLocationCategoryTotal(location, newValue)
@@ -174,22 +170,32 @@ export default {
     selectTodaysDate() {
       this.selectedDate = this.selectedSite.days[0];
     },
+    categorizedVistorsExceptThoseIn(excludedLocation) {
+      return this.categorizedVistors - excludedLocation.daily_total
+    },
+    parseAndNaturalizeNumber(value) {
+      return Math.max(0, parseInt(value) || 0)
+    },
     updateUncategorizedVistors() {
       this.uncategorizedLocation.daily_total =
         this.totalVistorsForDay - this.categorizedVistors;
     },
     updateLocationCategoryTotal(location, value) {
-      const valueAsInt = parseInt(value) || 0;
-      location.daily_total = valueAsInt;
+      const normalizedValue = this.parseAndNaturalizeNumber(value)
+      location.daily_total = normalizedValue;
       this.updateUncategorizedVistors();
     },
     updateTotalVistors(value) {
-      if (value < this.totalVistorsForDay) {
-        // remove uncategorized unill 0
+      const normalizedValue = this.parseAndNaturalizeNumber(value)
+
+      if (normalizedValue < this.totalVistorsForDay) {
+        this.totalVistorsForDay = normalizedValue;
+        // TODO
+        // remove uncategorized unil 0
         // successively remove 1 from each other category
         // until total vistors is 0
       } else {
-        this.totalVistorsForDay = parseInt(value) || 0;
+        this.totalVistorsForDay = normalizedValue;
         this.updateUncategorizedVistors();
       }
     },

From a9b017513c9528b50a5e242fde5e4f953ff670e7 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 15:40:11 -0700
Subject: [PATCH 10/20] :art: Use id check for cleanliness.

Probably I should load the uncategorized section separately? Or via some store level constant?
---
 src/web/src/modules/centre/components/BulkDataEntryCard.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 3a52132..a49ec3f 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -59,7 +59,7 @@
           <div class="text-h6 float-left pt-3">{{ location.name }}</div>
         </v-col>
         <v-col md="3">
-          <template v-if="location.name == UNKNOWN_CATEGORY_LOCATION_NAME">
+          <template v-if="location.id === uncategorizedLocation.id">
             <v-text-field
               :modelValue="uncategorizedVistors"
               density="compact"
@@ -113,7 +113,6 @@ export default {
   components: {},
   data: () => ({
     totalVistorsForDay: 0,
-    UNKNOWN_CATEGORY_LOCATION_NAME,
   }),
   mounted() {
     if (!isEmpty(this.dataEntrySites)) {

From d0e516eac3f0756a79d68dceea15c0844b73ed25 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 15:40:39 -0700
Subject: [PATCH 11/20] :sparkles: Limit visitor entry by min/max values.

---
 src/web/src/modules/centre/components/BulkDataEntryCard.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index a49ec3f..0c3a77c 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -181,7 +181,11 @@ export default {
     },
     updateLocationCategoryTotal(location, value) {
       const normalizedValue = this.parseAndNaturalizeNumber(value)
-      location.daily_total = normalizedValue;
+
+      const maxAvailableVisitors = this.totalVistorsForDay - this.categorizedVistorsExceptThoseIn(location)
+      const maxLimitedValule = Math.min(normalizedValue, maxAvailableVisitors)
+
+      location.daily_total = maxLimitedValule;
       this.updateUncategorizedVistors();
     },
     updateTotalVistors(value) {

From 2dc5f1af520ca08e5c1217ac0b1a9aa823a0b6f6 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 17:08:30 -0700
Subject: [PATCH 12/20] :recycle: Switch to updating "delta" instead of daily
 total.

Why? current back-end service extras delta as VisitorCount#count entry.
---
 .../centre/components/BulkDataEntryCard.vue   | 31 +++++++++++--------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 0c3a77c..4b0cd00 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -53,7 +53,7 @@
         <v-col>Visitor Origin</v-col>
         <v-col md="3"> Daily Visitors </v-col>
       </v-row>
-      <v-row v-for="(location, idx) of selectedDate.origins" :key="idx">
+      <v-row v-for="location in selectedDate.origins" :key="location.id">
         <v-divider></v-divider>
         <v-col>
           <div class="text-h6 float-left pt-3">{{ location.name }}</div>
@@ -61,7 +61,7 @@
         <v-col md="3">
           <template v-if="location.id === uncategorizedLocation.id">
             <v-text-field
-              :modelValue="uncategorizedVistors"
+              :modelValue="uncategorizedVisitors"
               density="compact"
               hide-details
               min="0"
@@ -74,7 +74,7 @@
           <template v-else>
             <v-text-field
               :max="totalVistorsForDay - categorizedVistorsExceptThoseIn(location)"
-              :modelValue="location.daily_total"
+              :modelValue="location.delta"
               @update:modelValue="
                 (newValue) => updateLocationCategoryTotal(location, newValue)
               "
@@ -90,7 +90,7 @@
       <v-row>
         <v-col></v-col>
         <v-col sm="6" md="3">
-          <v-btn color="primary" size="large" block @input="save">Save</v-btn>
+          <v-btn color="primary" size="large" block @click="saveAndExit">Save</v-btn>
         </v-col>
       </v-row>
     </div>
@@ -150,12 +150,12 @@ export default {
         (location) => location.name === UNKNOWN_CATEGORY_LOCATION_NAME
       );
     },
-    uncategorizedVistors() {
-      return this.uncategorizedLocation.daily_total;
+    uncategorizedVisitors() {
+      return this.uncategorizedLocation.delta;
     },
     categorizedVistors() {
       return this.categorizedLocations.reduce(
-        (total, location) => total + location.daily_total,
+        (total, location) => total + location.delta,
         0
       );
     },
@@ -170,13 +170,18 @@ export default {
       this.selectedDate = this.selectedSite.days[0];
     },
     categorizedVistorsExceptThoseIn(excludedLocation) {
-      return this.categorizedVistors - excludedLocation.daily_total
+      return this.categorizedVistors - excludedLocation.delta
     },
     parseAndNaturalizeNumber(value) {
       return Math.max(0, parseInt(value) || 0)
     },
-    updateUncategorizedVistors() {
-      this.uncategorizedLocation.daily_total =
+    saveAndExit() {
+      this.save().then(() => {
+        this.$emit('saved')
+      })
+    },
+    updateUncategorizedVisitors() {
+      this.uncategorizedLocation.delta =
         this.totalVistorsForDay - this.categorizedVistors;
     },
     updateLocationCategoryTotal(location, value) {
@@ -185,8 +190,8 @@ export default {
       const maxAvailableVisitors = this.totalVistorsForDay - this.categorizedVistorsExceptThoseIn(location)
       const maxLimitedValule = Math.min(normalizedValue, maxAvailableVisitors)
 
-      location.daily_total = maxLimitedValule;
-      this.updateUncategorizedVistors();
+      location.delta = maxLimitedValule;
+      this.updateUncategorizedVisitors();
     },
     updateTotalVistors(value) {
       const normalizedValue = this.parseAndNaturalizeNumber(value)
@@ -199,7 +204,7 @@ export default {
         // until total vistors is 0
       } else {
         this.totalVistorsForDay = normalizedValue;
-        this.updateUncategorizedVistors();
+        this.updateUncategorizedVisitors();
       }
     },
   },

From 7b9dc381a91afcbc9f9e25f1deec4f442c051647 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 17:25:59 -0700
Subject: [PATCH 13/20] :art: Show visitor display header when no visitors.

---
 src/web/src/modules/centre/components/BulkDataEntryCard.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 4b0cd00..58cbbf8 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -126,10 +126,7 @@ export default {
     ...mapState(useCentreStore, ["dateOptions", "manageSites"]),
     ...mapWritableState(useCentreStore, ["selectedDate", "selectedSite"]),
     totalCountHeader() {
-      if (this.totalVistorsForDay > 0) {
-        return `${this.totalVistorsForDay} visitors`;
-      }
-      return "";
+      return `${this.totalVistorsForDay} visitors`;
     },
     dateHeader() {
       if (this.selectedSite && this.selectedDate) {

From ca0395ad91f42b94f5c3643867c5ec7ba08969c9 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 17:26:24 -0700
Subject: [PATCH 14/20] :sparkles: Switch back to incremental data entry when
 bulk entry saved.

---
 src/web/src/modules/centre/components/BulkDataEntryCard.vue | 3 ++-
 src/web/src/modules/centre/components/DataEntry.vue         | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 58cbbf8..483ac56 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -110,6 +110,7 @@ const UNKNOWN_CATEGORY_LOCATION_NAME = "Unknown";
 
 export default {
   name: "BulkDataEntryCard",
+  emits: ["save"],
   components: {},
   data: () => ({
     totalVistorsForDay: 0,
@@ -174,7 +175,7 @@ export default {
     },
     saveAndExit() {
       this.save().then(() => {
-        this.$emit('saved')
+        this.$emit('save')
       })
     },
     updateUncategorizedVisitors() {
diff --git a/src/web/src/modules/centre/components/DataEntry.vue b/src/web/src/modules/centre/components/DataEntry.vue
index b193e15..4a3b6c0 100644
--- a/src/web/src/modules/centre/components/DataEntry.vue
+++ b/src/web/src/modules/centre/components/DataEntry.vue
@@ -13,7 +13,9 @@
   </div>
 
   <template v-if="entryMode">
-    <BulkDataEntryCard />
+    <BulkDataEntryCard
+      @save="entryMode = false"
+    />
   </template>
   <template v-else>
     <IncrementalDataEntryCard />

From 77914ce3a02553636f2d98555b82e56f1a1deb37 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 17:40:27 -0700
Subject: [PATCH 15/20] :beetle: Make sure that "save" waits for api call to
 complete before returning.

---
 .../src/modules/centre/components/BulkDataEntryCard.vue   | 2 +-
 src/web/src/modules/centre/store/index.ts                 | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 483ac56..3143fcb 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -174,7 +174,7 @@ export default {
       return Math.max(0, parseInt(value) || 0)
     },
     saveAndExit() {
-      this.save().then(() => {
+      return this.save().then(() => {
         this.$emit('save')
       })
     },
diff --git a/src/web/src/modules/centre/store/index.ts b/src/web/src/modules/centre/store/index.ts
index 065d873..51c2ac6 100644
--- a/src/web/src/modules/centre/store/index.ts
+++ b/src/web/src/modules/centre/store/index.ts
@@ -52,7 +52,7 @@ export const useCentreStore = defineStore("centre", {
     async save() {
       const api = useApiStore();
 
-      api
+      return api
         .secureCall("put", `${VISITORCENTRE_URL}/record-stats`, {
           date: this.selectedDate,
           site: this.selectedSite,
@@ -70,9 +70,11 @@ export const useCentreStore = defineStore("centre", {
               this.manageSites.splice(index, 1, this.selectedSite);
             }
           }
-        });
 
-      m.notify({ variant: "success", text: "Saved" });
+          m.notify({ variant: "success", text: "Saved" });
+
+          return this.selectedSite
+        });
     },
 
     add(originName: string, date: string, amount: number) {

From 2b90bbf9f89bc383b8b0591f3d5c4c67a6f9f16c Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 18:00:17 -0700
Subject: [PATCH 16/20] :sparkles: Accommodate existing daily totals into all
 calculations.

---
 .../centre/components/BulkDataEntryCard.vue       | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 3143fcb..5627dd3 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -74,7 +74,7 @@
           <template v-else>
             <v-text-field
               :max="totalVistorsForDay - categorizedVistorsExceptThoseIn(location)"
-              :modelValue="location.delta"
+              :modelValue="location.daily_total + location.delta"
               @update:modelValue="
                 (newValue) => updateLocationCategoryTotal(location, newValue)
               "
@@ -118,7 +118,8 @@ export default {
   mounted() {
     if (!isEmpty(this.dataEntrySites)) {
       this.loadDailyStats(this.dataEntrySites).then(() => {
-        return this.selectFirstToManage();
+        this.selectFirstToManage();
+        this.totalVistorsForDay = this.uncategorizedVisitors + this.categorizedVistors
       });
     }
   },
@@ -149,11 +150,11 @@ export default {
       );
     },
     uncategorizedVisitors() {
-      return this.uncategorizedLocation.delta;
+      return this.uncategorizedLocation.daily_total + this.uncategorizedLocation.delta;
     },
     categorizedVistors() {
       return this.categorizedLocations.reduce(
-        (total, location) => total + location.delta,
+        (total, location) => total + location.daily_total + location.delta,
         0
       );
     },
@@ -168,7 +169,7 @@ export default {
       this.selectedDate = this.selectedSite.days[0];
     },
     categorizedVistorsExceptThoseIn(excludedLocation) {
-      return this.categorizedVistors - excludedLocation.delta
+      return this.categorizedVistors - excludedLocation.daily_total - excludedLocation.delta
     },
     parseAndNaturalizeNumber(value) {
       return Math.max(0, parseInt(value) || 0)
@@ -180,7 +181,7 @@ export default {
     },
     updateUncategorizedVisitors() {
       this.uncategorizedLocation.delta =
-        this.totalVistorsForDay - this.categorizedVistors;
+        this.totalVistorsForDay - this.categorizedVistors - this.uncategorizedLocation.daily_total;
     },
     updateLocationCategoryTotal(location, value) {
       const normalizedValue = this.parseAndNaturalizeNumber(value)
@@ -188,7 +189,7 @@ export default {
       const maxAvailableVisitors = this.totalVistorsForDay - this.categorizedVistorsExceptThoseIn(location)
       const maxLimitedValule = Math.min(normalizedValue, maxAvailableVisitors)
 
-      location.delta = maxLimitedValule;
+      location.delta = maxLimitedValule - location.daily_total;
       this.updateUncategorizedVisitors();
     },
     updateTotalVistors(value) {

From 1628c9685991919111afc026dd0bf4b348f36864 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 18:18:33 -0700
Subject: [PATCH 17/20] :sparkles: Wipe all daily visitor counts if total
 visitors reduced.

---
 .../centre/components/BulkDataEntryCard.vue        | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 5627dd3..46e8ef4 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -194,17 +194,13 @@ export default {
     },
     updateTotalVistors(value) {
       const normalizedValue = this.parseAndNaturalizeNumber(value)
-
       if (normalizedValue < this.totalVistorsForDay) {
-        this.totalVistorsForDay = normalizedValue;
-        // TODO
-        // remove uncategorized unil 0
-        // successively remove 1 from each other category
-        // until total vistors is 0
-      } else {
-        this.totalVistorsForDay = normalizedValue;
-        this.updateUncategorizedVisitors();
+        this.categorizedLocations.forEach(location => {
+          location.delta = -location.daily_total
+        })
       }
+      this.totalVistorsForDay = normalizedValue;
+      this.updateUncategorizedVisitors();
     },
   },
 };

From 6447b0478b4d99a73f38c2cb297234b6fa8ff632 Mon Sep 17 00:00:00 2001
From: Marlen Brunner <klondikemarlen@gmail.com>
Date: Mon, 15 May 2023 18:21:14 -0700
Subject: [PATCH 18/20] :ok_hand: Set incremental data entry as default.

---
 src/web/src/modules/centre/components/DataEntry.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/web/src/modules/centre/components/DataEntry.vue b/src/web/src/modules/centre/components/DataEntry.vue
index 4a3b6c0..0f67e9a 100644
--- a/src/web/src/modules/centre/components/DataEntry.vue
+++ b/src/web/src/modules/centre/components/DataEntry.vue
@@ -34,7 +34,7 @@ export default {
   },
   data () {
     return {
-      entryMode: true,
+      entryMode: false,
     }
   },
 }

From 46737f8bbcad2ba16b1468e7e4b69af97bce7f2d Mon Sep 17 00:00:00 2001
From: Michael Johnson <michael@icefoganalytics.com>
Date: Thu, 18 May 2023 08:58:51 -0700
Subject: [PATCH 19/20] Minor UI tweaks

---
 .../centre/components/BulkDataEntryCard.vue   | 74 +++++++------------
 .../modules/centre/components/DataEntry.vue   |  8 +-
 src/web/src/modules/home/views/Reports.vue    |  1 -
 3 files changed, 32 insertions(+), 51 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index 46e8ef4..ea99cdc 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -10,8 +10,7 @@
         style="max-width: 250px"
         item-title="name"
         @update:modelValue="selectTodaysDate"
-        item-value="id"
-      ></v-select>
+        item-value="id"></v-select>
     </template>
 
     <template v-slot:center>
@@ -31,22 +30,21 @@
         item-title="date"
         return-object
         hide-details
-        style="max-width: 250px"
-      ></v-select>
+        style="max-width: 250px"></v-select>
     </template>
 
     <div v-if="selectedSite">
       <v-row class="mt-5">
         <v-col></v-col>
-        <v-col md="3">
+        <v-col md="3" class="px-0">
           <v-text-field
             :modelValue="totalVistorsForDay"
             @update:modelValue="updateTotalVistors"
             type="number"
             min="0"
-            label="Total Vistors for Day"
+            label="Total vistors for day"
             hide-details
-          />
+            bg-color="#e0f2f4" />
         </v-col>
       </v-row>
       <v-row class="mt-5">
@@ -58,7 +56,7 @@
         <v-col>
           <div class="text-h6 float-left pt-3">{{ location.name }}</div>
         </v-col>
-        <v-col md="3">
+        <v-col md="3" class="px-0">
           <template v-if="location.id === uncategorizedLocation.id">
             <v-text-field
               :modelValue="uncategorizedVisitors"
@@ -66,24 +64,21 @@
               hide-details
               min="0"
               readonly
-              disabled
+              append-inner-icon="mdi-lock"
               single-line
-              type="number"
-            ></v-text-field>
+              bg-color="#dedede"
+              type="number"></v-text-field>
           </template>
           <template v-else>
             <v-text-field
               :max="totalVistorsForDay - categorizedVistorsExceptThoseIn(location)"
               :modelValue="location.daily_total + location.delta"
-              @update:modelValue="
-                (newValue) => updateLocationCategoryTotal(location, newValue)
-              "
+              @update:modelValue="(newValue) => updateLocationCategoryTotal(location, newValue)"
               density="compact"
               hide-details
               min="0"
               single-line
-              type="number"
-            ></v-text-field>
+              type="number"></v-text-field>
           </template>
         </v-col>
       </v-row>
@@ -119,7 +114,7 @@ export default {
     if (!isEmpty(this.dataEntrySites)) {
       this.loadDailyStats(this.dataEntrySites).then(() => {
         this.selectFirstToManage();
-        this.totalVistorsForDay = this.uncategorizedVisitors + this.categorizedVistors
+        this.totalVistorsForDay = this.uncategorizedVisitors + this.categorizedVistors;
       });
     }
   },
@@ -132,72 +127,59 @@ export default {
     },
     dateHeader() {
       if (this.selectedSite && this.selectedDate) {
-        return `${moment(this.selectedDate.date).format("MMMM D, YYYY")} in ${
-          this.selectedSite.name
-        }`;
+        return `${moment(this.selectedDate.date).format("MMMM D, YYYY")} in ${this.selectedSite.name}`;
       }
 
       return "";
     },
     categorizedLocations() {
-      return this.selectedDate.origins.filter(
-        (location) => location.name !== UNKNOWN_CATEGORY_LOCATION_NAME
-      );
+      return this.selectedDate.origins.filter((location) => location.name !== UNKNOWN_CATEGORY_LOCATION_NAME);
     },
     uncategorizedLocation() {
-      return this.selectedDate.origins.find(
-        (location) => location.name === UNKNOWN_CATEGORY_LOCATION_NAME
-      );
+      return this.selectedDate.origins.find((location) => location.name === UNKNOWN_CATEGORY_LOCATION_NAME);
     },
     uncategorizedVisitors() {
       return this.uncategorizedLocation.daily_total + this.uncategorizedLocation.delta;
     },
     categorizedVistors() {
-      return this.categorizedLocations.reduce(
-        (total, location) => total + location.daily_total + location.delta,
-        0
-      );
+      return this.categorizedLocations.reduce((total, location) => total + location.daily_total + location.delta, 0);
     },
   },
   methods: {
-    ...mapActions(useCentreStore, [
-      "save",
-      "loadDailyStats",
-      "selectFirstToManage",
-    ]),
+    ...mapActions(useCentreStore, ["save", "loadDailyStats", "selectFirstToManage"]),
     selectTodaysDate() {
       this.selectedDate = this.selectedSite.days[0];
     },
     categorizedVistorsExceptThoseIn(excludedLocation) {
-      return this.categorizedVistors - excludedLocation.daily_total - excludedLocation.delta
+      return this.categorizedVistors - excludedLocation.daily_total - excludedLocation.delta;
     },
     parseAndNaturalizeNumber(value) {
-      return Math.max(0, parseInt(value) || 0)
+      return Math.max(0, parseInt(value) || 0);
     },
     saveAndExit() {
       return this.save().then(() => {
-        this.$emit('save')
-      })
+        this.$emit("save");
+      });
     },
     updateUncategorizedVisitors() {
       this.uncategorizedLocation.delta =
         this.totalVistorsForDay - this.categorizedVistors - this.uncategorizedLocation.daily_total;
     },
     updateLocationCategoryTotal(location, value) {
-      const normalizedValue = this.parseAndNaturalizeNumber(value)
+      const normalizedValue = this.parseAndNaturalizeNumber(value);
 
-      const maxAvailableVisitors = this.totalVistorsForDay - this.categorizedVistorsExceptThoseIn(location)
-      const maxLimitedValule = Math.min(normalizedValue, maxAvailableVisitors)
+      const maxAvailableVisitors = this.totalVistorsForDay - this.categorizedVistorsExceptThoseIn(location);
+      const maxLimitedValule = Math.min(normalizedValue, maxAvailableVisitors);
 
       location.delta = maxLimitedValule - location.daily_total;
       this.updateUncategorizedVisitors();
     },
     updateTotalVistors(value) {
-      const normalizedValue = this.parseAndNaturalizeNumber(value)
+      const normalizedValue = this.parseAndNaturalizeNumber(value);
       if (normalizedValue < this.totalVistorsForDay) {
-        this.categorizedLocations.forEach(location => {
-          location.delta = -location.daily_total
-        })
+        this.categorizedLocations.forEach((location) => {
+          location.delta = -location.daily_total;
+        });
       }
       this.totalVistorsForDay = normalizedValue;
       this.updateUncategorizedVisitors();
diff --git a/src/web/src/modules/centre/components/DataEntry.vue b/src/web/src/modules/centre/components/DataEntry.vue
index 0f67e9a..91249d3 100644
--- a/src/web/src/modules/centre/components/DataEntry.vue
+++ b/src/web/src/modules/centre/components/DataEntry.vue
@@ -5,9 +5,9 @@
     <div>
       <v-switch
         v-model="entryMode"
-        label="Bulk Input"
+        label="Direct entry"
         color="primary"
-        inset
+        hide-details
       ></v-switch>
     </div>
   </div>
@@ -23,8 +23,8 @@
 </template>
 
 <script lang="ts">
-import IncrementalDataEntryCard from "./IncrementalDataEntryCard";
-import BulkDataEntryCard from "./BulkDataEntryCard";
+import IncrementalDataEntryCard from "./IncrementalDataEntryCard.vue";
+import BulkDataEntryCard from "./BulkDataEntryCard.vue";
 
 export default {
   name: "DataEntry",
diff --git a/src/web/src/modules/home/views/Reports.vue b/src/web/src/modules/home/views/Reports.vue
index befcdb5..15d1bdc 100644
--- a/src/web/src/modules/home/views/Reports.vue
+++ b/src/web/src/modules/home/views/Reports.vue
@@ -34,7 +34,6 @@ export default {
     if (iframeEle) {
       iframeEle.addEventListener("load", function () {
         // Hide the loading indicator
-        console.log("FINISHED LOADING");
         that.iFrameLoading = false;
       });
     }

From 225c0af7b903c521aae3663c84229d2cb9437f90 Mon Sep 17 00:00:00 2001
From: Michael Johnson <michael@icefoganalytics.com>
Date: Thu, 18 May 2023 09:27:23 -0700
Subject: [PATCH 20/20] Update BulkDataEntryCard.vue

---
 .../centre/components/BulkDataEntryCard.vue   | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/web/src/modules/centre/components/BulkDataEntryCard.vue b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
index ea99cdc..26c781c 100644
--- a/src/web/src/modules/centre/components/BulkDataEntryCard.vue
+++ b/src/web/src/modules/centre/components/BulkDataEntryCard.vue
@@ -133,27 +133,30 @@ export default {
       return "";
     },
     categorizedLocations() {
-      return this.selectedDate.origins.filter((location) => location.name !== UNKNOWN_CATEGORY_LOCATION_NAME);
+      return this.selectedDate.origins.filter((location: any) => location.name !== UNKNOWN_CATEGORY_LOCATION_NAME);
     },
     uncategorizedLocation() {
-      return this.selectedDate.origins.find((location) => location.name === UNKNOWN_CATEGORY_LOCATION_NAME);
+      return this.selectedDate.origins.find((location: any) => location.name === UNKNOWN_CATEGORY_LOCATION_NAME);
     },
     uncategorizedVisitors() {
       return this.uncategorizedLocation.daily_total + this.uncategorizedLocation.delta;
     },
     categorizedVistors() {
-      return this.categorizedLocations.reduce((total, location) => total + location.daily_total + location.delta, 0);
+      return this.categorizedLocations.reduce(
+        (total: number, location: any) => total + location.daily_total + location.delta,
+        0
+      );
     },
   },
   methods: {
     ...mapActions(useCentreStore, ["save", "loadDailyStats", "selectFirstToManage"]),
     selectTodaysDate() {
-      this.selectedDate = this.selectedSite.days[0];
+      if (this.selectedSite && this.selectedSite.days) this.selectedDate = this.selectedSite.days[0];
     },
-    categorizedVistorsExceptThoseIn(excludedLocation) {
+    categorizedVistorsExceptThoseIn(excludedLocation: any) {
       return this.categorizedVistors - excludedLocation.daily_total - excludedLocation.delta;
     },
-    parseAndNaturalizeNumber(value) {
+    parseAndNaturalizeNumber(value: any) {
       return Math.max(0, parseInt(value) || 0);
     },
     saveAndExit() {
@@ -165,7 +168,7 @@ export default {
       this.uncategorizedLocation.delta =
         this.totalVistorsForDay - this.categorizedVistors - this.uncategorizedLocation.daily_total;
     },
-    updateLocationCategoryTotal(location, value) {
+    updateLocationCategoryTotal(location: any, value: any) {
       const normalizedValue = this.parseAndNaturalizeNumber(value);
 
       const maxAvailableVisitors = this.totalVistorsForDay - this.categorizedVistorsExceptThoseIn(location);
@@ -174,10 +177,10 @@ export default {
       location.delta = maxLimitedValule - location.daily_total;
       this.updateUncategorizedVisitors();
     },
-    updateTotalVistors(value) {
+    updateTotalVistors(value: any) {
       const normalizedValue = this.parseAndNaturalizeNumber(value);
       if (normalizedValue < this.totalVistorsForDay) {
-        this.categorizedLocations.forEach((location) => {
+        this.categorizedLocations.forEach((location: any) => {
           location.delta = -location.daily_total;
         });
       }