The website uses information saved using cookies to ensure maximum convenience in using the website. If you agree to save the information stored in cookies, click on the "x" in the upper right corner of this information. If you do not agree, you can change the cookie settings in your browser:
' + + 'Check Dasharo Policy'; + link.href = "#"; + link.title = "Close"; + link.innerHTML = "x"; + + function clickHandler() { + document.body.removeChild(container); + localStorage.setItem("dasharo-cookies", "1"); + } + + link.addEventListener("click", clickHandler); + + container.appendChild(link); + document.body.appendChild(container); + + let policyLink = document.getElementById("cookies-link"); + let att = document.createAttribute("href"); + att.value = hrefContent; + policyLink.setAttributeNode(att); + + return true; +}; + +if (!localStorage.getItem("dasharo-cookies")) { + cookiesInitialize(); +} diff --git a/themes/dasharo/assets/js/copyAnchorLinks.js b/themes/dasharo/assets/js/copyAnchorLinks.js new file mode 100644 index 0000000..abcced0 --- /dev/null +++ b/themes/dasharo/assets/js/copyAnchorLinks.js @@ -0,0 +1,58 @@ +function offsetAnchor() { + if (location.hash.length !== 0) { + window.scrollTo(window.scrollX, window.scrollY - 100); + } +} + +$(document).on("click", 'a[href^="#"]', function (event) { + window.setTimeout(function () { + offsetAnchor(); + }, 0); +}); +window.setTimeout(offsetAnchor, 0); + +// const numberOfQuestions = document.getElementsByClassName("faq__content-item-description").length; +// var linksArray = []; + +// for (var i = 1; i <= numberOfQuestions; i++) { +// linksArray[i] = document.getElementById("question" + i); +// let targetLink = linksArray[i]; +// let att = document.createAttribute("data-clipboard-text"); +// if (location.href.includes("localhost")) { +// att.value = "http://localhost:3000/pages/learn.html#q" + i; +// } else { +// att.value = "https://dasharo.com/pages/learn.html#q" + i; +// } +// targetLink.setAttributeNode(att); +// } + +const copyToClipBoard = (e) => { + let text = e.currentTarget.getAttribute("data-clipboard-text"); + let textarea = document.createElement("textarea"); + var tooltip = document.getElementsByClassName("tooltip"); + textarea.textContent = text; + document.body.appendChild(textarea); + textarea.select(); + + try { + Array.from(tooltip).forEach((el) => { + el.classList.add("active"); + }); + setTimeout(() => { + Array.from(tooltip).forEach((el) => { + el.classList.remove("active"); + }); + }, 300); + return document.execCommand("copy"); + } catch (ex) { + console.warn("Copy to clipboard failed.", ex); + return false; + } finally { + document.body.removeChild(textarea); + } +}; + +let anchorLinks = document.querySelectorAll(".anchor-links"); +anchorLinks.forEach((item) => { + item.addEventListener("click", copyToClipBoard); +}); diff --git a/themes/dasharo/assets/js/copyToClipBoard.js b/themes/dasharo/assets/js/copyToClipBoard.js new file mode 100644 index 0000000..4b53743 --- /dev/null +++ b/themes/dasharo/assets/js/copyToClipBoard.js @@ -0,0 +1,23 @@ +const addressCopyBtn = document.getElementById("copy-address-button"); +const mailCopyBtn = document.getElementById("copy-mail-button"); +// const copySection1 = document.getElementById("copySection1"); + +const copyToClipBoard = (e) => { + let text = e.currentTarget.getAttribute("data-clipboard-text"); + let textarea = document.createElement("textarea"); + textarea.textContent = text; + document.body.appendChild(textarea); + textarea.select(); + try { + return document.execCommand("copy"); + } catch (ex) { + console.warn("Copy to clipboard failed.", ex); + return false; + } finally { + document.body.removeChild(textarea); + } +}; + +addressCopyBtn.addEventListener("click", copyToClipBoard); +mailCopyBtn.addEventListener("click", copyToClipBoard); +// copySection1.addEventListener("click", copyToClipBoard); diff --git a/themes/dasharo/assets/js/formContact.js b/themes/dasharo/assets/js/formContact.js new file mode 100644 index 0000000..cd04bf8 --- /dev/null +++ b/themes/dasharo/assets/js/formContact.js @@ -0,0 +1,295 @@ +var getAQuote = [], + whatStage = [], + approximateBudget = []; + +function getValue(className, stepName) { + let mapInputs = [...document.getElementsByClassName(className)]; + mapInputs.map((element) => + element.addEventListener("click", function () { + stepName.splice(0, 1, this.value); + + if (stepName.includes("I need to get more information about")) { + let newObj = [ + ...document.querySelectorAll(".quote__content-item-link"), + ]; + newObj.map((link) => link.classList.add("white")); + } + }) + ); +} + +getValue("quote__input-first-question", this.getAQuote); +getValue("quote__input-second-question", this.whatStage); +getValue("quote__input-third-question", this.approximateBudget); + +function handleSelectedCheckbox(className, stepName) { + let mapLabels = [...document.getElementsByClassName(className)]; + mapLabels.map((element) => + element.addEventListener("click", function () { + mapLabels.map((material) => material.classList.remove("chosen")); + this.classList.add("chosen"); + if (stepName.includes("I want to buy existing Dasharo Product")) { + document + .querySelector("div.downloadDatasheets") + .classList.remove("show"); + } + }) + ); +} + +handleSelectedCheckbox("quote__label-first-question", this.getAQuote); +handleSelectedCheckbox("quote__label-second-question", this.whatStage); +handleSelectedCheckbox("quote__label-third-question", this.approximateBudget); + +function cleanInputs(className) { + let classToRemove = "chosen"; + if (className == "form-group") { + classToRemove = "focused"; + } + let mapInputs = [...document.getElementsByClassName(className)]; + mapInputs.map((element) => element.classList.remove(classToRemove)); +} + +// let mapFormEl = [...document.getElementsByClassName("form-group")]; +// mapFormEl.map(element => element.classList.remove("focused")); + +document.querySelector(".buyExisting").addEventListener("click", function () { + document.querySelector("div.downloadDatasheets").classList.add("show"); +}); + +var currentTab = 0; +showTab(currentTab); + +function showTab(n) { + var x = document.getElementsByClassName("tab"); + x[n].style.display = "block"; + + if (n == 0) { + document.getElementById("prevBtn").style.display = "none"; + } else { + document.getElementById("prevBtn").style.display = "inline"; + } + if (n == x.length - 1) { + document.getElementById("nextBtn").style.pointerEvents = "none"; + document.getElementById("nextBtn").style.opacity = 0; + } else { + document.getElementById("nextBtn").style.opacity = 1; + document.getElementById("nextBtn").style.pointerEvents = "visible"; + } + + fixStepIndicator(n); +} + +function nextPrev(n) { + var x = document.getElementsByClassName("tab"); + if (n == 1 && !validateForm()) return false; + x[currentTab].style.display = "none"; + currentTab = currentTab + n; + + showTab(currentTab); +} + +function validateForm() { + var x, + y, + i, + valid = true; + x = document.getElementsByClassName("tab"); + y = x[currentTab].getElementsByTagName("input"); + for (i = 0; i < y.length; i++) { + if (y[i].value == "") { + y[i].className += " invalid"; + valid = false; + } + } + if (valid) { + document.getElementsByClassName("step")[currentTab].className += " finish"; + } + return valid; +} + +function fixStepIndicator(n) { + var i, + x = document.getElementsByClassName("step"); + for (i = 0; i < x.length; i++) { + x[i].className = x[i].className.replace(" active", ""); + } + x[n].className += " active"; +} + +$("input").focus(function () { + $(this).parents(".form-group").addClass("focused"); +}); + +$("input").blur(function () { + let inputValue = $(this).val(); + if (inputValue == "") { + $(this).removeClass("filled"); + $(this).parents(".form-group").removeClass("focused"); + } else { + $(this).addClass("filled"); + } +}); + +$("#textarea1").focus(function () { + $(this).parents(".form-group").addClass("focused"); +}); + +$("#textarea1").blur(function () { + let textareaValue = $(this).val(); + if (textareaValue == "") { + $(this).removeClass("filled"); + $(this).parents(".form-group").removeClass("focused"); + } else { + $(this).addClass("filled"); + } +}); + +$(document).ready(function () { + let name_form = document.getElementById("name"), + user_email = document.getElementById("user_email"), + subject_form = document.getElementById("subject"), + textarea1_form = document.getElementById("textarea1"), + emailSent = document.getElementById("email-sent"), + mobile = document.getElementById("mobile"); + + const validateEmail = function (data) { + let testData = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; + if (testData.test(data)) { + return true; + } + return false; + }; + + const handleInvalidForm = function () { + emailSent.classList.add("validation-err-msg"); + emailSent.innerHTML = "Do not leave the field empty!"; + setTimeout(function () { + emailSent.innerHTML = ""; + emailSent.classList.remove("validation-err-msg"); + }, 1500); + }; + + const handleInvalidEmail = function () { + user_email.classList.add("validation-err"); + user_email.value = "Invalid email address!"; + setTimeout(function () { + user_email.value = ""; + user_email.classList.remove("validation-err"); + }, 1500); + }; + + const handleValidForm = function () { + emailSent.innerHTML = "Email has been sent!"; + setTimeout(function () { + emailSent.innerHTML = ""; + name_form.value = ""; + user_email.value = ""; + subject_form.value = ""; + mobile.innerHTML = ""; + mobile.value = ""; + textarea1_form.value = ""; + cleanInputs("label_checkbox"); + cleanInputs("quote__label-third-question"); + cleanInputs("form-group"); + }, 2500); + }; + + var user, to, name, subject, text; + $("#send_email").click(function () { + event.preventDefault(); + to = "contact@dasharo.com"; + name = $("#name").val(); + user = $("#user_email").val(); + subject = $("#subject").val(); + mobile = $("#mobile").val(); + text = $("#textarea1").val(); + getAQuote = getAQuote; + whatStage = whatStage; + approximateBudget = approximateBudget; + + if ( + name_form.value == "" || + user_email.value == "" || + subject_form.value == "" || + textarea1_form.value == "" + ) { + handleInvalidForm(); + return console.log("not sent"); + } else if (!validateEmail(user_email.value)) { + handleInvalidEmail(); + } else { + $.post( + "http://localhost:8000/send", + { + to: to, + name: name, + user: user, + subject: subject, + mobile: mobile, + text: text, + getAQuote: getAQuote, + whatStage: whatStage, + approximateBudget: approximateBudget, + }, + function (data) { + if (data == "sent") { + console.log("Email sent"); + handleValidForm(); + } + }, + + "text" + ); + } + + var user, to, name, subject, text; + $("#send_email").click(function () { + event.preventDefault(); + to = "contact@3mdeb.com'"; + name = $("#name").val(); + user = $("#user_email").val(); + subject = $("#subject").val(); + mobile = $("#mobile").val(); + text = $("#textarea1").val(); + getAQuote = getAQuote; + whatStage = whatStage; + approximateBudget = approximateBudget; + + if ( + name_form.value == "" || + user_email.value == "" || + subject_form.value == "" || + textarea1_form.value == "" + ) { + handleInvalidForm(); + return console.log("not sent"); + } else if (!validateEmail(user_email.value)) { + handleInvalidEmail(); + } else { + $.post( + "http://localhost:8000/send", + { + to: to, + name: name, + user: user, + subject: subject, + mobile: mobile, + text: text, + getAQuote: getAQuote, + whatStage: whatStage, + approximateBudget: approximateBudget, + }, + function (data) { + if (data == "sent") { + console.log("Email sent"); + handleValidForm(); + } + }, + + "text" + ); + } + }); + }); +}); diff --git a/themes/dasharo/assets/js/navigation.js b/themes/dasharo/assets/js/navigation.js new file mode 100644 index 0000000..bccd079 --- /dev/null +++ b/themes/dasharo/assets/js/navigation.js @@ -0,0 +1,68 @@ +document.addEventListener("touchstart", function () {}, true); +const navContainer = document.querySelector(".navigation__container"); +const burger = document.querySelector(".burger"); +const logo = document.querySelector(".navigation__logo-wrapper"); +const nav = document.querySelector(".navigation__menu-wrapper"); +const navItems = document.querySelectorAll(".navigation__menu-list-item"); +let isOpen = false; + +const scrollHandler = () => { + let height = 0; + let offset = window.pageYOffset; + if (offset > height + 50) { + navContainer.classList.add("nav-on-scroll"); + } else { + navContainer.classList.remove("nav-on-scroll"); + } +}; + +const navOpenHandler = () => { + burger.classList.remove("hover"); + burger.classList.add("open"); + logo.classList.add("logo-menu-active"); + nav.classList.remove("navigation__menu-wrapper-slide-up"); + nav.classList.add("navigation__menu-wrapper-slide-down"); + navItems.forEach((item, index) => { + item.classList.add(`slide-in-nav-item-delay-${index}`); + item.classList.remove(`slide-in-nav-item-delay-${index}-reverse`); + }); +}; + +const navCloseHandler = () => { + burger.classList.remove("open"); + burger.classList.add("hover"); + logo.classList.remove("logo-menu-active"); + nav.classList.remove("navigation__menu-wrapper-slide-down"); + nav.classList.add("navigation__menu-wrapper-slide-up"); + navItems.forEach((item, index) => { + item.classList.remove(`slide-in-nav-item-delay-${index}`); + item.classList.add(`slide-in-nav-item-delay-${index}-reverse`); + }); +}; + +burger.addEventListener("click", () => { + if (isOpen) { + navCloseHandler(); + } else { + navOpenHandler(); + } + isOpen = !isOpen; +}); + +logo.addEventListener("click", () => { + if (isOpen) { + navCloseHandler(); + isOpen = !isOpen; + } +}); + +navItems.forEach((item) => { + item.addEventListener("click", () => { + if (isOpen) { + navCloseHandler(); + isOpen = !isOpen; + } + }); +}); + +window.addEventListener("scroll", scrollHandler); diff --git a/themes/dasharo/assets/js/script.js b/themes/dasharo/assets/js/script.js new file mode 100644 index 0000000..7306f58 --- /dev/null +++ b/themes/dasharo/assets/js/script.js @@ -0,0 +1,4 @@ +// main script +(function () { + "use strict"; +})(); diff --git a/themes/dasharo/assets/js/scrollMouseInfo.js b/themes/dasharo/assets/js/scrollMouseInfo.js new file mode 100644 index 0000000..8a0fe34 --- /dev/null +++ b/themes/dasharo/assets/js/scrollMouseInfo.js @@ -0,0 +1,19 @@ +const mouseLogo = document.querySelector(".mouse-scroll"); +let isHidden = false; + +window.addEventListener("scroll", scrollHandler); +if (mouseLogo) { + window.onload = function () { + setInterval(() => { + if (isHidden) { + mouseLogo.classList.remove("mouse-icon-hide"); + mouseLogo.style.transform = "translateY(-25px)"; + isHidden = !isHidden; + } else { + mouseLogo.classList.add("mouse-icon-hide"); + mouseLogo.style.transform = "translateY(25px)"; + isHidden = !isHidden; + } + }, 3000); + }; +} diff --git a/themes/dasharo/assets/js/showHideInfo.js b/themes/dasharo/assets/js/showHideInfo.js new file mode 100644 index 0000000..8ef1e53 --- /dev/null +++ b/themes/dasharo/assets/js/showHideInfo.js @@ -0,0 +1,21 @@ +const descriptionItems = document.querySelectorAll(".description-item"); +const descriptionItemsImgs = document.querySelectorAll(".description-item-img"); +const descriptionContainers = document.querySelectorAll(".description-hidden"); + +descriptionItems.forEach((item, index) => { + let isDescriptionOpen = false; + item.addEventListener("click", () => { + if (isDescriptionOpen) { + descriptionContainers[index].classList.remove( + "content-item-description-active" + ); + descriptionItemsImgs[index].classList.remove("content-item-title-active"); + } else { + descriptionContainers[index].classList.add( + "content-item-description-active" + ); + descriptionItemsImgs[index].classList.add("content-item-title-active"); + } + isDescriptionOpen = !isDescriptionOpen; + }); +}); diff --git a/themes/dasharo/assets/js/smoothScroll.js b/themes/dasharo/assets/js/smoothScroll.js new file mode 100644 index 0000000..bb05462 --- /dev/null +++ b/themes/dasharo/assets/js/smoothScroll.js @@ -0,0 +1,28 @@ +const links = document.querySelectorAll(".smooth-scroll"); + +for (const link of links) { + link.addEventListener("click", clickHandler); +} + +function clickHandler(e) { + e.preventDefault(); + const href = this.getAttribute("href"); + const offsetTop = + document.querySelector(href).getBoundingClientRect().top + window.scrollY; + if (href === "#home") { + scroll({ + top: document.body.offsetTop, + behavior: "smooth", + }); + } else if (href.match(/#faq/)) { + scroll({ + top: offsetTop - 80, + behavior: "smooth", + }); + } else { + scroll({ + top: offsetTop - 50, + behavior: "smooth", + }); + } +} diff --git a/themes/dasharo/assets/js/userActivityCapturing.js b/themes/dasharo/assets/js/userActivityCapturing.js new file mode 100644 index 0000000..6a78064 --- /dev/null +++ b/themes/dasharo/assets/js/userActivityCapturing.js @@ -0,0 +1,102 @@ +const dataInputs = document.querySelectorAll( + ".quote__input-first-question, .quote__input-second-question, .quote__input-third-question" +); +const dataLabels = document.querySelectorAll(".quote__label-third-question"); +const nextBtn = document.getElementById("nextBtn"); +const submitBtn = document.getElementById("send_email"); +const allChoices = []; +const userChoices = [ + { + id: 1, + question: "Specify a quote", + choice: "", + }, + { + id: 2, + question: "What stage are you at?", + choice: "", + }, + { + id: 3, + question: "Approximate trading volume", + choice: "", + }, +]; +let clicked = false; + +const sendData = () => { + const data = { + question1: "Specify a quote", + question2: "What stage are you at?", + question3: "Approximate trading volume", + choice1: userChoices[0].choice, + choice2: userChoices[1].choice, + choice3: userChoices[2].choice, + }; + fetch("http://localhost:8000/activity", { + method: "post", + headers: { + "Content-Type": "application/json", + }, + body: JSON.stringify(data), + }); +}; + +const checkIfSubmitIsClicked = () => { + if (userChoices.every((item) => item.choice)) { + const check = () => { + if (!clicked) { + sendData(); + } else return; + }; + setTimeout(check, 60000); + } else return; +}; + +const setChoices = () => { + const firstChoicesSet = []; + const secondChoicesSet = []; + const thirdChoicesSet = []; + + dataInputs.forEach((item) => + item.classList.contains("quote__input-first-question") + ? firstChoicesSet.push(item) + : item.classList.contains("quote__input-second-question") + ? secondChoicesSet.push(item) + : null + ); + + thirdChoicesSet.push(...dataLabels); + + allChoices.push( + [...firstChoicesSet], + [...secondChoicesSet], + [...thirdChoicesSet] + ); +}; + +setChoices(); + +allChoices.forEach((item) => { + item.forEach((el) => + el.addEventListener("click", () => + el.classList.contains("quote__input-first-question") + ? (userChoices[0].choice = el.value) + : el.classList.contains("quote__input-second-question") + ? (userChoices[1].choice = el.value) + : el.classList.contains("quote__label-third-question") + ? (userChoices[2].choice = el.children[0].value) + : null + ) + ); +}); + +nextBtn.addEventListener("click", checkIfSubmitIsClicked); +submitBtn.addEventListener("click", () => (clicked = true)); + +window.addEventListener("beforeunload", (e) => { + if (userChoices.every((item) => item.choice) && !clicked) { + e.returnValue = `Are you sure you want to leave?`; + sendData(); + } +}); diff --git a/themes/dasharo/assets/plugins/jquery/jquery.js b/themes/dasharo/assets/plugins/jquery/jquery.js new file mode 100644 index 0000000..98cd95a --- /dev/null +++ b/themes/dasharo/assets/plugins/jquery/jquery.js @@ -0,0 +1,10881 @@ +/*! + * jQuery JavaScript Library v3.6.0 + * https://jquery.com/ + * + * Includes Sizzle.js + * https://sizzlejs.com/ + * + * Copyright OpenJS Foundation and other contributors + * Released under the MIT license + * https://jquery.org/license + * + * Date: 2021-03-02T17:08Z + */ +( function( global, factory ) { + + "use strict"; + + if ( typeof module === "object" && typeof module.exports === "object" ) { + + // For CommonJS and CommonJS-like environments where a proper `window` + // is present, execute the factory and get jQuery. + // For environments that do not have a `window` with a `document` + // (such as Node.js), expose a factory as module.exports. + // This accentuates the need for the creation of a real `window`. + // e.g. var jQuery = require("jquery")(window); + // See ticket #14549 for more info. + module.exports = global.document ? + factory( global, true ) : + function( w ) { + if ( !w.document ) { + throw new Error( "jQuery requires a window with a document" ); + } + return factory( w ); + }; + } else { + factory( global ); + } + +// Pass this if window is not defined yet +} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) { + +// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1 +// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode +// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common +// enough that all such attempts are guarded in a try block. +"use strict"; + +var arr = []; + +var getProto = Object.getPrototypeOf; + +var slice = arr.slice; + +var flat = arr.flat ? function( array ) { + return arr.flat.call( array ); +} : function( array ) { + return arr.concat.apply( [], array ); +}; + + +var push = arr.push; + +var indexOf = arr.indexOf; + +var class2type = {}; + +var toString = class2type.toString; + +var hasOwn = class2type.hasOwnProperty; + +var fnToString = hasOwn.toString; + +var ObjectFunctionString = fnToString.call( Object ); + +var support = {}; + +var isFunction = function isFunction( obj ) { + + // Support: Chrome <=57, Firefox <=52 + // In some browsers, typeof returns "function" for HTML