https://whale-app-6m5a4.ondigitalocean.app/common.js

1export const submitButton = document.querySelector("#submitbutton");
2export const leadForm = document.querySelector("#leadform");
3export const loader = document.querySelector("#loader");
4
5export const descLoan = document.querySelector("#describeLoan");
6
7export const title = document.querySelector("#title");
8export const firstName = document.querySelector("#firstname");
9export const lastName = document.querySelector("#lastname");
10export const email = document.querySelector("#email");
11export const mobileNumber = document.querySelector("#mobilenumber");
12export const amountRequired = document.querySelector("#amountrequired");
13export const purposeOfLoan = document.querySelector("#purposeofloan");
14export const describeLoan = document.querySelector("#descloan");
15export const propertyType = document.querySelector("#propertytype");
16export const propertyDebt = document.querySelector("#propertydebt");
17export const propertyValue = document.querySelector("#propertyvalue");
18export const bankAccountConfirmation = document.querySelector("#bankaccount");
19export const propertyConfirmation = document.querySelector("#property");
20
21export const firstMortgageField = document.querySelector("#firstmortgagefield");
22export const secondMortgageField = document.querySelector(
23  "#secondmortgagefield"
24);
25export const otherChargesField = document.querySelector("#otherchargesfield");
26
27export const firstMortgageInput = document.querySelector("#firstmortgage");
28export const secondMortgageInput = document.querySelector("#secondmortgage");
29export const otherChargesInput = document.querySelector("#othercharges");
30
31export const companyNameField = document.querySelector("#companyname");
32export const companyPostcode = document.querySelector("#cpostcode");
33export const companyAddressOne = document.querySelector("#caddressOne");
34export const companyAddressTwo = document.querySelector("#caddressTwo");
35export const companyAddressThree = document.querySelector("#caddressThree");
36
37export const companyName = document.querySelector("#companyname");
38export const companyDetails = document.querySelector("#companyDetails");
39export const companyResults = document.querySelector(".company-results");
40
41export const propertyAddress = document.querySelector("#propertyaddress");
42//export const errorHeader = document.querySelector(".error-header");
43
44export const state = {
45  company: {},
46  securityPropertyAddress: {},
47  companyFormattedAddress: {},
48  companyAddressSnippet: "",
49  googleAutoComplete: {},
50};
51
52export const fieldsArray = [
53  { field: "companyname", message: "Invalid Company", isError: false },
54  {
55    field: "bankaccount",
56    message: "Bank Account Confirmation Required",
57    isError: false,
58  },
59  {
60    field: "amountrequired",
61    message: "Loan Amount is Required",
62    isError: false,
63  },
64  {
65    field: "purposeofloan",
66    message: "Purpose of Loan is Required",
67    isError: false,
68  },
69  { field: "title", message: "Invalid Title", isError: false },
70  { field: "firstname", message: "Invalid First Name", isError: false },
71  { field: "lastname", message: "Invalid Last Name", isError: false },
72  { field: "email", message: "Invalid Email Address.", isError: false },
73  { field: "mobilenumber", message: "Invalid Mobile Number", isError: false },
74
75  {
76    field: "propertytype",
77    message: "Property Type is Required",
78    isError: false,
79  },
80  {
81    field: "propertyaddress",
82    message:
83      "Please begin typing a property address and select from the dropdown menu",
84    isError: false,
85  },
86  {
87    field: "propertyvalue",
88    message: "Property Value must be above £100,000",
89    isError: false,
90  },
91  {
92    field: "propertydebt",
93    message: "Please Select Property Debt",
94    isError: false,
95  },
96  { field: "firstmortgage", message: "Invalid Mortage", isError: false },
97  { field: "secondmortgage", message: "Invalid Mortage", isError: false },
98  { field: "othercharges", message: "Invalid Charge", isError: false },
99
100  {
101    field: "property",
102    message: "Property Confirmation Required",
103    isError: false,
104  },
105];
106
107export function resizeIframe() {
108  var bodyHeight = document.body.scrollHeight;
109  console.log(bodyHeight);
110  window.parent.postMessage({ height: bodyHeight }, "*");
111}
112
113export function formatTitle(sentence) {
114  const words = sentence.split(" ");
115
116  for (let i = 0; i < words.length; i++) {
117    words[i] = words[i][0].toUpperCase() + words[i].substr(1).toLowerCase();
118  }
119  return words.join(" ");
120}
121
122export let calculateTotalDebt = () => {
123  let firstMortgageDebt = Number(firstMortgageInput?.value.replace(/\,/g, ""));
124  let secondMortgageDebt = Number(
125    secondMortgageInput?.value.replace(/\,/g, "")
126  );
127  let otherChargesDebt = Number(otherChargesInput?.value.replace(/\,/g, ""));
128

129  const total = firstMortgageDebt + secondMortgageDebt + otherChargesDebt;
130  return total;
131};
132
133export const capitalizeFirstLetter = (input) => {
134  const textInput = document.getElementById(input);
135  const inputValue = textInput.value.trim();
136
137  // Check if the input value is not empty
138  if (inputValue.length > 0) {
139    // Capitalize the first letter and concatenate the rest of the string
140    const capitalizedValue =
141      inputValue.charAt(0).toUpperCase() + inputValue.slice(1);
142    return capitalizedValue;
143  }
144
145  return inputValue;
146};
147
148easyNumberSeparator({
149  selector: ".number-separator",
150  separator: ",",
151});
152
153export const isObjectEmpty = (objectName) => {
154  for (let prop in objectName) {
155    if (objectName.hasOwnProperty(prop)) {
156      return false;
157    }
158  }
159  return true;
160};