Resolve "Table with all PDB files, to make them available to download"

Closes #132 (closed)

components/content/MolstarPdbePlugin.vue

@@ -104,9 +104,20 @@ const selectedPaePath = computed(() => {
 const paeData = ref([])
 watch(selectedPaePath, async (newPaePath) => {
     if (newPaePath !== null) {
-        const data = await d3.tsv(newPaePath);
-        // console.log(data)
-        paeData.value = data
+        try {
+            const data = await d3.tsv(newPaePath);
+            console.log(data.length)
+            if (data.length > 500) {
+                paeData.value = []
+            }
+            else {
+                paeData.value = data
+            }
+
+        }
+        catch (error) {
+            console.log(error)
+        }
     } else {
         paeData.value = []
     }
@@ -116,9 +127,11 @@ watch(selectedPaePath, async (newPaePath) => {
 const sanitizedPaeData = computed(() => {
     return paeData.value.reduce((acc, curr, index) => {
         const scoredResidue = index
+        // let newAcc = [...acc]
         for (const [alignedResidue, value] of Object.entries(curr)) {
             // console.log(value)
             acc.push({ alignedResidue: parseInt(alignedResidue), scoredResidue: parseInt(scoredResidue), value: parseFloat(value) })
+            // newAcc = [...newAcc, ...[{ alignedResidue: parseInt(alignedResidue), scoredResidue: parseInt(scoredResidue), value: parseFloat(value) }]]
         }
 
         return acc
@@ -188,8 +201,9 @@ watch(selectedPdb, (selectedPdb, prevSelectPdb) => {
                                     custom-data-format="cif"></pdbe-molstar>
                             </v-sheet>
                         </v-col>
-                        <v-col v-if="sanitizedPaeData?.length > 0">
-                            <PlotFigure defer :options="plotPaeOptions"></PlotFigure>
+                        <v-col >
+                            <PlotFigure v-if="sanitizedPaeData?.length > 0" defer :options="plotPaeOptions"></PlotFigure>
+                            <v-alert type="warning">The PAE is to large</v-alert>
                             <v-card flat color="transparent">
 
                                 <v-card-title>Model Confidence</v-card-title>