https://cdn.vates.tech/book-a-demo/book-a-demo-en.js

1//Cal => Book a demo button
2//let book_a_demo = '<a class="footer-btn book-a-demo">📞 Request a Demo</a>';
3let book_a_demo =
4  '<a id="book-a-demo-cont" class="display-none hidden" onclick="return ToggleBookIframe(0);"><div>';
5book_a_demo +=
6  '<iframe src="about:blank" sandbox="allow-same-origin allow-scripts allow-modals allow-popups allow-forms"></iframe></div></a>';
7document.body.insertAdjacentHTML("beforeend", book_a_demo);
8const book_a_demo_url = "https://vates.tech/en/book-a-demo/";
9const BookCont = document.getElementById("book-a-demo-cont");
10const BookIframe = BookCont.querySelector("iframe");
11//register all book-a-demo buttons
12document.querySelectorAll(".book-a-demo").forEach(function (BTN) {
13  BTN.addEventListener("click", function (evt) {
14    evt.preventDefault();
15    ToggleBookIframe(1);
16  });
17});
18//iframe for Book a demo
19function ToggleBookIframe(action) {
20  if (action == 1) {
21    // Load iframe with the demo URL if it is not already loaded
22    if (BookIframe.src == "about:blank") {
23      SetIframeSrc(book_a_demo_url);
24    } else if (!BookIframe.src.startsWith("https://cal.vates.tech")) {
25      // remove wide class if not on cal
26      BookIframe.classList.remove("wide");
27    }
28    // Show Modal
29    BookCont.classList.remove("display-none");
30    setTimeout(function () {
31      BookCont.classList.remove("hidden");
32    }, 500);
33  } else {
34    // Hide Modal
35    BookCont.classList.add("hidden");
36    setTimeout(function () {
37      BookCont.classList.add("display-none");
38    }, 500);
39  }
40  return false;
41}
42function SetIframeSrc(new_src) {
43  BookIframe.src = new_src;
44}
45//Add relevant css in dom
46var book_style = document.createElement("link");
47book_style.rel = "stylesheet";
48book_style.media = "all";
49book_style.href = "https://cdn.vates.tech/book-a-demo/book-a-demo.css";
50book_style.onload = function () {
51  //when book a demo css is loaded, if there is an hash in the URL ant the hash is book-a-demo then open it
52  if (location.hash && location.hash === "#book-a-demo") {
53    ToggleBookIframe(1);
54  }
55};
56document.getElementsByTagName("head")[0].appendChild(book_style);