From 2eb04dfcb089374b4a7b41b40ffe012f28c9cefa Mon Sep 17 00:00:00 2001
From: rosanna-smith <rosanna.smith@uq.edu.au>
Date: Fri, 13 Dec 2024 11:55:27 +1100
Subject: [PATCH 1/4] code in crateoview.vue for remembering selected mode
 after uploading spreadsheet data

---
 src/app/views/CrateoView.vue | 59 +++++++++++++++++++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/src/app/views/CrateoView.vue b/src/app/views/CrateoView.vue
index b449802..31c29a6 100644
--- a/src/app/views/CrateoView.vue
+++ b/src/app/views/CrateoView.vue
@@ -335,7 +335,18 @@ function ready(roc, refresh) {
   const conformsToCrate = roc.rootDataset['conformsTo'] || [];
   const profileIndex = data.profiles.findIndex(p =>
     conformsToCrate.some(ct => (p?.conformsToUri || []).includes(ct['@id'])));
-  data.selectedProfile = profileIndex >= 0 ? profileIndex : 0;
+  console.log('Profile Index:', profileIndex); // Accessing profileIndex here
+
+  if (profileIndex.value >= 0) {
+    const selectedProfile = profileOptions.value[profileIndex.value];
+    data.selectedProfile = selectedProfile?.value || profileOptions.value[0]?.value;
+  } else {
+    // If profileIndex is invalid, fallback only if no savedProfileValue is found
+    if (!savedProfileValue.value) {
+      data.selectedProfile = profileOptions.value[0]?.value;  // Fallback to the first profile if no saved profile exists
+    }
+  }
+
   data.loading = false;
   console.log('ready');
   editor.crate = roc;
@@ -343,6 +354,52 @@ function ready(roc, refresh) {
 }
 
 const activeNames = ref(['1']);
+
+import { onMounted, watch } from 'vue';
+
+const savedProfileValue = ref(null); // reactive reference for the saved profile value
+const profileIndex = ref(-1); // default value for profileIndex, set to -1 initially
+
+onMounted(() => {
+  // // Check if it's the first page load or a new session
+  // if (!sessionStorage.getItem('sessionInitialized')) {
+  //   // If not already set, initialize the session
+  //   sessionStorage.setItem('sessionInitialized', 'true');
+  //   // Clear localStorage on first load (new tab/window)
+  //   localStorage.clear();
+  // }
+  // Retrieve the saved profile from localStorage
+  savedProfileValue.value = localStorage.getItem('selectedProfile');
+
+  // Use the computed profileOptions value to get the options
+  const options = profileOptions.value;
+  // Try to load the saved profile from localStorage if it exists
+  if (savedProfileValue.value) {
+    const savedProfile = options.find(option => option.value === savedProfileValue.value);
+    if (savedProfile) {
+      // If a valid saved profile is found, set it as the selected profile
+      data.selectedProfile = savedProfile.value;
+    } else {
+      // If the saved profile is no longer valid, fallback to profileIndex or default to 0
+      data.selectedProfile = profileIndex.value >= 0 ? options[profileIndex.value]?.value : options[0]?.value;
+    }
+  } else {
+    // No saved profile found in localStorage, fallback to profileIndex or default to 0
+    data.selectedProfile = profileIndex.value >= 0 ? options[profileIndex.value]?.value : options[0]?.value;
+  }
+  // If no profile has been selected and no valid profile is found, default to the first profile
+  if (!data.selectedProfile) {
+    data.selectedProfile = options[0]?.value; // Default to the first profile in options
+  }
+});
+
+// Watch for changes in selectedProfile and update localStorage
+watch(() => data.selectedProfile, (newValue) => {
+  if (newValue) {
+    localStorage.setItem('selectedProfile', newValue);
+  }
+});
+
 </script>
 
 <template>

From c6e32aea9f96d6170f2943109a8c3d83700d5888 Mon Sep 17 00:00:00 2001
From: rosanna-smith <rosanna.smith@uq.edu.au>
Date: Tue, 7 Jan 2025 13:59:35 +1100
Subject: [PATCH 2/4] defaultProfile not undefined

---
 src/app/views/CrateoView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/views/CrateoView.vue b/src/app/views/CrateoView.vue
index 31c29a6..c6a7542 100644
--- a/src/app/views/CrateoView.vue
+++ b/src/app/views/CrateoView.vue
@@ -25,7 +25,7 @@ const navigate = handleRoute((entityId, propertyId) => {
 //const $router = useRouter();
 
 const emit = defineEmits(['load:spreadsheet']);
-const defaultProfile = undefined;
+const defaultProfile = 0;
 
 const data = shallowReactive({
   /** @type {?FileSystemDirectoryHandle} */

From 0780d91837fddd758adb82b755d211a864bffc9a Mon Sep 17 00:00:00 2001
From: rosanna-smith <rosanna.smith@uq.edu.au>
Date: Tue, 7 Jan 2025 15:09:20 +1100
Subject: [PATCH 3/4] spreadsheet.vue updated for large ro-crates

---
 src/app/components/SpreadSheet.vue | 32 ++++++++++++++----------------
 src/app/views/CrateoView.vue       |  7 -------
 2 files changed, 15 insertions(+), 24 deletions(-)

diff --git a/src/app/components/SpreadSheet.vue b/src/app/components/SpreadSheet.vue
index 8dd7c24..150bc1c 100644
--- a/src/app/components/SpreadSheet.vue
+++ b/src/app/components/SpreadSheet.vue
@@ -1,8 +1,8 @@
 <script setup>
 
-import {Workbook} from 'ro-crate-excel';
-import {ROCrate} from "ro-crate";
-import {reactive, watch, ref} from "vue";
+import { Workbook } from 'ro-crate-excel';
+import { ROCrate } from "ro-crate";
+import { reactive, watch, ref } from "vue";
 import { ElRow, ElCol, ElDialog, ElCollapse, ElCollapseItem, ElButton } from 'element-plus';
 
 const props = defineProps(['buffer', 'crate']);
@@ -28,30 +28,32 @@ watch(() => props.buffer, (buffer) => {
   };
   data.crate = null;
   loadSheet(buffer);
-}, {immediate: true});
+}, { immediate: true });
 
 async function loadSheet(buffer) {
   if (buffer) {
-    const crate = new ROCrate(props.crate, {array: true, link: true});
+    data.loading = true;
+    data.dialogVisible = true;
+    const crate = new ROCrate(props.crate, { array: true, link: true });
     try {
-      const wb = new Workbook({crate});
+      const wb = new Workbook({ crate });
       await wb.loadExcelFromBuffer(buffer, true);
-      data.dialogVisible = true;
       data.log.info = wb.log.info;
       data.log.warning = wb.log.warning;
       data.crate = wb.crate.toJSON();
       scrollTopDialog();
+      data.loading = false;
     } catch (e) {
-      data.dialogVisible = true;
       data.log.error.push(e);
       scrollTopDialog();
+      data.loading = false;
     }
   }
 }
 
 function scrollTopDialog() {
   setTimeout(function () {
-    document.getElementById('spreadsheetDialogTop').scrollIntoView({behavior: 'smooth'});
+    document.getElementById('spreadsheetDialogTop').scrollIntoView({ behavior: 'smooth' });
   }, 100);
 }
 
@@ -75,17 +77,13 @@ function toggleElements() {
 
 </script>
 <template>
-  <el-dialog
-      v-model="data.dialogVisible"
-      title="Loading Metadata"
-      width="50%"
-      :before-close="data.handleClose"
-  >
-    <div class="overflow-x-scroll h-96">
+  <el-dialog v-model="data.dialogVisible" title="Loading Metadata" width="50%" :before-close="data.handleClose">
+    <div class="overflow-x-scroll h-96" v-loading="data.loading">
       <span id="spreadsheetDialogTop"></span>
       <p class="p-2" v-if="data.log.info.length > 0">These metadata fields will be added to your crate, click 'Confirm'
         to continue</p>
-      <p class="p-2" v-else>No metadata could be added, please check your spreadsheet</p>
+      <p class="p-2" v-if="data.log.info.length == 0 && !data.loading">No metadata could be added, please check your
+        spreadsheet</p>
       <el-collapse v-model="activeLog" @change="changeActiveLog">
         <el-collapse-item v-if="data.log.error.length > 0" title="Errors" name="1">
           <el-row v-for="log of data.log.error">
diff --git a/src/app/views/CrateoView.vue b/src/app/views/CrateoView.vue
index c6a7542..0147c92 100644
--- a/src/app/views/CrateoView.vue
+++ b/src/app/views/CrateoView.vue
@@ -361,13 +361,6 @@ const savedProfileValue = ref(null); // reactive reference for the saved profile
 const profileIndex = ref(-1); // default value for profileIndex, set to -1 initially
 
 onMounted(() => {
-  // // Check if it's the first page load or a new session
-  // if (!sessionStorage.getItem('sessionInitialized')) {
-  //   // If not already set, initialize the session
-  //   sessionStorage.setItem('sessionInitialized', 'true');
-  //   // Clear localStorage on first load (new tab/window)
-  //   localStorage.clear();
-  // }
   // Retrieve the saved profile from localStorage
   savedProfileValue.value = localStorage.getItem('selectedProfile');
 

From c56ea1ae44ba93186055b79e9e03be13ea6bb33f Mon Sep 17 00:00:00 2001
From: rosanna-smith <rosanna.smith@uq.edu.au>
Date: Tue, 7 Jan 2025 15:15:09 +1100
Subject: [PATCH 4/4] minor addition

---
 src/app/components/SpreadSheet.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/components/SpreadSheet.vue b/src/app/components/SpreadSheet.vue
index 150bc1c..c9a5c1e 100644
--- a/src/app/components/SpreadSheet.vue
+++ b/src/app/components/SpreadSheet.vue
@@ -16,7 +16,8 @@ const data = reactive({
     error: []
   },
   wb: {},
-  crate: null
+  crate: null,
+  loading: false
 })
 
 watch(() => props.buffer, (buffer) => {