223 lines
9.9 KiB
JavaScript
223 lines
9.9 KiB
JavaScript
|
|
|
|
|
|
// Video paly Script
|
|
var vid = document.getElementById("myVideo")
|
|
var playing = 0;
|
|
function playVid() {
|
|
if (playing == 0) {
|
|
vid.play();
|
|
playing = 1;
|
|
}
|
|
else {
|
|
vid.pause()
|
|
playing = 0;
|
|
}
|
|
$('#PlayContentHide').toggleClass('play-content-hide')
|
|
$('#playOn').toggleClass('bx-pause').toggleClass('bx-play')
|
|
$('#playIconDiv').toggleClass('play-icon-div')
|
|
}
|
|
function pauseVid() {
|
|
vid.pause();
|
|
}
|
|
// Animation Script
|
|
window.addEventListener('scroll', reveal);
|
|
function reveal() {
|
|
var reveals = document.querySelectorAll('.reveal');
|
|
for (var i = 0; i < reveals.length; i++) {
|
|
var win_height = window.innerHeight;
|
|
var reveal_top = reveals[i].getBoundingClientRect().top;
|
|
var reveal_point = 150;
|
|
if (reveal_top < win_height - reveal_point) {
|
|
reveals[i].classList.add('active-reveal');
|
|
}
|
|
// else {
|
|
// reveals[i].classList.remove('active');
|
|
// }
|
|
}
|
|
}
|
|
// Feed back
|
|
if (window.sessionStorage.getItem("closeFeedback")) {
|
|
var element = document.getElementById("closeFeedback");
|
|
element.classList.add("closeFeedback");
|
|
}
|
|
var selectedPopup = "";
|
|
function feedbackCLose() {
|
|
var element = document.getElementById("closeFeedback");
|
|
element.classList.add("closeFeedback");
|
|
window.sessionStorage.setItem("closeFeedback", "true")
|
|
}
|
|
function closePopup() {
|
|
var element = document.getElementById("feedbackModal");
|
|
element.classList.remove("PopupOpen");
|
|
var getTag = document.getElementsByTagName("body")[0].style.overflow = "hidden auto"
|
|
}
|
|
function closePopupFeedback() {
|
|
var GeneralFeedback = document.getElementById("GeneralFeedback");
|
|
GeneralFeedback.classList.remove("PopupOpen");
|
|
var getTag = document.getElementsByTagName("body")[0].style.overflow = "hidden auto"
|
|
}
|
|
function feedBackTrue() {
|
|
var element = document.getElementById("feedbackModal");
|
|
element.classList.add("PopupOpen");
|
|
var getTag = document.getElementsByTagName("body")[0].style.overflow = "hidden"
|
|
feedbackCLose()
|
|
}
|
|
function GeneralFeedback(type) {
|
|
$("#feedback_type").val(type)
|
|
if (type == "bug") {
|
|
$('#popupTitle').text("Tell us what's broken")
|
|
} else if (type == "feature") {
|
|
$('#popupTitle').text("Tell us how we can improve")
|
|
} else {
|
|
$('#popupTitle').text("How would you rate your experience")
|
|
}
|
|
var element = document.getElementById("GeneralFeedback");
|
|
element.classList.add("PopupOpen");
|
|
closePopup()
|
|
selectedPopup = "GeneralFeedback"
|
|
var getTag = document.getElementsByTagName("body")[0].style.overflow = "hidden"
|
|
}
|
|
function screenShot(e) {
|
|
document.getElementById('screenShotButton').addEventListener('click', () => {
|
|
new Screenshot({
|
|
success: img => {
|
|
document.getElementById('screenshots').append(img);
|
|
},
|
|
noPermit: () => {
|
|
alert('Please Allow!');
|
|
},
|
|
noSupport: () => {
|
|
alert("You're browser not support screen share");
|
|
},
|
|
sound: true,
|
|
width: 200,
|
|
askNewShare: true,
|
|
});
|
|
});
|
|
let ScreenVideoBtn3 = document.querySelector("#ScreenVideoBtn3")
|
|
// ScreenVideoBtn3.style.display = "none"
|
|
}
|
|
|
|
|
|
|
|
|
|
// <!-- Botnet Attacks Background Animation -->
|
|
(function ($) {
|
|
// Add event listener
|
|
document.addEventListener("mousemove", parallax);
|
|
const elem = document.querySelector("#BotnetAttacksDiv");
|
|
const layer1 = document.getElementById('BotnetAttacks')
|
|
function parallax(e) {
|
|
let _w = window.innerWidth / 2;
|
|
let _h = window.innerHeight / 2;
|
|
let _mouseX = e.clientX;
|
|
let _mouseY = e.clientY;
|
|
let _depth1 = `translate(${(_mouseX - _w) * -0.01}px, ${(_mouseY - _h) * -0.01}px)`;
|
|
// console.log(_depth1)
|
|
layer1.style.transform = _depth1;
|
|
}
|
|
})();
|
|
|
|
// Home page JS
|
|
IoTDetailsAddScroll = 30;
|
|
var IoTDetails = document.getElementById("IoTDetails");
|
|
IoTDetailsTopScroll = IoTDetails.offsetTop - 320
|
|
window.addEventListener("scroll", function (event) {
|
|
let count = window.scrollY;
|
|
if (count < IoTDetailsTopScroll) {
|
|
$("#StayAheadCurve").css("transform", "translate(-1000%, 0px)");
|
|
} else if (count >= IoTDetailsTopScroll && count <= IoTDetailsTopScroll + (IoTDetailsAddScroll * 2)) {
|
|
$("#StayAheadCurve").css("transform", "translate(0px, 0px)");
|
|
$("#GetRealTimeInsights").css("transform", "translate(1000%, 0px)");
|
|
} else if (count >= IoTDetailsTopScroll && count <= IoTDetailsTopScroll + (IoTDetailsAddScroll * 3)) {
|
|
$("#GetRealTimeInsights").css("transform", "translate(0px, 0px)");
|
|
$("#AutomateProcesses").css("transform", "translate(-1000%, 0px)");
|
|
} else if (count >= IoTDetailsTopScroll && count <= IoTDetailsTopScroll + (IoTDetailsAddScroll * 4)) {
|
|
$("#AutomateProcesses").css("transform", "translate(0px, 0px)");
|
|
$("#ImproveCustomerSatisfaction").css("transform", "translate(1000%, 0px)");
|
|
} else if (count >= IoTDetailsTopScroll && count <= IoTDetailsTopScroll + (IoTDetailsAddScroll * 5)) {
|
|
$("#ImproveCustomerSatisfaction").css("transform", "translate(0px, 0px)");
|
|
$("#IncreaseRevenue").css("transform", "translate(-1000%, 0px)");
|
|
} else {
|
|
$("#IncreaseRevenue").css("transform", "translate(0%, 0px)");
|
|
}
|
|
});
|
|
addScroll = 80;
|
|
var CloudScroll = document.getElementById("CloudScroll");
|
|
TopScroll = CloudScroll.offsetTop - 450
|
|
window.addEventListener("scroll", function (event) {
|
|
let count = window.scrollY;
|
|
if (count < TopScroll) {
|
|
$("#CloudScroll").css("background-size", "100% 100%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 1)) {
|
|
$("#CloudScroll").css("background-size", "110% 110%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 2)) {
|
|
$("#CloudScroll").css("background-size", "115% 115%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 3)) {
|
|
$("#CloudScroll").css("background-size", "120% 120%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 4)) {
|
|
$("#CloudScroll").css("background-size", "125% 125%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 5)) {
|
|
$("#CloudScroll").css("background-size", "130% 130%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 6)) {
|
|
$("#CloudScroll").css("background-size", "135% 135%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 7)) {
|
|
$("#CloudScroll").css("background-size", "140% 140%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 8)) {
|
|
$("#CloudScroll").css("background-size", "145% 145%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 9)) {
|
|
$("#CloudScroll").css("background-size", "150% 150%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 10)) {
|
|
$("#CloudScroll").css("background-size", "155% 155%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 11)) {
|
|
$("#CloudScroll").css("background-size", "160% 160%");
|
|
} else if (count >= TopScroll && count <= TopScroll + (addScroll * 12)) {
|
|
$("#CloudScroll").css("background-size", "165% 165%");
|
|
}
|
|
});
|
|
stageAddScroll = 60;
|
|
var CloudScroll = document.getElementById("CloudScroll");
|
|
TopScroll = CloudScroll.offsetTop - 450
|
|
window.addEventListener("scroll", function (event) {
|
|
let count = window.scrollY;
|
|
if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 1)) {
|
|
$("#cloudInfrastructureHome").css("transform", "translate(0px, 1000%)");
|
|
} else if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 2)) {
|
|
$("#cloudInfrastructureHome").css("transform", "translate(0px, 0px)");
|
|
$("#cloudInfrastructureHomeTwo").css("transform", "translate(0px, 1000%)");
|
|
} else if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 3)) {
|
|
$("#cloudInfrastructureHomeTwo").css("transform", "translate(0px, 0px)");
|
|
$("#cloudInfrastructureHomeThree").css("transform", "translate(0px, 1000%)");
|
|
} else if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 4)) {
|
|
$("#cloudInfrastructureHomeThree").css("transform", "translate(0px, 0px)");
|
|
$("#cloudInfrastructureHomeFour").css("transform", "translate(0px, 1000%)");
|
|
} else if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 5)) {
|
|
$("#cloudInfrastructureHomeFour").css("transform", "translate(0px, 0px)");
|
|
$("#cloudInfrastructureHomeFive").css("transform", "translate(0px, 1000%)");
|
|
} else if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 6)) {
|
|
$("#cloudInfrastructureHomeFive").css("transform", "translate(0px, 0px)");
|
|
}
|
|
});
|
|
$('.businesses-worldwide-image-one').on('mouseenter', function () {
|
|
removeClass()
|
|
document.querySelector('.businesses-worldwide-image-one').classList.add('businesses-worldwide-active')
|
|
});
|
|
$('.businesses-worldwide-image-two').on('mouseenter', function () {
|
|
removeClass()
|
|
document.querySelector('.businesses-worldwide-image-two').classList.add('businesses-worldwide-active')
|
|
});
|
|
$('.businesses-worldwide-image-three').on('mouseenter', function () {
|
|
removeClass()
|
|
document.querySelector('.businesses-worldwide-image-three').classList.add('businesses-worldwide-active')
|
|
});
|
|
$('.businesses-worldwide-image-four').on('mouseenter', function () {
|
|
removeClass()
|
|
document.querySelector('.businesses-worldwide-image-four').classList.add('businesses-worldwide-active')
|
|
});
|
|
function removeClass() {
|
|
document.querySelector('.businesses-worldwide-image-one').classList.remove('businesses-worldwide-active')
|
|
document.querySelector('.businesses-worldwide-image-two').classList.remove('businesses-worldwide-active')
|
|
document.querySelector('.businesses-worldwide-image-three').classList.remove('businesses-worldwide-active')
|
|
document.querySelector('.businesses-worldwide-image-four').classList.remove('businesses-worldwide-active')
|
|
} |