https://whale-app-6m5a4.ondigitalocean.app/components/CompanySearch.js

1import {
2  state,
3  companyAddressOne,
4  companyAddressTwo,
5  companyAddressThree,
6  companyPostcode,
7  companyDetails,
8  companyNameField,
9  formatTitle,
10  resizeIframe,
11  companyResults,
12} from "../common.js";
13
14export function renderCompanySearch(val) {
15  if (companyNameField.value === "") {
16    companyResults.style.display = "none";
17  }
18
19  companyResults.innerHTML = "";
20  if (val == "") {
21    return;
22  }
23  let list = "";
24  fetch(
25    `https://sea-lion-app-lccwh.ondigitalocean.app/companies/getCompaniesMain?companyname=${val}`,
26    {
27      method: "GET",
28      crossDomain: true,
29    }
30  )
31    .then(function (response) {
32      return response.json();
33    })
34    .then(function (data) {
35      for (let i = 0; i < data.items.length; i++) {
36        list +=
37          `<li>` +
38          data.items[i].title +
39          " | " +
40          data.items[i].company_number +
41          '<div class="company-results-address">' +
42          data.items[i].address_snippet +
43          "</div>" +
44          "</li>";
45      }
46      companyResults.innerHTML = "<ul id='companyList'>" + list + "</ul>";
47      companyResults.style.display = "block";
48
49      const companyList = document.getElementById("companyList");
50
51      companyList.addEventListener("click", (event) => {
52        console.log(event.target.tagName);
53        const clickedLi = event.target.closest("li");
54
55        if (clickedLi) {
56          console.log("LI SELECTED");
57          const index = Array.from(companyList.children).indexOf(clickedLi);
58          setCompany(data.items[index]);
59        }
60      });
61
62      resizeIframe();
63      return true;
64    })
65    .catch(function (err) {
66      console.warn("Something went wrong.", err);
67      return false;
68    });
69}
70
71function setCompany(selectedCompany) {
72  state.company = selectedCompany;
73  console.log(state.company);
74
75  //companyDetails.style.display = "block";
76
77  if (
78    companyNameField &&
79    companyAddressOne &&
80    companyAddressTwo &&
81    companyAddressThree &&
82    companyPostcode
83  ) {
84    companyNameField.value = formatTitle(selectedCompany.title);
85    //companyAddressField.value = selectedCompany.address_snippet;
86    companyAddressOne.value = state.companyFormattedAddress.addressOne =
87      selectedCompany.address.premises +
88      " " +
89      selectedCompany.address.address_line_1;
90
91    companyAddressTwo.value = state.companyFormattedAddress.addressTwo =
92      selectedCompany.address.address_line_2 == null
93        ? selectedCompany.address.locality
94        : selectedCompany.address.address_line_2;
95
96    companyAddressThree.value = state.companyFormattedAddress.addressThree =
97      selectedCompany.address.region == null
98        ? selectedCompany.address.country == null
99          ? ""
100          : selectedCompany.address.country
101        : selectedCompany.address.region;
102
103    companyPostcode.value = state.companyFormattedAddress.postcode =
104      selectedCompany.address.postal_code;
105  }
106
107  console.log(state.companyFormattedAddress);
108  state.companyAddressSnippet = selectedCompany.address_snippet;
109  companyResults.innerHTML = "";
110  companyResults.style.display = "none";
111  //validateField("cname");
112  resizeIframe();
113}