From c2ae7bc9f09322daecbc91ffe37d13b5ce362f02 Mon Sep 17 00:00:00 2001
From: Tyrel Souza <tyrelsouza@gmail.com>
Date: Wed, 11 Oct 2023 20:04:28 -0400
Subject: [PATCH] changes during sync

---
 .../NewCalibrationDeviceForm.vue              | 114 +++++++-----------
 .../Instrument/NewInstrumentForm.vue          |   3 +-
 benchtop-fe/src/style.css                     |   5 +-
 3 files changed, 52 insertions(+), 70 deletions(-)

diff --git a/benchtop-fe/src/components/CalibrationDevice/NewCalibrationDeviceForm.vue b/benchtop-fe/src/components/CalibrationDevice/NewCalibrationDeviceForm.vue
index d4416dc..4da444f 100644
--- a/benchtop-fe/src/components/CalibrationDevice/NewCalibrationDeviceForm.vue
+++ b/benchtop-fe/src/components/CalibrationDevice/NewCalibrationDeviceForm.vue
@@ -1,72 +1,50 @@
 <template>
-  <div class="card-header">Primary Cal Device</div>
+  <div class="card-header">Calibration Devices</div>
   <div class="card-body">
-    <table class="table">
-      <tbody>
-        <tr>
-          <td colspan="2">
-            <h3>Calibration Date</h3>
-            <VueDatePicker
-              v-model="date"
-              auto-apply
-              :enableTimePicker="false"
-              :flow="flow"
-            ></VueDatePicker>
-          </td>
-        </tr>
-        <tr>
-          <td colspan="2">
-            <h3>Calibration Due Date</h3>
-            <VueDatePicker
-              v-model="due_date"
-              auto-apply
-              :enableTimePicker="false"
-              :flow="flow"
-            ></VueDatePicker>
-          </td>
-        </tr>
-        <tr>
-          <td>Model</td>
-          <td>
-            <input
-              type="text"
-              name="model"
-              maxlength="100"
-              v-model="model"
-              required
-              id="id_model"
-            />
-          </td>
-        </tr>
-        <tr>
-          <td>Serial #</td>
-          <td>
-            <input
-              type="text"
-              name="serial"
-              maxlength="100"
-              v-model="serial"
-              required
-              id="id_serial"
-            />
-          </td>
-        </tr>
+    <h3>Primary Device</h3>
+    <select
+      name="primary_device"
+      v-model="report_type"
+      required
+      id="id_report_type"
+    >
+      <option value="-" selected>----Primary-----</option>
+      <option value="TV">Menzer1</option>
+      <option value="HC">Blackbelt</option>
+    </select>
+    <td colspan="2">
+      <h3>Calibration Date</h3>
+      <div class="date-picker">
+        <VueDatePicker
+          v-model="date"
+          auto-apply
+          :enableTimePicker="false"
+          :flow="flow"
+        ></VueDatePicker>
+      </div>
+    </td>
+    <hr />
+    <h3>Secondary Device</h3>
 
-        <tr>
-          <td>Cert ID</td>
-          <td>
-            <input
-              type="text"
-              name="cert_id"
-              maxlength="100"
-              v-model="cert_id"
-              required
-              id="id_cert_id"
-            />
-          </td>
-        </tr>
-      </tbody>
-    </table>
+    <select
+      name="secondary_device"
+      v-model="report_type"
+      required
+      id="id_report_type"
+    >
+      <option value="-" selected>----Secondary-----</option>
+      <option value="TV">Menzer1</option>
+      <option value="HC">Blackbelt</option>
+    </select>
+    <h3>Calibration Date</h3>
+    <div class="date-picker">
+      <VueDatePicker
+        v-model="date"
+        auto-apply
+        :enableTimePicker="false"
+        :flow="flow"
+      ></VueDatePicker>
+    </div>
   </div>
 </template>
 <script setup>
@@ -78,8 +56,8 @@ import "@vuepic/vue-datepicker/dist/main.css";
 const model = ref(""),
   serial = ref(""),
   cert_id = ref(""),
-  due_date = ref(new Date),
-  date = ref(new Date);
+  due_date = ref(new Date()),
+  date = ref(new Date());
 
 const flow = ref(["year", "month", "calendar"]);
 
diff --git a/benchtop-fe/src/components/Instrument/NewInstrumentForm.vue b/benchtop-fe/src/components/Instrument/NewInstrumentForm.vue
index 673464d..b5ba557 100644
--- a/benchtop-fe/src/components/Instrument/NewInstrumentForm.vue
+++ b/benchtop-fe/src/components/Instrument/NewInstrumentForm.vue
@@ -82,7 +82,7 @@
           </td>
         </tr>
         <tr>
-          <td>Transducer Span</td>
+          <td>Transducer Span (psia)</td>
           <td>
             <input
               type="text"
@@ -126,3 +126,4 @@ watchEffect(() => {
   });
 });
 </script>
+
diff --git a/benchtop-fe/src/style.css b/benchtop-fe/src/style.css
index 40013c9..fbb10a3 100644
--- a/benchtop-fe/src/style.css
+++ b/benchtop-fe/src/style.css
@@ -1,4 +1,7 @@
-
+body {
+  margin: 1rem;
+  background: url("/public/funky-lines.webp");
+}
 
 .card {
     border: 1px solid;