From 983c630e6a71957c9748e4ad538db3cd2e8acb90 Mon Sep 17 00:00:00 2001
From: Tyrel Souza <tyrel@tyrelsouza.com>
Date: Tue, 31 Oct 2023 00:12:50 +0000
Subject: [PATCH] overflow

---
 benchtop-fe/jest.config.json                    |  4 ++++
 benchtop-fe/src/components/PDF/PDF.vue          |  8 ++++----
 benchtop-fe/src/components/PDF/ReadingTable.vue | 11 +++++++----
 benchtop-fe/src/components/Sheet.vue            |  2 +-
 benchtop-fe/src/style.css                       |  7 ++++++-
 5 files changed, 22 insertions(+), 10 deletions(-)
 create mode 100644 benchtop-fe/jest.config.json

diff --git a/benchtop-fe/jest.config.json b/benchtop-fe/jest.config.json
new file mode 100644
index 0000000..1e02cdb
--- /dev/null
+++ b/benchtop-fe/jest.config.json
@@ -0,0 +1,4 @@
+{
+  "bail": 1,
+  "verbose": true
+}
\ No newline at end of file
diff --git a/benchtop-fe/src/components/PDF/PDF.vue b/benchtop-fe/src/components/PDF/PDF.vue
index f825059..3a5baff 100644
--- a/benchtop-fe/src/components/PDF/PDF.vue
+++ b/benchtop-fe/src/components/PDF/PDF.vue
@@ -6,7 +6,7 @@
     </button>
     <br>
     <br>
-    <div :class="{ hide: hide }" class="px666">
+    <div :class="{ hide: hide }" class="px666 scroll-pdf">
       <div v-for="table of tables">
         <div id="pdf" ref="document">
           <div class="header">
@@ -95,10 +95,10 @@
           <br/>
           <!-- End InstrumentInfo -->
           <!-- As Found -->
-          <ReadingTable />
+          <ReadingTable :as_found="table.as_found" />
           <br/>
           <!-- As Left -->
-          <ReadingTable />
+          <ReadingTable :as_left="table.as_left" />
           <!-- End Instruments-->
           <div class="box">
             <p>
@@ -223,7 +223,7 @@ const output = () => {
     }
   }
 
-  return tables
+  // return tables
 }
 
 
diff --git a/benchtop-fe/src/components/PDF/ReadingTable.vue b/benchtop-fe/src/components/PDF/ReadingTable.vue
index 09f9a8e..c32aa71 100644
--- a/benchtop-fe/src/components/PDF/ReadingTable.vue
+++ b/benchtop-fe/src/components/PDF/ReadingTable.vue
@@ -96,10 +96,13 @@
     </table>
   </div>
 </template>
-<script>
-export default {
-  name: 'ReadingTable'
-}
+<script setup>
+import {defineProps, ref} from "vue";
+
+const props = defineProps({
+  as_found: Object,
+  as_left: Object,
+});
 </script>
 <style scoped>
 @media print {
diff --git a/benchtop-fe/src/components/Sheet.vue b/benchtop-fe/src/components/Sheet.vue
index e81edd2..3fe7e98 100644
--- a/benchtop-fe/src/components/Sheet.vue
+++ b/benchtop-fe/src/components/Sheet.vue
@@ -126,6 +126,6 @@ const emits = defineEmits([
 <style scoped>
 body {
   margin: 1rem;
-  background: url("/public/funky-lines.webp");
+  background: url("/funky-lines.webp");
 }
 </style>
diff --git a/benchtop-fe/src/style.css b/benchtop-fe/src/style.css
index e937e56..8dee80b 100644
--- a/benchtop-fe/src/style.css
+++ b/benchtop-fe/src/style.css
@@ -1,6 +1,6 @@
 body {
   margin: 1rem;
-  background: url("/public/funky-lines.webp");
+  background: url("/funky-lines.webp");
 }
 
 .card {
@@ -93,4 +93,9 @@ h3 {
 
 .px666 {
   width: 666px;
+}
+
+.scroll-pdf {
+  height: 90vh;
+  overflow: scroll;
 }
\ No newline at end of file