let Vozzi = {
is_open: false,
token: null,
init: function () {
Vozzi.style();
//let html = '';
let html = '';
//Will switch to this one for better look on all pages but need to confirm with live teams first
//let html = '';
document.body.insertAdjacentHTML("beforeend", html);
setTimeout(function () {
document.getElementById('vozzi-opener').style.opacity = 1;
}, 250);
if (Vozzi.get_cookie('vozzi-web-text')) {
Vozzi.token = Vozzi.get_cookie('vozzi-web-text');
}
},
fetch_token: function () {
return (Vozzi.token !== null ? Vozzi.token : (Vozzi.get_cookie('vozzi-web-text')));
},
style: function () {
let styles = document.createElement('link');
styles.rel = 'stylesheet';
styles.type = 'text/css';
styles.media = 'screen';
styles.href = 'https://getvozzi.com/chat/vc-fe39b277-a062-518f-b0c3-ad02a74ce407/css';
document.getElementsByTagName('head')[0].appendChild(styles);
},
request: function (url, input, method, data_type, success) {
failure = arguments[4] ? arguments[4] : new Function;
complete = arguments[5] ? arguments[5] : new Function;
let httpRequest = new XMLHttpRequest();
if (!httpRequest) {
return false;
}
url = url + ((input && input.length > 0 && !(input instanceof FormData)) ? Object.keys(input).map(key => key + '=' + input[key]).join('&') : '');
httpRequest.onreadystatechange = handle_response;
httpRequest.open(method, url);
httpRequest.send((input instanceof FormData ? input : null));
function handle_response () {
if (httpRequest.readyState === XMLHttpRequest.DONE) {
let data = httpRequest.responseText;
if (data_type.toLowerCase() === 'json') {
try {
data = JSON.parse(data);
}
catch (error) {
let c = document.getElementsByClassName('vozzi-container');
if (c && typeof c[0] !== 'undefined') c[0].innerHTML = 'An error occurred. We cannot currently process your request. Please try again later.
';
let btn = document.getElementById('vozzi-send');
btn.disabled = true;
}
}
if (httpRequest.status === 200) success(data);
else failure(data);
complete(data);
}
}
},
open: function () {
let close = document.getElementById('vozzi-closer');
let opener = document.getElementById('vozzi-opener');
let open = document.getElementById('vozzi-chat');
Vozzi.is_open = true;
setTimeout(function () {
opener.style.display = 'none';
}, 100);
let height = Math.min(500, window.screen.availHeight - 200);
let width = 550;
let top = (window.screen.availHeight / 2) - (height / 2);
let left = (window.screen.availWidth / 2) - (width / 2);
let voz = document.getElementById('vozzi-window');
if (!voz || voz.length <= 0) {
Vozzi.request('https://getvozzi.com/chat/vc-fe39b277-a062-518f-b0c3-ad02a74ce407/text', {token: Vozzi.fetch_token()}, 'get', 'json', function (result) {
close.style.display = 'block';
if (result && typeof result !== 'undefined') {
if (result.status === 'success') {
document.body.insertAdjacentHTML("beforeend", '' + result.form + '
');
document.getElementById('vozzi_chat_name').focus();
Vozzi.bind_events();
Vozzi.token = result.token;
Vozzi.set_cookie('vozzi-web-text', '/', 'denverpioneers.com', result.token);
}
else if (result.status === 'warning') {
document.body.insertAdjacentHTML("beforeend", '' + result.message + '
');
}
}
});
}
else {
close.style.display = 'block';
voz.style.display = 'block';
let n = document.getElementById('vozzi_chat_name');
if (n) n.focus();
}
},
bind_events: function () {
document.getElementById('vozzi_chat_name').onkeyup = Vozzi.validate_input;
document.getElementById('vozzi_chat_phone').onkeyup = Vozzi.validate_input;
document.getElementById('vozzi_chat_message').onkeyup = Vozzi.validate_input;
document.getElementById('vozzi_chat_name').blur = Vozzi.validate_input;
document.getElementById('vozzi_chat_phone').blur = Vozzi.validate_input;
document.getElementById('vozzi_chat_message').blur = Vozzi.validate_input;
},
input_clear: false,
validate_input: function () {
let n = document.getElementById('vozzi_chat_name');
let p = document.getElementById('vozzi_chat_phone');
let m = document.getElementById('vozzi_chat_message');
let send = document.getElementById('vozzi-send');
if (
(typeof n !== 'undefined' && n.value !== '' && n.value.length > 1)
&& (typeof p !== 'undefined' && p.value !== '' && p.value.length >= 10)
&& (typeof m !== 'undefined' && m.value !== '' && m.value.length >= 5)
) {
Vozzi.input_clear = true; send.style.opacity = 1; send.disabled = false;
}
else {
Vozzi.input_clear = false; send.style.opacity = 0.5; send.disabled = true;
}
},
close: function () {
Vozzi.is_open = false;
// document.body.removeEventListener('click', Vozzi.close);
let w = document.getElementById('vozzi-window');
document.getElementById('vozzi-closer').style.display = 'none';
// document.getElementById('vozzi-chat').style.display = 'block';
document.getElementById('vozzi-opener').style.display = 'block';
if (w) w.style.display = 'none';
},
set_cookie: function (cookie_name, cookie_path, cookie_domain, cookie_value) {
document.cookie = '"' + cookie_name + "=;samesite=strict;secure;expires=Sun, 16 Aug 2027 00:00:01 GMT;max-age=0" + ((cookie_path) ? ";path=" + cookie_path : "") + ((cookie_domain) ? ";domain=" + cookie_domain : "") + ';value=' + cookie_value + ';"';
},
get_cookie: function (cookie_name) {
var regex = new RegExp("(?:(?:^|.*;\\s*)" + cookie_name + "\\s*\=\\s*([^;]*).*$)|^.*$", 'g');
return document.cookie.replace(regex, "$1");
},
delete_cookie: function (cookie_name, path, domain) {
document.cookie = cookie_name + "=;expires=Thu, 01 Jan 1970 00:00:01 GMT;max-age=0" + ((path) ? ";path=" + path : "") + ((domain) ? ";domain=" + domain : "") + ";";
},
fade_i_interval: null,
fade_o_interval: null,
fade_out: function (element) {
Vozzi.fade_o_interval = setInterval(Vozzi.hide(element), 200);
},
fade_in: function (element) {
Vozzi.fade_i_interval = setInterval(Vozzi.hide(element), 200);
},
hide: function (element) {
let e = document.getElementById(element);
opacity = Number(window.getComputedStyle(e).getPropertyValue('opacity'));
if (opacity > 0) {
opacity = opacity - 0.1;
e.style.opacity = opacity;
}
else {
clearInterval(Vozzi.fade_o_interval);
}
},
show: function (element) {
let e = document.getElementById(element);
opacity = Number(window.getComputedStyle(e).getPropertyValue('opacity'));
if (opacity <= 100) {
opacity = opacity + 0.1;
e.style.opacity = opacity;
}
else {
clearInterval(Vozzi.fade_i_interval);
}
},
send: function () {
if (Vozzi.input_clear === true) {
let btn = document.getElementById('vozzi-send');
btn.disabled = true;
let data = new FormData(document.getElementById('vozzi-web-text'));
data.append('token', Vozzi.fetch_token());
Vozzi.request('https://getvozzi.com/chat/vc-fe39b277-a062-518f-b0c3-ad02a74ce407/text', data, 'post', 'json', function (result) {
// console.log('result:', result);
if (result.status === 'warning') {
document.getElementById('vozzi-int').html = result.message;
document.getElementById('vozzi_chat_name').focus();
}
else if (result.status === 'failure') {
alert('An error occurred: ' + result.message);
}
else if (result.status === 'success') {
let c = document.getElementsByClassName('vozzi-container');
if (c && typeof c[0] !== 'undefined') c[0].innerHTML = '' + result.message + '
';
}
});
}
else {
alert('Required field missing!');
}
}
};
Vozzi.init();
function vozzi_has_class (el, class_name) {
if (el.classList) return el.classList.contains(class_name);
return !!el.class_name.match(new RegExp('(\\s|^)' + class_name + '(\\s|$)'));
}
function vozzi_add_class (el, class_name) {
if (el.classList) el.classList.add(class_name)
else if (!vozzi_has_class(el, class_name)) el.class_name += " " + class_name;
}
function vozzi_remove_class (el, class_name) {
if (el.classList) el.classList.remove(class_name)
else if (vozzi_has_class(el, class_name)) {
var reg = new RegExp('(\\s|^)' + class_name + '(\\s|$)');
el.class_name = el.class_name.replace(reg, ' ');
}
}
