From 3e3e2d89dbed45cabfbaac9911877f11381dff2c Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 28 Feb 2024 08:44:00 -0500
Subject: [PATCH] WIP insurance search page.

---
 .../insurance-lookup/insurance-lookup.vue     | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/layouts/insurance-lookup/insurance-lookup.vue b/src/layouts/insurance-lookup/insurance-lookup.vue
index 12fc16691..d9d9926e2 100644
--- a/src/layouts/insurance-lookup/insurance-lookup.vue
+++ b/src/layouts/insurance-lookup/insurance-lookup.vue
@@ -78,7 +78,7 @@ export default {
         },
         forwardButtonAction() {
             // Still needs wired up when insurance-details page is created
-            alert("Needs wired up!")
+            alert("Needs wired up!");
         },
     },
     mounted() {
@@ -91,15 +91,17 @@ export default {
             "Liberty Mutual Insurance",
             "State Auto Insurance",
             "State Farm Insurance",
-            "Travelers Insurance"
+            "Travelers Insurance",
         ];
-        
+
         $("#autocomplete").autocomplete({
-            source: function( request, response ) {
-            var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
-                response( $.grep( tags, function( item ){
-                    return matcher.test( item );
-                }) );
+            source: function (request, response) {
+                var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i");
+                response(
+                    $.grep(tags, function (item) {
+                        return matcher.test(item);
+                    })
+                );
             },
             position: {
                 my: "left top+6",
@@ -109,21 +111,19 @@ export default {
                 select(ui.item.value);
             },
             // Bold matching letters as you type in the input
-            search: function(event, ui) {
+            search: function (event, ui) {
                 setTimeout(() => {
                     let w = $(this).autocomplete("widget").find("div"),
-                    re = new RegExp("("+this.value+")", "i");
-                    w.html((i, html) =>
-                    html.replace(re, "<span>$1</span>")
-                    );
-                },5);
+                        re = new RegExp("(" + this.value + ")", "i");
+                    w.html((i, html) => html.replace(re, "<span>$1</span>"));
+                }, 5);
             },
         });
     },
     watch: {
         selectedQuery(newValue, oldValue) {
             if (oldValue.length > 0 && newValue.length === 0) {
-                $( "#autocomplete" ).autocomplete( "search", "" );
+                $("#autocomplete").autocomplete("search", "");
             }
         },
     },
@@ -142,7 +142,7 @@ ul {
         position: absolute;
         list-style-type: none;
         margin: 0;
-        padding: .25rem;
+        padding: 0.25rem;
         background: $white;
         border: 1px solid $gray;
         border-radius: 0.25rem;
@@ -155,10 +155,10 @@ ul {
             .ui-menu-item-wrapper {
                 border: 1px solid transparent;
                 border-radius: 2px;
-                padding-left: .25rem;
+                padding-left: 0.25rem;
                 span {
-                        font-weight: 600;
-                    }
+                    font-weight: 600;
+                }
                 &.ui-state-active {
                     border: 1px solid $gray-200;
                     border-radius: 2px;