From e251dcd3040d540af4408400f30e2f3caff45a53 Mon Sep 17 00:00:00 2001
From: Ben <benjamen@obdev.io>
Date: Wed, 17 Jan 2024 03:00:03 -0600
Subject: [PATCH] All TIN and SSN numbers on created pages are working and
 updated. Killing it!

---
 app/views/vendors/_form.html.erb | 21 +++++++++++++++++++--
 app/views/workers/_form.html.erb | 19 ++++++++++++++++++-
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/app/views/vendors/_form.html.erb b/app/views/vendors/_form.html.erb
index 48a1ae6..80a7330 100644
--- a/app/views/vendors/_form.html.erb
+++ b/app/views/vendors/_form.html.erb
@@ -37,8 +37,8 @@
     </div>
     
     <div class="field">
-      <%= form.label :tin, 'TIN' %>
-      <%= form.text_field :tin, maxlength: 9 %>
+    <%= form.label :tin, 'TIN' %>
+    <%= form.text_field :tin, id: 'tin-field', maxlength: 10, placeholder: 'XX-XXXXXXX' %>
     </div>
     
     <div class="field">
@@ -91,4 +91,21 @@
       resizeTextarea(textarea);
     });
   });
+</script>
+
+<%# This is to format the TIN correctly %>
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+  const tinField = document.getElementById('tin-field');
+
+  tinField.addEventListener('input', () => {
+    let tin = tinField.value.split('-').join(''); // Remove dashes
+    tin = tin.replace(/\D/g, ''); // Keep numbers only
+
+    if (tin.length > 2) {
+      tin = tin.slice(0, 2) + '-' + tin.slice(2, 9);
+    }
+    tinField.value = tin; // Update the field value
+  });
+});
 </script>
\ No newline at end of file
diff --git a/app/views/workers/_form.html.erb b/app/views/workers/_form.html.erb
index b207be8..34fe2f1 100644
--- a/app/views/workers/_form.html.erb
+++ b/app/views/workers/_form.html.erb
@@ -111,4 +111,21 @@
   });
 </script>
 
-<%# This is for Social Security formatting and # of digits %>
\ No newline at end of file
+<%# This is for Social Security formatting and # of digits %>
+<script>
+  document.addEventListener('DOMContentLoaded', () => {
+    const ssnField = document.getElementById('ssn-field');
+
+    ssnField.addEventListener('input', () => {
+      let ssn = ssnField.value.split('-').join(''); // Remove dashes
+      ssn = ssn.replace(/\D/g, ''); // Keep numbers only
+
+      if (ssn.length > 3 && ssn.length <= 5) {
+        ssn = ssn.slice(0, 3) + '-' + ssn.slice(3);
+      } else if (ssn.length > 5) {
+        ssn = ssn.slice(0, 3) + '-' + ssn.slice(3, 5) + '-' + ssn.slice(5, 9);
+      }
+      ssnField.value = ssn; // Update the field value
+    });
+  });
+</script>