From 3bc896fc4bb247b223378572c6d913dc60acd4ee Mon Sep 17 00:00:00 2001
From: Kyle <ksmontville@gmail.com>
Date: Fri, 23 Aug 2024 15:18:24 -0700
Subject: [PATCH] reorganize file structure based on logical function

---
 src/components/CreateAdministration.vue | 223 ++++++++++++------------
 1 file changed, 115 insertions(+), 108 deletions(-)

diff --git a/src/components/CreateAdministration.vue b/src/components/CreateAdministration.vue
index e0bbb6409..19dc04d76 100644
--- a/src/components/CreateAdministration.vue
+++ b/src/components/CreateAdministration.vue
@@ -161,7 +161,7 @@
 </template>
 
 <script setup>
-import { onMounted, reactive, ref, toRaw, computed, watch, onUnmounted } from 'vue';
+import { computed, onMounted, onUnmounted, reactive, ref, toRaw, watch } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useToast } from 'primevue/usetoast';
@@ -188,13 +188,19 @@ import { useConfirm } from 'primevue/useconfirm';
 import ConsentPicker from './ConsentPicker.vue';
 
 const isLevante = import.meta.env.MODE === 'LEVANTE';
+const initialized = ref(false);
+const router = useRouter();
+const toast = useToast();
+const confirm = useConfirm();
+const queryClient = useQueryClient();
+const authStore = useAuthStore();
+
+const { roarfirekit, administrationQueryKeyIndex } = storeToRefs(authStore);
 
 const props = defineProps({
   adminId: { type: String, required: false, default: null },
 });
 
-const queryClient = useQueryClient();
-
 const header = computed(() => {
   if (props.adminId) {
     return 'Edit an administration';
@@ -218,38 +224,16 @@ const submitLabel = computed(() => {
   return 'Create Administration';
 });
 
-const preExistingAssessmentInfo = computed(() => {
-  return _get(preExistingAdminInfo.value, 'assessments', []);
-});
-
-const router = useRouter();
-const toast = useToast();
-const initialized = ref(false);
-const confirm = useConfirm();
-
-const authStore = useAuthStore();
-const { roarfirekit, administrationQueryKeyIndex } = storeToRefs(authStore);
-
-const queryKeys = [
-  ['administration', props.adminId],
-  ['variants', 'all'],
-  ['districts', props.adminId],
-  ['schools', 'minimalOrgs', props.adminId],
-  ['classes', 'minimal', props.adminId],
-  ['groups', props.adminId],
-  ['families', props.adminId],
-];
-
-const resetAllQueries = async () => {
-  for (const key of queryKeys) {
-    await queryClient.resetQueries(key);
-  }
-};
-
-const invalidateAllQueries = async () => {
-  for (const key of queryKeys) {
-    await queryClient.invalidateQueries(key);
-  }
+//      +------------------------------------------+
+// -----| Queries for grabbing variants |-----
+//      +------------------------------------------+
+const findVariantWithParams = (variants, params) => {
+  // TODO: implement tie breakers if found.length > 1
+  return _find(variants, (variant) => {
+    const cleanVariantParams = removeNull(variant.variant.params);
+    const cleanInputParams = removeNull(params);
+    return _isEqual(cleanInputParams, cleanVariantParams);
+  });
 };
 
 const { data: allVariants } = useQuery({
@@ -263,15 +247,23 @@ const { data: allVariants } = useQuery({
 //      +------------------------------------------+
 // -----| Queries for grabbing pre-existing admins |-----
 //      +------------------------------------------+
+
+const queryKeys = [
+  ['administration', props.adminId],
+  ['variants', 'all'],
+  ['districts', props.adminId],
+  ['schools', 'minimalOrgs', props.adminId],
+  ['classes', 'minimal', props.adminId],
+  ['groups', props.adminId],
+  ['families', props.adminId],
+];
+
 const shouldGrabAdminInfo = computed(() => {
   return initialized.value && Boolean(props.adminId);
 });
-const { data: preExistingAdminInfo } = useQuery({
-  queryKey: ['administration', props.adminId],
-  queryFn: () => fetchDocById('administrations', props.adminId),
-  keepPreviousData: true,
-  enabled: shouldGrabAdminInfo,
-  staleTime: 5 * 60 * 1000, // 5 minutes
+
+const preExistingAssessmentInfo = computed(() => {
+  return _get(preExistingAdminInfo.value, 'assessments', []);
 });
 
 // Grab districts from preExistingAdminInfo.minimalOrgs.districts
@@ -285,16 +277,10 @@ const districtsToGrab = computed(() => {
     };
   });
 });
+
 const shouldGrabDistricts = computed(() => {
   return initialized.value && districtsToGrab.value.length > 0;
 });
-const { data: preDistricts } = useQuery({
-  queryKey: ['districts', props.adminId],
-  queryFn: () => fetchDocsById(districtsToGrab.value),
-  keepPreviousData: true,
-  enabled: shouldGrabDistricts,
-  staleTime: 5 * 60 * 1000, // 5 minutes
-});
 
 // grab schools from preExistingAdminInfo.minimalOrgs.schools
 const schoolsToGrab = computed(() => {
@@ -307,18 +293,11 @@ const schoolsToGrab = computed(() => {
     };
   });
 });
+
 const shouldGrabSchools = computed(() => {
   return initialized.value && schoolsToGrab.value.length > 0;
 });
 
-const { data: preSchools } = useQuery({
-  queryKey: ['schools', 'minimalOrgs', props.adminId],
-  queryFn: () => fetchDocsById(schoolsToGrab.value),
-  keepPreviousData: true,
-  enabled: shouldGrabSchools,
-  staleTime: 5 * 60 * 1000, // 5 minutes
-});
-
 // Grab classes from preExistingAdminInfo.minimalOrgs.classes
 const classesToGrab = computed(() => {
   const classIds = _get(preExistingAdminInfo.value, 'minimalOrgs.classes', []);
@@ -330,18 +309,11 @@ const classesToGrab = computed(() => {
     };
   });
 });
+
 const shouldGrabClasses = computed(() => {
   return initialized.value && classesToGrab.value.length > 0;
 });
 
-const { data: preClasses } = useQuery({
-  queryKey: ['classes', 'minimal', props.adminId],
-  queryFn: () => fetchDocsById(classesToGrab.value),
-  keepPreviousData: true,
-  enabled: shouldGrabClasses,
-  staleTime: 5 * 60 * 1000, // 5 minutes
-});
-
 // Grab groups from preExistingAdminInfo.minimalOrgs.groups
 const groupsToGrab = computed(() => {
   const groupIds = _get(preExistingAdminInfo.value, 'minimalOrgs.groups', []);
@@ -358,14 +330,6 @@ const shouldGrabGroups = computed(() => {
   return initialized.value && groupsToGrab.value.length > 0;
 });
 
-const { data: preGroups } = useQuery({
-  queryKey: ['groups', props.adminId],
-  queryFn: () => fetchDocsById(groupsToGrab.value),
-  keepPreviousData: true,
-  enabled: shouldGrabGroups,
-  staleTime: 5 * 60 * 1000, // 5 minutes
-});
-
 // Grab families from preExistingAdminInfo.families
 const familiesToGrab = computed(() => {
   const familyIds = _get(preExistingAdminInfo.value, 'minimalOrgs.families', []);
@@ -382,6 +346,58 @@ const shouldGrabFamilies = computed(() => {
   return initialized.value && familiesToGrab.value.length > 0;
 });
 
+const resetAllQueries = async () => {
+  for (const key of queryKeys) {
+    await queryClient.resetQueries(key);
+  }
+};
+
+const invalidateAllQueries = async () => {
+  for (const key of queryKeys) {
+    await queryClient.invalidateQueries(key);
+  }
+};
+
+const { data: preExistingAdminInfo } = useQuery({
+  queryKey: ['administration', props.adminId],
+  queryFn: () => fetchDocById('administrations', props.adminId),
+  keepPreviousData: true,
+  enabled: shouldGrabAdminInfo,
+  staleTime: 5 * 60 * 1000, // 5 minutes
+});
+
+const { data: preDistricts } = useQuery({
+  queryKey: ['districts', props.adminId],
+  queryFn: () => fetchDocsById(districtsToGrab.value),
+  keepPreviousData: true,
+  enabled: shouldGrabDistricts,
+  staleTime: 5 * 60 * 1000, // 5 minutes
+});
+
+const { data: preSchools } = useQuery({
+  queryKey: ['schools', 'minimalOrgs', props.adminId],
+  queryFn: () => fetchDocsById(schoolsToGrab.value),
+  keepPreviousData: true,
+  enabled: shouldGrabSchools,
+  staleTime: 5 * 60 * 1000, // 5 minutes
+});
+
+const { data: preClasses } = useQuery({
+  queryKey: ['classes', 'minimal', props.adminId],
+  queryFn: () => fetchDocsById(classesToGrab.value),
+  keepPreviousData: true,
+  enabled: shouldGrabClasses,
+  staleTime: 5 * 60 * 1000, // 5 minutes
+});
+
+const { data: preGroups } = useQuery({
+  queryKey: ['groups', props.adminId],
+  queryFn: () => fetchDocsById(groupsToGrab.value),
+  keepPreviousData: true,
+  enabled: shouldGrabGroups,
+  staleTime: 5 * 60 * 1000, // 5 minutes
+});
+
 const { data: preFamilies } = useQuery({
   queryKey: ['families', props.adminId],
   queryFn: () => fetchDocsById(familiesToGrab.value),
@@ -393,6 +409,13 @@ const { data: preFamilies } = useQuery({
 //      +---------------------------------+
 // -----| Form state and validation rules |-----
 //      +---------------------------------+
+let noConsent = ref('');
+
+const pickListError = ref('');
+const orgError = ref('');
+const submitted = ref(false);
+const isTestData = ref(false);
+
 const state = reactive({
   administrationName: '',
   administrationPublicName: '',
@@ -411,6 +434,18 @@ const state = reactive({
   expectedTime: '',
 });
 
+const rules = {
+  administrationName: { required },
+  administrationPublicName: { required },
+  dateStarted: { required },
+  dateClosed: { required },
+  sequential: { required },
+  consent: { requiredIf: requiredIf(!isLevante && noConsent.value === '') },
+  assent: { requiredIf: requiredIf(!isLevante && noConsent.value === '') },
+};
+
+const v$ = useVuelidate(rules, state);
+
 const minStartDate = computed(() => {
   if (props.adminId && preExistingAdminInfo.value?.dateOpened) {
     return new Date(preExistingAdminInfo.value.dateOpened);
@@ -425,33 +460,9 @@ const minEndDate = computed(() => {
   return new Date();
 });
 
-let noConsent = ref('');
-
-const rules = {
-  administrationName: { required },
-  administrationPublicName: { required },
-  dateStarted: { required },
-  dateClosed: { required },
-  sequential: { required },
-  consent: { requiredIf: requiredIf(!isLevante && noConsent.value === '') },
-  assent: { requiredIf: requiredIf(!isLevante && noConsent.value === '') },
-};
-
-const v$ = useVuelidate(rules, state);
-const pickListError = ref('');
-const orgError = ref('');
-const submitted = ref(false);
-const isTestData = ref(false);
-
 //      +---------------------------------+
 // -----|          Org Selection          |-----
 //      +---------------------------------+
-const selection = (selected) => {
-  for (const [key, value] of _toPairs(selected)) {
-    state[key] = value;
-  }
-};
-
 const orgsList = computed(() => {
   return {
     districts: preDistricts.value,
@@ -462,11 +473,19 @@ const orgsList = computed(() => {
   };
 });
 
+const selection = (selected) => {
+  for (const [key, value] of _toPairs(selected)) {
+    state[key] = value;
+  }
+};
+
 //      +---------------------------------+
 // -----|       Assessment Selection      |-----
 //      +---------------------------------+
 const variants = ref([]);
 const preSelectedVariants = ref([]);
+const nonUniqueTasks = ref('');
+
 const variantsByTaskId = computed(() => {
   return _groupBy(allVariants.value, 'task.id');
 });
@@ -496,7 +515,6 @@ const checkForUniqueTasks = (assignments) => {
   return uniqueTasks.length === assignments.length;
 };
 
-const nonUniqueTasks = ref('');
 const getNonUniqueTasks = (assignments) => {
   const grouped = _groupBy(assignments, (assignment) => assignment.taskId);
   const taskIds = _values(grouped);
@@ -512,7 +530,6 @@ const checkForRequiredOrgs = (orgs) => {
 //      +---------------------------------+
 // -----|         Form submission         |-----
 //      +---------------------------------+
-
 const removeNull = (obj) => {
   // eslint-disable-next-line no-unused-vars
   return Object.fromEntries(Object.entries(obj).filter(([_, v]) => v !== null));
@@ -712,16 +729,6 @@ watch(familiesToGrab, async (updatedValue) => {
     state.families = fetchedFamilies ?? [];
   }
 });
-
-function findVariantWithParams(variants, params) {
-  const found = _find(variants, (variant) => {
-    const cleanVariantParams = removeNull(variant.variant.params);
-    const cleanInputParams = removeNull(params);
-    return _isEqual(cleanInputParams, cleanVariantParams);
-  });
-  // TODO: implement tie breakers if found.length > 1
-  return found;
-}
 </script>
 
 <style lang="scss">