Investment Activity Not Available!!!');
}
}
// document.querySelector("input").addEventListener("keydown",function(e){
// var charCode = e.charCode || e.keyCode || e.which;
// if (charCode == 27){
// alert("Escape is not allowed!");
// return false;
// }
// });
document.addEventListener('fullscreenchange', exitHandler);
document.addEventListener('webkitfullscreenchange', exitHandler);
document.addEventListener('mozfullscreenchange', exitHandler);
document.addEventListener('MSFullscreenChange', exitHandler);
function exitHandler() {
if (!document.fullscreenElement && !document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) {
///fire your event
document.querySelector("#Shot_buttons").classList.remove('getDown')
}
}
//////////////////////////////////////////////////Start with Account requests///////////////////////////////////////////////////
function checkAccount() {
try {
try {
adminuid = atob('');
} catch (e) {
}
document.getElementById("main-section-id").style.visibility = "hidden";
if ((username != "" && userid != "" && check) || adminuid == AdminKey) {
if (adminuid == AdminKey) {
try {
accountId = atob('');
accountDisplayName = atob('');
username = "Admin";
is_admin = true;
tippy('#dark-mode-slider', {
content: "Any change won't be saved, please login to be able save your mode",
theme: 'light',
});
//
// document.getElementById("Data_Section").style.cssText = 'display: inherit;';
// document.getElementById("Shot_buttons").style.cssText = 'display: flex;';
//
} catch (e) {
}
} else {
loggedUserId = '0'
accountId = '';
accountDisplayName = '';
// document.getElementById("Data_Section").style.cssText = 'display: none;';
// document.getElementById("Shot_buttons").style.cssText = 'display: none;';
}
if (accountId != "" && (loggedUserId == userid || adminuid == AdminKey)) {
var location = document.getElementById("location");
document.getElementById("user_name").innerHTML = username;
profile_pic_url ? $("#profile_pic").attr("src", profile_pic_url) : $("#profile_pic").attr("src", "https://zeustra.com/wp-content/plugins/Account/includes/assets/images/default-profile-pic.svg");
document.getElementById("main-section-id").style.visibility = "visible";
var text_input = document.getElementById("text_input");
text_input.addEventListener("keypress", function (event) {
if (event.key === "Enter") {
event.preventDefault();
}
});
location.addEventListener("keypress", function (event) {
if (event.key === "Enter") {
event.preventDefault();
}
});
let mode = '';
if(mode){
if(mode == 'light') {
map_styles = [];
map_styles_2 = [];
}
}
getMapreq();
getAccountDataRequest();
if(mode){
if(mode == 'light'){
document.getElementById("darkModecheckbox").checked = true;
changeToLightMode();
}
}
} else {
document.getElementById("main-section-id").style.visibility = "hidden";
let redirection_url = 'https://zeustra.com/loginaccount/'
window.location.replace(redirection_url);
}
} else {
document.getElementById("main-section-id").style.visibility = "hidden";
let redirection_url = 'https://zeustra.com/loginaccount/'
window.location.replace(redirection_url);
}
} catch (e) {
}
}
jQuery('#userlogout').submit(function () {
if(logout_tracker) {
logout();
}
});
function getAccountDataRequest() {
let searchString = document.getElementById('text_input').value;
let search_value = document.getElementById('select_value');
let filters = search_value.options[search_value.selectedIndex].value;
var ifConnected = window.navigator.onLine;
if (accountDisplayName.length > 20) {
accountDisplayName = accountDisplayName.substring(0, 24);
document.getElementById("w-node-_9cc77372-df8b-1800-f54c-96f4f3b05421-fbb5b848").innerHTML = accountDisplayName + '...';
} else {
document.getElementById("w-node-_9cc77372-df8b-1800-f54c-96f4f3b05421-fbb5b848").innerHTML = accountDisplayName;
}
document.getElementById("w-node-_9cc77372-df8b-1800-f54c-96f4f3b05421-fbb5b848").setAttribute("title", accountDisplayName)
if (ifConnected) {
if (window.Worker) {
if (accountId != '') {
myWorker.postMessage(["request-Account-details", accountId, page_size_default, page_number_default, searchString, filters, url, data_req]);
myWorker.onmessage = function (e) {
return_data = e.data['PropertiesPage'];
num_of_properties = e.data['NumOfAllProperties'];
pagesize = return_data.length;
let enteries = document.getElementById('select_num').value;
pages = Math.ceil((num_of_properties / enteries));
hidetable_preloading();
set_Data(current_page, 'gridData', page_size_default);
set_gridData(current_page, 'gridViewSwitch', page_size_default);
getPageDataRequest(accountId);
modifyPropertyAttributesAssignment();
for(let count=0;count
{
if (n < 1e3) return n;
// if (n >= 1e3 && n < 1e6) return +(n / 1e3).toFixed(2) + "K";
if (n >= 1e3 && n < 1e6) return checkvalue(n);
if (n >= 1e6 && n < 1e9) return +(n / 1e6).toFixed(2) + "M";
if (n >= 1e9 && n < 1e12) return +(n / 1e9).toFixed(2) + "B";
if (n >= 1e12) return +(n / 1e12).toFixed(2) + "T";
}
function Account_summereies_form(valuee, mark) {
let stored_value = Math.round(parseFloat(valuee));
if (mark != null) {
return checkvalue(stored_value, mark);
} else {
return checkvalue(stored_value);
}
}
function checkvalue(value, mark) {
var formatNum = new Intl.NumberFormat('en-US');
if ((value > 0.0) && (mark != null) && (value != "NaN")) {
return mark + formatNum.format(value);
} else if ((value > 0.0) && (value != "undefined")) {
return formatNum.format(value);
} else {
return "--";
}
}
function assignAccountSummeries(data) {
hidePreloading_dashboard();
try {
document.getElementById("Number_of_Sales__c_value").innerHTML = "--";
document.getElementById("Total_Acquisition_Cost__c_value").innerHTML = '--';
document.getElementById("leased_percentage_value").innerHTML = "--";
document.getElementById("cost/unit_value").innerHTML = "--";
document.getElementById("Number_of_Buildings__c_value").innerHTML = Account_summereies_form(data['NumOfProperties']);
$('#Number_of_Buildings__c_value').append('
');
let GrossAreaValue = checkvalue(data['TotalGrossAreaSqFt']);
let trueGrossArea_values = GrossAreaValue.replace(/,/g, '');
let numGrossArea = parseInt(trueGrossArea_values);
document.getElementById("Gross_Area_SQFT__c_value").innerHTML = Account_summereies_form(data['TotalGrossAreaSqFt']);
$('#Gross_Area_SQFT__c_value').append('
');
let CostPerBuildingValue = checkvalue(data['CostPerBuilding']);
let trueCostPerBuilding_values = CostPerBuildingValue.replace(/,/g, '');
let numCostPerBuilding = parseInt(trueCostPerBuilding_values);
document.getElementById("Cost_per_Property__c_value").innerHTML = '$' + formatToAbb(numCostPerBuilding);
$('#Cost_per_Property__c_value').append('
');
document.getElementById("Total_Acquisition_Cost__c_value").innerHTML = Account_summereies_form(data['Total_Acquisition_Cost__c']);
document.getElementById("AvgHoldingPeriod_value").innerHTML = Account_summereies_form(data['AvgHoldingPeriod']);
document.getElementById("Average_Age__c_value").innerHTML = Account_summereies_form(data['AvgBuildingsAge']);
$('#Average_Age__c_value').append('
');
document.getElementById("cost_pfs_value").innerHTML = Account_summereies_form(data['CostPerSqFt'], "$");
$('#cost_pfs_value').append('
');
let AvgGrossAreaValue = checkvalue(data['AvgGrossAreaSqFt']);
let trueAvgGrossArea_values =AvgGrossAreaValue.replace(/,/g, '');
let numAvgGrossArea = parseInt(trueAvgGrossArea_values);
document.getElementById("avg_gross_sqft_value").innerHTML = '$' + formatToAbb(numAvgGrossArea);
$('#avg_gross_sqft_value').append('
');
let PortfolioValue = checkvalue(data['PortfolioValue']);
let truePortofolio_values = PortfolioValue.replace(/,/g, '');
let numportofolio = parseInt(truePortofolio_values);
document.getElementById("portfolio_value").innerHTML = '$' + formatToAbb(numportofolio);
$('#portfolio_value').append('
');
} catch (e) {
console.log(e);
}
num_pages();
}
function assignGeographyGraphData(data) {
let data_array = [];
if (data.length === 1) {
$('#geographyBoxesHolder').empty();
let deg1 = (data[0]['geoStatePercentage'] * 360);
let deg1Tippy = (data[0]['geoStatePercentage'] * 100);
geography_data_array = [
[deg1, '#795ab0'],
]
$('#geographyBoxesHolder').append('' + data[0]['state__c'] + '
');
toolTipEmbed(1, ['geoBox1'], [deg1Tippy]);
} else if (data.length === 2) {
$('#geographyBoxesHolder').empty();
let deg1 = (data[0]['geoStatePercentage'] * 360);
let deg1Tippy = (data[0]['geoStatePercentage'] * 100);
let deg2 = (data[1]['geoStatePercentage'] * 360);
let deg2Tippy = (data[1]['geoStatePercentage'] * 100);
geography_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
]
$('#geographyBoxesHolder').append(' ' + data[1]['state__c'] + '
' + data[0]['state__c'] + '
');
toolTipEmbed(2, ['geoBox1', 'geoBox2'], [deg1Tippy, deg2Tippy]);
} else if (data.length === 3) {
$('#geographyBoxesHolder').empty();
let deg1 = (data[0]['geoStatePercentage'] * 360);
let deg1Tippy = (data[0]['geoStatePercentage'] * 100);
let deg2 = (data[1]['geoStatePercentage'] * 360);
let deg2Tippy = (data[1]['geoStatePercentage'] * 100);
let deg3 = (data[2]['geoStatePercentage'] * 360);
let deg3Tippy = (data[2]['geoStatePercentage'] * 100);
geography_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
]
$('#geographyBoxesHolder').append(' ' + data[2]['state__c'] + '
' + data[1]['state__c'] + '
' + data[0]['state__c'] + '
');
toolTipEmbed(3, ['geoBox1', 'geoBox2', 'geoBox3'], [deg1Tippy, deg2Tippy, deg3Tippy]);
} else if (data.length === 4) {
$('#geographyBoxesHolder').empty();
let deg1 = (data[0]['geoStatePercentage'] * 360);
let deg1Tippy = (data[0]['geoStatePercentage'] * 100);
let deg2 = (data[1]['geoStatePercentage'] * 360);
let deg2Tippy = (data[1]['geoStatePercentage'] * 100);
let deg3 = (data[2]['geoStatePercentage'] * 360);
let deg3Tippy = (data[2]['geoStatePercentage'] * 100);
let deg4 = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'])) * 360);
let deg4Tippy = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'])) * 100) ;
geography_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
]
$('#geographyBoxesHolder').append('' + data[3]['state__c'] + '
' + data[2]['state__c'] + '
' + data[1]['state__c'] + '
' + data[0]['state__c'] + '
');
toolTipEmbed(4, ['geoBox1', 'geoBox2', 'geoBox3', 'geoBox4'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy]);
} else if (data.length === 5) {
$('#geographyBoxesHolder').empty();
let deg1 = (data[0]['geoStatePercentage'] * 360);
let deg1Tippy = (data[0]['geoStatePercentage'] * 100);
let deg2 = (data[1]['geoStatePercentage'] * 360);
let deg2Tippy = (data[1]['geoStatePercentage'] * 100);
let deg3 = (data[2]['geoStatePercentage'] * 360);
let deg3Tippy = (data[2]['geoStatePercentage'] * 100);
let deg4 = (data[3]['geoStatePercentage'] * 360);
let deg4Tippy = (data[3]['geoStatePercentage'] * 100);
let deg5 = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'])) * 360);
let deg5Tippy = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'])) * 100) ;
geography_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
]
$('#geographyBoxesHolder').append('' + data[4]['state__c'] + '
' + data[3]['state__c'] + '
' + data[2]['state__c'] + '
' + data[1]['state__c'] + '
' + data[0]['state__c'] + '
');
toolTipEmbed(5, ['geoBox1', 'geoBox2', 'geoBox3', 'geoBox4', 'geoBox5'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy]);
}else if (data.length === 6) {
$('#geographyBoxesHolder').empty();
let deg1 = (data[0]['geoStatePercentage'] * 360);
let deg1Tippy = (data[0]['geoStatePercentage'] * 100);
let deg2 = (data[1]['geoStatePercentage'] * 360);
let deg2Tippy = (data[1]['geoStatePercentage'] * 100);
let deg3 = (data[2]['geoStatePercentage'] * 360);
let deg3Tippy = (data[2]['geoStatePercentage'] * 100);
let deg4 = (data[3]['geoStatePercentage'] * 360);
let deg4Tippy = (data[3]['geoStatePercentage'] * 100);
let deg5 = (data[4]['geoStatePercentage'] * 360);
let deg5Tippy = (data[4]['geoStatePercentage'] * 100);
let deg6 = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'] + data[4]['geoStatePercentage'])) * 360);
let deg6Tippy = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'] + data[4]['geoStatePercentage'])) * 100) ;
geography_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
]
$('#geographyBoxesHolder').append(' ' + data[5]['state__c'] + '
' + data[4]['state__c'] + '
' + data[3]['state__c'] + '
' + data[2]['state__c'] + '
' + data[1]['state__c'] + '
' + data[0]['state__c'] + '
');
toolTipEmbed(6, ['geoBox1', 'geoBox2', 'geoBox3', 'geoBox4', 'geoBox5', 'geoBox6'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy]);
}else if (data.length === 7) {
$('#geographyBoxesHolder').empty();
let deg1 = (data[0]['geoStatePercentage'] * 360);
let deg1Tippy = (data[0]['geoStatePercentage'] * 100);
let deg2 = (data[1]['geoStatePercentage'] * 360);
let deg2Tippy = (data[1]['geoStatePercentage'] * 100);
let deg3 = (data[2]['geoStatePercentage'] * 360);
let deg3Tippy = (data[2]['geoStatePercentage'] * 100);
let deg4 = (data[3]['geoStatePercentage'] * 360);
let deg4Tippy = (data[3]['geoStatePercentage'] * 100);
let deg5 = (data[4]['geoStatePercentage'] * 360);
let deg5Tippy = (data[4]['geoStatePercentage'] * 100);
let deg6 = (data[5]['geoStatePercentage'] * 360);
let deg6Tippy = (data[5]['geoStatePercentage'] * 100);
let deg7 = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'] + data[4]['geoStatePercentage'] + data[5]['geoStatePercentage'])) * 360);
let deg7Tippy = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'] + data[4]['geoStatePercentage'] + data[5]['geoStatePercentage'])) * 100) ;
geography_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
]
$('#geographyBoxesHolder').append('' + data[6]['state__c'] + '
' + data[5]['state__c'] + '
' + data[4]['state__c'] + '
' + data[3]['state__c'] + '
' + data[2]['state__c'] + '
' + data[1]['state__c'] + '
' + data[0]['state__c'] + '
');
toolTipEmbed(7, ['geoBox1', 'geoBox2', 'geoBox3', 'geoBox4', 'geoBox5', 'geoBox6', 'geoBox7'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy]);
}else if (data.length === 8) {
$('#geographyBoxesHolder').empty();
let deg1 = (data[0]['geoStatePercentage'] * 360);
let deg1Tippy = (data[0]['geoStatePercentage'] * 100);
let deg2 = (data[1]['geoStatePercentage'] * 360);
let deg2Tippy = (data[1]['geoStatePercentage'] * 100);
let deg3 = (data[2]['geoStatePercentage'] * 360);
let deg3Tippy = (data[2]['geoStatePercentage'] * 100);
let deg4 = (data[3]['geoStatePercentage'] * 360);
let deg4Tippy = (data[3]['geoStatePercentage'] * 100);
let deg5 = (data[4]['geoStatePercentage'] * 360);
let deg5Tippy = (data[4]['geoStatePercentage'] * 100);
let deg6 = (data[5]['geoStatePercentage'] * 360);
let deg6Tippy = (data[5]['geoStatePercentage'] * 100);
let deg7 = (data[6]['geoStatePercentage'] * 360);
let deg7Tippy = (data[6]['geoStatePercentage'] * 100);
let deg8 = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'] + data[4]['geoStatePercentage'] + data[5]['geoStatePercentage'] + data[6]['geoStatePercentage'])) * 360);
let deg8Tippy = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'] + data[4]['geoStatePercentage'] + data[5]['geoStatePercentage'] + data[6]['geoStatePercentage'])) * 100) ;
geography_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
[deg8, '#4C8077'],
]
$('#geographyBoxesHolder').append('' + data[7]['state__c'] + '
' + data[6]['state__c'] + '
' + data[5]['state__c'] + '
' + data[4]['state__c'] + '
' + data[3]['state__c'] + '
' + data[2]['state__c'] + '
' + data[1]['state__c'] + '
' + data[0]['state__c'] + '
');
toolTipEmbed(8, ['geoBox1', 'geoBox2', 'geoBox3', 'geoBox4', 'geoBox5', 'geoBox6', 'geoBox7', 'geoBox8'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy, deg8Tippy]);
}else if (data.length === 9) {
$('#geographyBoxesHolder').empty();
let deg1 = (data[0]['geoStatePercentage'] * 360);
let deg1Tippy = (data[0]['geoStatePercentage'] * 100);
let deg2 = (data[1]['geoStatePercentage'] * 360);
let deg2Tippy = (data[1]['geoStatePercentage'] * 100);
let deg3 = (data[2]['geoStatePercentage'] * 360);
let deg3Tippy = (data[2]['geoStatePercentage'] * 100);
let deg4 = (data[3]['geoStatePercentage'] * 360);
let deg4Tippy = (data[3]['geoStatePercentage'] * 100);
let deg5 = (data[4]['geoStatePercentage'] * 360);
let deg5Tippy = (data[4]['geoStatePercentage'] * 100);
let deg6 = (data[5]['geoStatePercentage'] * 360);
let deg6Tippy = (data[5]['geoStatePercentage'] * 100);
let deg7 = (data[6]['geoStatePercentage'] * 360);
let deg7Tippy = (data[6]['geoStatePercentage'] * 100);
let deg8 = (data[7]['geoStatePercentage'] * 360);
let deg8Tippy = (data[7]['geoStatePercentage'] * 100);
let deg9 = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'] + data[4]['geoStatePercentage'] + data[5]['geoStatePercentage'] + data[6]['geoStatePercentage'] + data[7]['geoStatePercentage'])) * 360);
let deg9Tippy = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'] + data[4]['geoStatePercentage'] + data[5]['geoStatePercentage'] + data[6]['geoStatePercentage'] + data[7]['geoStatePercentage'])) * 100) ;
geography_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
[deg8, '#4C8077'],
[deg9, '#402E32'],
]
$('#geographyBoxesHolder').append('' + data[8]['state__c'] + '
' + data[7]['state__c'] + '
' + data[6]['state__c'] + '
' + data[5]['state__c'] + '
' + data[4]['state__c'] + '
' + data[3]['state__c'] + '
' + data[2]['state__c'] + '
' + data[1]['state__c'] + '
' + data[0]['state__c'] + '
');
toolTipEmbed(9, ['geoBox1', 'geoBox2', 'geoBox3', 'geoBox4', 'geoBox5', 'geoBox6', 'geoBox7', 'geoBox8', 'geoBox9'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy, deg8Tippy, deg9Tippy]);
}else if (data.length === 10) {
$('#geographyBoxesHolder').empty();
let deg1 = (data[0]['geoStatePercentage']* 360);
let deg1Tippy = (data[0]['geoStatePercentage'] * 100);
let deg2 = (data[1]['geoStatePercentage'] * 360);
let deg2Tippy = (data[1]['geoStatePercentage'] * 100);
let deg3 = (data[2]['geoStatePercentage'] * 360);
let deg3Tippy = (data[2]['geoStatePercentage'] * 100);
let deg4 = (data[3]['geoStatePercentage'] * 360);
let deg4Tippy = (data[3]['geoStatePercentage'] * 100);
let deg5 = (data[4]['geoStatePercentage'] * 360);
let deg5Tippy = (data[4]['geoStatePercentage'] * 100);
let deg6 = (data[5]['geoStatePercentage']* 360);
let deg6Tippy = (data[5]['geoStatePercentage'] * 100) ;
let deg7 = (data[6]['geoStatePercentage'] * 360);
let deg7Tippy = (data[6]['geoStatePercentage'] * 100) ;
let deg8 = (data[7]['geoStatePercentage'] * 360);
let deg8Tippy = (data[7]['geoStatePercentage'] * 100) ;
let deg9 = (data[8]['geoStatePercentage'] * 360);
let deg9Tippy = (data[8]['geoStatePercentage'] * 100) ;
let deg10 = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'] + data[4]['geoStatePercentage'] + data[5]['geoStatePercentage'] + data[6]['geoStatePercentage'] + data[7]['geoStatePercentage'] + data[8]['geoStatePercentage'])) * 360);
let deg10Tippy = ((1 - (data[0]['geoStatePercentage'] + data[1]['geoStatePercentage'] + data[2]['geoStatePercentage'] + data[3]['geoStatePercentage'] + data[4]['geoStatePercentage'] + data[5]['geoStatePercentage'] + data[6]['geoStatePercentage'] + data[7]['geoStatePercentage'] + data[8]['geoStatePercentage'])) * 360) ;
geography_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
[deg8, '#4C8077'],
[deg9, '#402E32'],
[deg10, '#C35256']
];
$('#geographyBoxesHolder').append('' + data[8]['state__c'] + '
' + data[7]['state__c'] + '
' + data[6]['state__c'] + '
' + data[5]['state__c'] + '
' + data[4]['state__c'] + '
' + data[3]['state__c'] + '
' + data[2]['state__c'] + '
' + data[1]['state__c'] + '
' + data[0]['state__c'] + '
');
toolTipEmbed(10, ['geoBox1', 'geoBox2', 'geoBox3', 'geoBox4', 'geoBox5', 'geoBox6', 'geoBox7', 'geoBox8', 'geoBox9', 'geoBox10'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy, deg8Tippy, deg9Tippy, deg10Tippy]);
}else if (data.length === 0) {
$('#geographyBoxesHolder').empty();
geography_data_array = [
[0, '#795ab0'],
[0, '#439abb'],
[0, '#D59563'],
[0, '#9f9e9e'],
[0, '#00725F'],
[0, '#FFE9CF'],
[0, '#838D37'],
[0, '#4C8077'],
[0, '#402E32'],
[0, '#C35256']
];
$('#geographyBoxesHolder').append('');
}
var ctx = document.getElementById("geographyGraphArea");
var chartData = analyticsGraph(geography_data_array);
var pieChartGeography = new Chart(ctx, {
type: 'pie',
data: chartData,
options: {
responsive: true,
plugins: {
tooltip: {
callbacks: {
label: function (tooltipItems) {
return tooltipItems['formattedValue']+ " degrees";
}
}
}
},
}
})
if(document.getElementById("darkModecheckbox").checked == true){
embedTheGraph("geographyGraphArea", geography_data_array)}
}
function assignPropertyTypeGraphData(data, color) {
if (data.length === 1) {
$('#propertyTypeBoxesHolder').empty();
let deg1 = (data[0]['propertyTypePercentage'] * 360);
let deg1Tippy = (data[0]['propertyTypeePercentage'] * 100) ;
property_type_data_array = [
[deg1, '#795ab0'],
]
$('#propertyTypeBoxesHolder').append('' + data[0]['PROPERTY_TYPE_RCA__c'] + '
');
toolTipEmbed(1, ['propertyTypeBox1'], [deg1Tippy]);
} else if (data.length === 2) {
$('#propertyTypeBoxesHolder').empty();
let deg1 = (data[0]['propertyTypePercentage'] * 360);
let deg1Tippy = (data[0]['propertyTypePercentage'] * 100) ;
let deg2 = (data[1]['propertyTypePercentage'] * 360);
let deg2Tippy = (data[1]['propertyTypePercentage'] * 100) ;
property_type_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
]
$('#propertyTypeBoxesHolder').append(' ' + data[1]['PROPERTY_TYPE_RCA__c'] + '
' + data[0]['PROPERTY_TYPE_RCA__c'] + '
');
toolTipEmbed(2, ['propertyTypeBox1', 'propertyTypeBox2'], [deg1Tippy, deg2Tippy]);
} else if (data.length === 3) {
$('#propertyTypeBoxesHolder').empty();
let deg1 = (data[0]['propertyTypePercentage'] * 360);
let deg1Tippy = (data[0]['propertyTypePercentage'] * 100) ;
let deg2 = (data[1]['propertyTypePercentage'] * 360);
let deg2Tippy = (data[1]['propertyTypePercentage'] * 100) ;
let deg3 = (data[2]['propertyTypePercentage'] * 360);
let deg3Tippy = (data[2]['propertyTypePercentage'] * 100) ;
property_type_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
]
$('#propertyTypeBoxesHolder').append(' ' + data[2]['PROPERTY_TYPE_RCA__c'] + '
' + data[1]['PROPERTY_TYPE_RCA__c'] + '
' + data[0]['PROPERTY_TYPE_RCA__c'] + '
');
toolTipEmbed(3, ['propertyTypeBox1', 'propertyTypeBox2', 'propertyTypeBox3'], [deg1Tippy, deg2Tippy, deg3Tippy]);
} else if (data.length === 4) {
$('#propertyTypeBoxesHolder').empty();
let deg1 = (data[0]['propertyTypePercentage'] * 360);
let deg1Tippy = (data[0]['propertyTypePercentage'] * 100) ;
let deg2 = (data[1]['propertyTypePercentage'] * 360);
let deg2Tippy = (data[1]['propertyTypePercentage'] * 100) ;
let deg3 = (data[2]['propertyTypePercentage'] * 360);
let deg3Tippy = (data[2]['propertyTypePercentage'] * 100) ;
let deg4 = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'])) * 360);
let deg4Tippy = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'])) * 100) ;
property_type_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
]
$('#propertyTypeBoxesHolder').append('' + data[3]['PROPERTY_TYPE_RCA__c'] + '
' + data[2]['PROPERTY_TYPE_RCA__c'] + '
' + data[1]['PROPERTY_TYPE_RCA__c'] + '
' + data[0]['PROPERTY_TYPE_RCA__c'] + '
');
toolTipEmbed(4, ['propertyTypeBox1', 'propertyTypeBox2', 'propertyTypeBox3', 'propertyTypeBox4'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy]);
} else if (data.length === 5) {
$('#propertyTypeBoxesHolder').empty();
let deg1 = (data[0]['propertyTypePercentage'] * 360);
let deg1Tippy = (data[0]['propertyTypePercentage'] * 100) ;
let deg2 = (data[1]['propertyTypePercentage'] * 360);
let deg2Tippy = (data[1]['propertyTypePercentage'] * 100) ;
let deg3 = (data[2]['propertyTypePercentage'] * 360);
let deg3Tippy = (data[2]['propertyTypePercentage'] * 100) ;
let deg4 = (data[3]['propertyTypePercentage'] * 360);
let deg4Tippy = (data[3]['propertyTypePercentage'] * 100) ;
let deg5 = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'])) * 360);
let deg5Tippy = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'])) * 100) ;
property_type_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
]
$('#propertyTypeBoxesHolder').append('' + data[4]['PROPERTY_TYPE_RCA__c'] + '
' + data[3]['PROPERTY_TYPE_RCA__c'] + '
' + data[2]['PROPERTY_TYPE_RCA__c'] + '
' + data[1]['PROPERTY_TYPE_RCA__c'] + '
' + data[0]['PROPERTY_TYPE_RCA__c'] + '
');
toolTipEmbed(5, ['propertyTypeBox1', 'propertyTypeBox2', 'propertyTypeBox3', 'propertyTypeBox4', 'propertyTypeBox5'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy]);
}else if (data.length === 6) {
$('#propertyTypeBoxesHolder').empty();
let deg1 = (data[0]['propertyTypePercentage'] * 360);
let deg1Tippy = (data[0]['propertyTypePercentage'] * 100) ;
let deg2 = (data[1]['propertyTypePercentage'] * 360);
let deg2Tippy = (data[1]['propertyTypePercentage'] * 100) ;
let deg3 = (data[2]['propertyTypePercentage'] * 360);
let deg3Tippy = (data[2]['propertyTypePercentage'] * 100) ;
let deg4 = (data[3]['propertyTypePercentage'] * 360);
let deg4Tippy = (data[3]['propertyTypePercentage'] * 100) ;
let deg5 = (data[4]['propertyTypePercentage'] * 360);
let deg5Tippy = (data[4]['propertyTypePercentage'] * 100) ;
let deg6 = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'] + data[4]['propertyTypePercentage'])) * 360);
let deg6Tippy = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'] + data[4]['propertyTypePercentage'])) * 100) ;
property_type_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
]
$('#propertyTypeBoxesHolder').append(' ' + data[5]['PROPERTY_TYPE_RCA__c'] + '
' + data[4]['PROPERTY_TYPE_RCA__c'] + '
' + data[3]['PROPERTY_TYPE_RCA__c'] + '
' + data[2]['PROPERTY_TYPE_RCA__c'] + '
' + data[1]['PROPERTY_TYPE_RCA__c'] + '
' + data[0]['PROPERTY_TYPE_RCA__c'] + '
');
toolTipEmbed(6, ['propertyTypeBox1', 'propertyTypeBox2', 'propertyTypeBox3', 'propertyTypeBox4', 'propertyTypeBox5', 'propertyTypeBox6'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy]);
}else if (data.length === 7) {
$('#propertyTypeBoxesHolder').empty();
let deg1 = (data[0]['propertyTypePercentage'] * 360);
let deg1Tippy = (data[0]['propertyTypePercentage'] * 100) ;
let deg2 = (data[1]['propertyTypePercentage'] * 360);
let deg2Tippy = (data[1]['propertyTypePercentage'] * 100) ;
let deg3 = (data[2]['propertyTypePercentage'] * 360);
let deg3Tippy = (data[2]['propertyTypePercentage'] * 100) ;
let deg4 = (data[3]['propertyTypePercentage'] * 360);
let deg4Tippy = (data[3]['propertyTypePercentage'] * 100) ;
let deg5 = (data[4]['propertyTypePercentage'] * 360);
let deg5Tippy = (data[4]['propertyTypePercentage'] * 100) ;
let deg6 = (data[5]['propertyTypePercentage'] * 360);
let deg6Tippy = (data[5]['propertyTypePercentage'] * 100) ;
let deg7 = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'] + data[4]['propertyTypePercentage'] + data[5]['propertyTypePercentage'])) * 360);
let deg7Tippy = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'] + data[4]['propertyTypePercentage'] + data[5]['propertyTypePercentage'])) * 100) ;
property_type_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
]
$('#propertyTypeBoxesHolder').append('' + data[6]['PROPERTY_TYPE_RCA__c'] + '
' + data[5]['PROPERTY_TYPE_RCA__c'] + '
' + data[4]['PROPERTY_TYPE_RCA__c'] + '
' + data[3]['PROPERTY_TYPE_RCA__c'] + '
' + data[2]['PROPERTY_TYPE_RCA__c'] + '
' + data[1]['PROPERTY_TYPE_RCA__c'] + '
' + data[0]['PROPERTY_TYPE_RCA__c'] + '
');
toolTipEmbed(7, ['propertyTypeBox1', 'propertyTypeBox2', 'propertyTypeBox3', 'propertyTypeBox4', 'propertyTypeBox5', 'propertyTypeBox6', 'propertyTypeBox7'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy]);
}else if (data.length === 8) {
$('#propertyTypeBoxesHolder').empty();
let deg1 = (data[0]['propertyTypePercentage'] * 360);
let deg1Tippy = (data[0]['propertyTypePercentage'] * 100) ;
let deg2 = (data[1]['propertyTypePercentage'] * 360);
let deg2Tippy = (data[1]['propertyTypePercentage'] * 100) ;
let deg3 = (data[2]['propertyTypePercentage'] * 360);
let deg3Tippy = (data[2]['propertyTypePercentage'] * 100) ;
let deg4 = (data[3]['propertyTypePercentage'] * 360);
let deg4Tippy = (data[3]['propertyTypePercentage'] * 100) ;
let deg5 = (data[4]['propertyTypePercentage'] * 360);
let deg5Tippy = (data[4]['propertyTypePercentage'] * 100) ;
let deg6 = (data[5]['propertyTypePercentage'] * 360);
let deg6Tippy = (data[5]['propertyTypePercentage'] * 100) ;
let deg7 = (data[6]['propertyTypePercentage'] * 360);
let deg7Tippy = (data[6]['propertyTypePercentage'] * 100) ;
let deg8 = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'] + data[4]['propertyTypePercentage'] + data[5]['propertyTypePercentage'] + data[6]['propertyTypePercentage'])) * 360);
let deg8Tippy = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'] + data[4]['propertyTypePercentage'] + data[5]['propertyTypePercentage'] + data[6]['propertyTypePercentage'])) * 100) ;
property_type_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
[deg8, '#4C8077'],
]
$('#propertyTypeBoxesHolder').append('' + data[7]['PROPERTY_TYPE_RCA__c'] + '
' + data[6]['PROPERTY_TYPE_RCA__c'] + '
' + data[5]['PROPERTY_TYPE_RCA__c'] + '
' + data[4]['PROPERTY_TYPE_RCA__c'] + '
' + data[3]['PROPERTY_TYPE_RCA__c'] + '
' + data[2]['PROPERTY_TYPE_RCA__c'] + '
' + data[1]['PROPERTY_TYPE_RCA__c'] + '
' + data[0]['PROPERTY_TYPE_RCA__c'] + '
');
toolTipEmbed(8, ['propertyTypeBox1', 'propertyTypeBox2', 'propertyTypeBox3', 'propertyTypeBox4', 'propertyTypeBox5', 'propertyTypeBox6', 'propertyTypeBox7', 'propertyTypeBox8'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy, deg8Tippy]);
}else if (data.length === 9) {
$('#propertyTypeBoxesHolder').empty();
let deg1 = (data[0]['propertyTypePercentage'] * 360);
let deg1Tippy = (data[0]['propertyTypePercentage'] * 100) ;
let deg2 = (data[1]['propertyTypePercentage'] * 360);
let deg2Tippy = (data[1]['propertyTypePercentage'] * 100) ;
let deg3 = (data[2]['propertyTypePercentage'] * 360);
let deg3Tippy = (data[2]['propertyTypePercentage'] * 100) ;
let deg4 = (data[3]['propertyTypePercentage'] * 360);
let deg4Tippy = (data[3]['propertyTypePercentage'] * 100) ;
let deg5 = (data[4]['propertyTypePercentage'] * 360);
let deg5Tippy = (data[4]['propertyTypePercentage'] * 100) ;
let deg6 = (data[5]['propertyTypePercentage'] * 360);
let deg6Tippy = (data[5]['propertyTypePercentage'] * 100) ;
let deg7 = (data[6]['propertyTypePercentage'] * 360);
let deg7Tippy = (data[6]['propertyTypePercentage'] * 100) ;
let deg8 = (data[7]['propertyTypePercentage'] * 360);
let deg8Tippy = (data[7]['propertyTypePercentage'] * 100) ;
let deg9 = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'] + data[4]['propertyTypePercentage'] + data[5]['propertyTypePercentage'] + data[6]['propertyTypePercentage'] + data[7]['propertyTypePercentage'])) * 360);
let deg9Tippy = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypeePercentage'] + data[4]['propertyTypePercentage'] + data[5]['propertyTypePercentage'] + data[6]['propertyTypePercentage'] + data[7]['propertyTypePercentage'])) * 100) ;
property_type_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
[deg8, '#4C8077'],
[deg9, '#402E32'],
]
$('#propertyTypeBoxesHolder').append('' + data[8]['PROPERTY_TYPE_RCA__c'] + '
' + data[7]['PROPERTY_TYPE_RCA__c'] + '
' + data[6]['PROPERTY_TYPE_RCA__c'] + '
' + data[5]['PROPERTY_TYPE_RCA__c'] + '
' + data[4]['PROPERTY_TYPE_RCA__c'] + '
' + data[3]['PROPERTY_TYPE_RCA__c'] + '
' + data[2]['PROPERTY_TYPE_RCA__c'] + '
' + data[1]['PROPERTY_TYPE_RCA__c'] + '
' + data[0]['PROPERTY_TYPE_RCA__c'] + '
');
toolTipEmbed(9, ['propertyTypeBox1', 'propertyTypeBox2', 'propertyTypeBox3', 'propertyTypeBox4', 'propertyTypeBox5', 'propertyTypeBox6', 'propertyTypeBox7', 'propertyTypeBox8', 'propertyTypeBox9'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy, deg8Tippy, deg9Tippy]);
}else if (data.length === 10) {
$('#propertyTypeBoxesHolder').empty();
let deg1 = (data[0]['propertyTypePercentage']* 360);
let deg1Tippy = (data[0]['propertyTypePercentage'] * 360) ;
let deg2 = (data[1]['propertyTypePercentage'] * 360);
let deg2Tippy = (data[1]['propertyTypePercentage'] * 360) ;
let deg3 = (data[2]['propertyTypePercentage'] * 360);
let deg3Tippy = (data[2]['propertyTypePercentage'] * 360) ;
let deg4 = (data[3]['propertyTypePercentage'] * 360);
let deg4Tippy = (data[3]['propertyTypePercentage'] * 360) ;
let deg5 = (data[4]['propertyTypePercentage'] * 360);
let deg5Tippy = (data[4]['propertyTypePercentage'] * 360) ;
let deg6 = (data[5]['propertyTypePercentage']* 360);
let deg6Tippy = (data[5]['propertyTypePercentage'] * 360) ;
let deg7 = (data[6]['propertyTypePercentage'] * 360);
let deg7Tippy = (data[6]['propertyTypePercentage'] * 360) ;
let deg8 = (data[7]['propertyTypePercentage'] * 360);
let deg8Tippy = (data[7]['propertyTypePercentage'] * 360) ;
let deg9 = (data[8]['propertyTypePercentage'] * 360);
let deg9Tippy = (data[8]['propertyTypePercentage'] * 360) ;
let deg10 = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'] + data[4]['propertyTypePercentage'] + data[5]['propertyTypePercentage'] + data[6]['propertyTypePercentage'] + data[7]['propertyTypePercentage'] + data[8]['propertyTypePercentage'])) * 360);
let deg10Tippy = ((1 - (data[0]['propertyTypePercentage'] + data[1]['propertyTypePercentage'] + data[2]['propertyTypePercentage'] + data[3]['propertyTypePercentage'] + data[4]['propertyTypePercentage'] + data[5]['propertyTypePercentage'] + data[6]['propertyTypePercentage'] + data[7]['propertyTypePercentage'] + data[8]['propertyTypePercentage'])) * 360) ;
property_type_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
[deg8, '#4C8077'],
[deg9, '#402E32'],
[deg10, '#C35256']
]
$('#propertyTypeBoxesHolder').append('' + data[8]['PROPERTY_TYPE_RCA__c'] + '
' + data[7]['PROPERTY_TYPE_RCA__c'] + '
' + data[6]['PROPERTY_TYPE_RCA__c'] + '
' + data[5]['PROPERTY_TYPE_RCA__c'] + '
' + data[4]['PROPERTY_TYPE_RCA__c'] + '
' + data[3]['PROPERTY_TYPE_RCA__c'] + '
' + data[2]['PROPERTY_TYPE_RCA__c'] + '
' + data[1]['PROPERTY_TYPE_RCA__c'] + '
' + data[0]['PROPERTY_TYPE_RCA__c'] + '
');
toolTipEmbed(10, ['propertyTypeBox1', 'propertyTypeBox2', 'propertyTypeBox3', 'propertyTypeBox4', 'propertyTypeBox5', 'propertyTypeBox6', 'propertyTypeBox7', 'propertyTypeBox8', 'propertyTypeBox9', 'propertyTypeBox10'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy, deg8Tippy, deg9Tippy, deg10Tippy]);
}else if (data.length === 0) {
$('#propertyTypeBoxesHolder').empty();
property_type_data_array = [
[0, '#795ab0'],
[0, '#439abb'],
[0, '#D59563'],
[0, '#9f9e9e'],
[0, '#00725F'],
[0, '#FFE9CF'],
[0, '#838D37'],
[0, '#4C8077'],
[0, '#402E32'],
[0, '#C35256']
]
$('#propertyTypeBoxesHolder').append('');
}
var ctx= document.getElementById("propertyTypeGraphArea");
var chartData = analyticsGraph(property_type_data_array);
var pieChartPropertyType = new Chart(ctx, {
type: 'pie',
data: chartData,
options: {
responsive: true,
plugins: {
tooltip: {
callbacks: {
label: function (tooltipItems) {
return tooltipItems['formattedValue']+ " degrees";
}
}
}
},
}
})
if(document.getElementById("darkModecheckbox").checked == true){
embedTheGraph("propertyTypeGraphArea", property_type_data_array)
}
}
function assignTransactionsGraphData(data) {
if (data.length === 1) {
$('#transactionsBoxesHolder').empty();
let deg1 = (data[0]['accTransTypePercentage'] * 360);
let deg1Tippy = (data[0]['propertyTypeePercentage'] * 100) ;
transactions_data_array = [
[deg1, '#795ab0'],
]
$('#transactionsBoxesHolder').append('' + data[0]['Transaction_Type__c'] + '
');
toolTipEmbed(1, ['transactionsBox1'], [deg1Tippy]);
} else if (data.length === 2) {
$('#transactionsBoxesHolder').empty();
let deg1 = (data[0]['accTransTypePercentage'] * 360);
let deg1Tippy = (data[0]['accTransTypePercentage'] * 100) ;
let deg2 = (data[1]['accTransTypePercentage'] * 360);
let deg2Tippy = (data[1]['accTransTypePercentage'] * 100) ;
transactions_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
]
$('#transactionsBoxesHolder').append(' ' + data[1]['Transaction_Type__c'] + '
' + data[0]['Transaction_Type__c'] + '
');
toolTipEmbed(2, ['transactionsBox1', 'transactionsBox2'], [deg1Tippy, deg2Tippy]);
} else if (data.length === 3) {
$('#transactionsBoxesHolder').empty();
let deg1 = (data[0]['accTransTypePercentage'] * 360);
let deg1Tippy = (data[0]['accTransTypePercentage'] * 100) ;
let deg2 = (data[1]['accTransTypePercentage'] * 360);
let deg2Tippy = (data[1]['accTransTypePercentage'] * 100) ;
let deg3 = (data[2]['accTransTypePercentage'] * 360);
let deg3Tippy = (data[2]['accTransTypePercentage'] * 100) ;
transactions_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
]
$('#transactionsBoxesHolder').append(' ' + data[2]['Transaction_Type__c'] + '
' + data[1]['Transaction_Type__c'] + '
' + data[0]['Transaction_Type__c'] + '
');
toolTipEmbed(3, ['transactionsBox1', 'transactionsBox2', 'transactionsBox3'], [deg1Tippy, deg2Tippy, deg3Tippy]);
} else if (data.length === 4) {
$('#transactionsBoxesHolder').empty();
let deg1 = (data[0]['accTransTypePercentage'] * 360);
let deg1Tippy = (data[0]['accTransTypePercentage'] * 100) ;
let deg2 = (data[1]['accTransTypePercentage'] * 360);
let deg2Tippy = (data[1]['accTransTypePercentage'] * 100) ;
let deg3 = (data[2]['accTransTypePercentage'] * 360);
let deg3Tippy = (data[2]['accTransTypePercentage'] * 100) ;
let deg4 = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'])) * 360);
let deg4Tippy = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'])) * 100) ;
transactions_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
]
$('#transactionsBoxesHolder').append('' + data[3]['Transaction_Type__c'] + '
' + data[2]['Transaction_Type__c'] + '
' + data[1]['Transaction_Type__c'] + '
' + data[0]['Transaction_Type__c'] + '
');
toolTipEmbed(4, ['transactionsBox1', 'transactionsBox2', 'transactionsBox3', 'transactionsBox4'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy]);
} else if (data.length === 5) {
$('#transactionsBoxesHolder').empty();
let deg1 = (data[0]['accTransTypePercentage'] * 360);
let deg1Tippy = (data[0]['accTransTypePercentage'] * 100) ;
let deg2 = (data[1]['accTransTypePercentage'] * 360);
let deg2Tippy = (data[1]['accTransTypePercentage'] * 100) ;
let deg3 = (data[2]['accTransTypePercentage'] * 360);
let deg3Tippy = (data[2]['accTransTypePercentage'] * 100) ;
let deg4 = (data[3]['accTransTypePercentage'] * 360);
let deg4Tippy = (data[3]['accTransTypePercentage'] * 100) ;
let deg5 = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'])) * 360);
let deg5Tippy = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'])) * 100) ;
transactions_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
]
$('#transactionsBoxesHolder').append('' + data[4]['Transaction_Type__c'] + '
' + data[3]['Transaction_Type__c'] + '
' + data[2]['Transaction_Type__c'] + '
' + data[1]['Transaction_Type__c'] + '
' + data[0]['Transaction_Type__c'] + '
');
toolTipEmbed(5, ['transactionsBox1', 'transactionsBox2', 'transactionsBox3', 'transactionsBox4', 'transactionsBox5'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy]);
}else if (data.length === 6) {
$('#transactionsBoxesHolder').empty();
let deg1 = (data[0]['accTransTypePercentage'] * 360);
let deg1Tippy = (data[0]['accTransTypePercentage'] * 100) ;
let deg2 = (data[1]['accTransTypePercentage'] * 360);
let deg2Tippy = (data[1]['accTransTypePercentage'] * 100) ;
let deg3 = (data[2]['accTransTypePercentage'] * 360);
let deg3Tippy = (data[2]['accTransTypePercentage'] * 100) ;
let deg4 = (data[3]['accTransTypePercentage'] * 360);
let deg4Tippy = (data[3]['accTransTypePercentage'] * 100) ;
let deg5 = (data[4]['accTransTypePercentage'] * 360);
let deg5Tippy = (data[4]['accTransTypePercentage'] * 100) ;
let deg6 = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'] + data[4]['accTransTypePercentage'])) * 360);
let deg6Tippy = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'] + data[4]['accTransTypePercentage'])) * 100) ;
transactions_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
]
$('#transactionsBoxesHolder').append(' ' + data[5]['Transaction_Type__c'] + '
' + data[4]['Transaction_Type__c'] + '
' + data[3]['Transaction_Type__c'] + '
' + data[2]['Transaction_Type__c'] + '
' + data[1]['Transaction_Type__c'] + '
' + data[0]['Transaction_Type__c'] + '
');
toolTipEmbed(6, ['transactionsBox1', 'transactionsBox2', 'transactionsBox3', 'transactionsBox4', 'transactionsBox5', 'transactionsBox6'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy]);
}else if (data.length === 7) {
$('#transactionsBoxesHolder').empty();
let deg1 = (data[0]['accTransTypePercentage'] * 360);
let deg1Tippy = (data[0]['accTransTypePercentage'] * 100) ;
let deg2 = (data[1]['accTransTypePercentage'] * 360);
let deg2Tippy = (data[1]['accTransTypePercentage'] * 100) ;
let deg3 = (data[2]['accTransTypePercentage'] * 360);
let deg3Tippy = (data[2]['accTransTypePercentage'] * 100) ;
let deg4 = (data[3]['accTransTypePercentage'] * 360);
let deg4Tippy = (data[3]['accTransTypePercentage'] * 100) ;
let deg5 = (data[4]['accTransTypePercentage'] * 360);
let deg5Tippy = (data[4]['accTransTypePercentage'] * 100) ;
let deg6 = (data[5]['accTransTypePercentage'] * 360);
let deg6Tippy = (data[5]['accTransTypePercentage'] * 100) ;
let deg7 = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'] + data[4]['accTransTypePercentage'] + data[5]['accTransTypePercentage'])) * 360);
let deg7Tippy = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'] + data[4]['accTransTypePercentage'] + data[5]['accTransTypePercentage'])) * 100) ;
transactions_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
]
$('#transactionsBoxesHolder').append('' + data[6]['Transaction_Type__c'] + '
' + data[5]['Transaction_Type__c'] + '
' + data[4]['Transaction_Type__c'] + '
' + data[3]['Transaction_Type__c'] + '
' + data[2]['Transaction_Type__c'] + '
' + data[1]['Transaction_Type__c'] + '
' + data[0]['Transaction_Type__c'] + '
');
toolTipEmbed(7, ['transactionsBox1', 'transactionsBox2', 'transactionsBox3', 'transactionsBox4', 'transactionsBox5', 'transactionsBox6', 'transactionsBox7'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy]);
}else if (data.length === 8) {
$('#transactionsBoxesHolder').empty();
let deg1 = (data[0]['accTransTypePercentage'] * 360);
let deg1Tippy = (data[0]['accTransTypePercentage'] * 100) ;
let deg2 = (data[1]['accTransTypePercentage'] * 360);
let deg2Tippy = (data[1]['accTransTypePercentage'] * 100) ;
let deg3 = (data[2]['accTransTypePercentage'] * 360);
let deg3Tippy = (data[2]['accTransTypePercentage'] * 100) ;
let deg4 = (data[3]['accTransTypePercentage'] * 360);
let deg4Tippy = (data[3]['accTransTypePercentage'] * 100) ;
let deg5 = (data[4]['accTransTypePercentage'] * 360);
let deg5Tippy = (data[4]['accTransTypePercentage'] * 100) ;
let deg6 = (data[5]['accTransTypePercentage'] * 360);
let deg6Tippy = (data[5]['accTransTypePercentage'] * 100) ;
let deg7 = (data[6]['accTransTypePercentage'] * 360);
let deg7Tippy = (data[6]['accTransTypePercentage'] * 100) ;
let deg8 = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'] + data[4]['accTransTypePercentage'] + data[5]['accTransTypePercentage'] + data[6]['accTransTypePercentage'])) * 360);
let deg8Tippy = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'] + data[4]['accTransTypePercentage'] + data[5]['accTransTypePercentage'] + data[6]['accTransTypePercentage'])) * 100) ;
transactions_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
[deg8, '#4C8077'],
]
$('#transactionsBoxesHolder').append('' + data[7]['Transaction_Type__c'] + '
' + data[6]['Transaction_Type__c'] + '
' + data[5]['Transaction_Type__c'] + '
' + data[4]['Transaction_Type__c'] + '
' + data[3]['Transaction_Type__c'] + '
' + data[2]['Transaction_Type__c'] + '
' + data[1]['Transaction_Type__c'] + '
' + data[0]['Transaction_Type__c'] + '
');
toolTipEmbed(8, ['transactionsBox1', 'transactionsBox2', 'transactionsBox3', 'transactionsBox4', 'transactionsBox5', 'transactionsBox6', 'transactionsBox7', 'transactionsBox8'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy, deg8Tippy]);
}else if (data.length === 9) {
$('#transactionsBoxesHolder').empty();
let deg1 = (data[0]['accTransTypePercentage'] * 360);
let deg1Tippy = (data[0]['accTransTypePercentage'] * 100) ;
let deg2 = (data[1]['accTransTypePercentage'] * 360);
let deg2Tippy = (data[1]['accTransTypePercentage'] * 100) ;
let deg3 = (data[2]['accTransTypePercentage'] * 360);
let deg3Tippy = (data[2]['accTransTypePercentage'] * 100) ;
let deg4 = (data[3]['accTransTypePercentage'] * 360);
let deg4Tippy = (data[3]['accTransTypePercentage'] * 100) ;
let deg5 = (data[4]['accTransTypePercentage'] * 360);
let deg5Tippy = (data[4]['accTransTypePercentage'] * 100) ;
let deg6 = (data[5]['accTransTypePercentage'] * 360);
let deg6Tippy = (data[5]['accTransTypePercentage'] * 100) ;
let deg7 = (data[6]['accTransTypePercentage'] * 360);
let deg7Tippy = (data[6]['accTransTypePercentage'] * 100) ;
let deg8 = (data[7]['accTransTypePercentage'] * 360);
let deg8Tippy = (data[7]['accTransTypePercentage'] * 100) ;
let deg9 = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'] + data[4]['accTransTypePercentage'] + data[5]['accTransTypePercentage'] + data[6]['accTransTypePercentage'] + data[7]['accTransTypePercentage'])) * 360);
let deg9Tippy = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['propertyTypeePercentage'] + data[4]['accTransTypePercentage'] + data[5]['accTransTypePercentage'] + data[6]['accTransTypePercentage'] + data[7]['accTransTypePercentage'])) * 100) ;
transactions_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
[deg8, '#4C8077'],
[deg9, '#402E32'],
]
$('#transactionsBoxesHolder').append('' + data[8]['Transaction_Type__c'] + '
' + data[7]['Transaction_Type__c'] + '
' + data[6]['Transaction_Type__c'] + '
' + data[5]['Transaction_Type__c'] + '
' + data[4]['Transaction_Type__c'] + '
' + data[3]['Transaction_Type__c'] + '
' + data[2]['Transaction_Type__c'] + '
' + data[1]['Transaction_Type__c'] + '
' + data[0]['Transaction_Type__c'] + '
');
toolTipEmbed(9, ['transactionsBox1', 'transactionsBox2', 'transactionsBox3', 'transactionsBox4', 'transactionsBox5', 'transactionsBox6', 'transactionsBox7', 'transactionsBox8', 'transactionsBox9'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy, deg8Tippy, deg9Tippy]);
}else if (data.length === 10) {
$('#transactionsBoxesHolder').empty();
let deg1 = (data[0]['accTransTypePercentage']* 360);
let deg1Tippy = (data[0]['accTransTypePercentage'] * 360) ;
let deg2 = (data[1]['accTransTypePercentage'] * 360);
let deg2Tippy = (data[1]['accTransTypePercentage'] * 360) ;
let deg3 = (data[2]['accTransTypePercentage'] * 360);
let deg3Tippy = (data[2]['accTransTypePercentage'] * 360) ;
let deg4 = (data[3]['accTransTypePercentage'] * 360);
let deg4Tippy = (data[3]['accTransTypePercentage'] * 360) ;
let deg5 = (data[4]['accTransTypePercentage'] * 360);
let deg5Tippy = (data[4]['accTransTypePercentage'] * 360) ;
let deg6 = (data[5]['accTransTypePercentage']* 360);
let deg6Tippy = (data[5]['accTransTypePercentage'] * 360) ;
let deg7 = (data[6]['accTransTypePercentage'] * 360);
let deg7Tippy = (data[6]['accTransTypePercentage'] * 360) ;
let deg8 = (data[7]['accTransTypePercentage'] * 360);
let deg8Tippy = (data[7]['accTransTypePercentage'] * 360) ;
let deg9 = (data[8]['accTransTypePercentage'] * 360);
let deg9Tippy = (data[8]['accTransTypePercentage'] * 360) ;
let deg10 = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'] + data[4]['accTransTypePercentage'] + data[5]['accTransTypePercentage'] + data[6]['accTransTypePercentage'] + data[7]['accTransTypePercentage'] + data[8]['accTransTypePercentage'])) * 360);
let deg10Tippy = ((1 - (data[0]['accTransTypePercentage'] + data[1]['accTransTypePercentage'] + data[2]['accTransTypePercentage'] + data[3]['accTransTypePercentage'] + data[4]['accTransTypePercentage'] + data[5]['accTransTypePercentage'] + data[6]['accTransTypePercentage'] + data[7]['accTransTypePercentage'] + data[8]['accTransTypePercentage'])) * 360) ;
transactions_data_array = [
[deg1, '#795ab0'],
[deg2, '#439abb'],
[deg3, '#D59563'],
[deg4, '#9f9e9e'],
[deg5, '#00725F'],
[deg6, '#FFE9CF'],
[deg7, '#838D37'],
[deg8, '#4C8077'],
[deg9, '#402E32'],
[deg10, '#C35256']
]
$('#transactionsBoxesHolder').append('' + data[8]['Transaction_Type__c'] + '
' + data[7]['Transaction_Type__c'] + '
' + data[6]['Transaction_Type__c'] + '
' + data[5]['Transaction_Type__c'] + '
' + data[4]['Transaction_Type__c'] + '
' + data[3]['Transaction_Type__c'] + '
' + data[2]['Transaction_Type__c'] + '
' + data[1]['Transaction_Type__c'] + '
' + data[0]['Transaction_Type__c'] + '
');
toolTipEmbed(10, ['transactionsBox1', 'transactionsBox2', 'transactionsBox3', 'transactionsBox4', 'transactionsBox5', 'transactionsBox6', 'transactionsBox7', 'transactionsBox8', 'transactionsBox9', 'transactionsBox10'], [deg1Tippy, deg2Tippy, deg3Tippy, deg4Tippy, deg5Tippy, deg6Tippy, deg7Tippy, deg8Tippy, deg9Tippy, deg10Tippy]);
}
else if (data.length === 0) {
$('#transactionsBoxesHolder').empty();
transactions_data_array = [
[0, '#795ab0'],
[0, '#439abb'],
[0, '#D59563'],
[0, '#9f9e9e'],
[0, '#00725F'],
[0, '#FFE9CF'],
[0, '#838D37'],
[0, '#4C8077'],
[0, '#402E32'],
[0, '#C35256']
]
$('#transactionsBoxesHolder').append('');
}
var ctx= document.getElementById("transactionsGraphArea");
var chartData = analyticsGraph(transactions_data_array);
var pieChartTransactions = new Chart(ctx, {
type: 'pie',
data: chartData,
options: {
responsive: true,
plugins: {
tooltip: {
callbacks: {
label: function (tooltipItems) {
return tooltipItems['formattedValue']+ " degrees";
}
}
}
},
}
})
if(document.getElementById("darkModecheckbox").checked == true){
embedTheGraph("transactionsGraphArea", transactions_data_array)}
}
function hideCircle(containerID, circle_number, boxID) {
var data_array = [];
if(containerID == 'geographyGraphArea'){
data_array = geography_data_array.slice(0);
}else if(containerID == 'propertyTypeGraphArea'){
data_array = property_type_data_array.slice(0);
}else if(containerID == 'transactionsGraphArea'){
data_array = transactions_data_array.slice(0);
}
var box = document.getElementById(boxID);
if(box.classList.contains('hiddenLabel')){
var boxTippy = box._tippy;
boxTippy.enable();
box.classList.remove('hiddenLabel');
embedTheGraph(containerID, data_array,color);
}else {
let all_boxes = document.getElementsByClassName('analyticsBox');
for(let i=0; i')
var ctx = document.getElementById(containerID);
var chartData = analyticsGraph(data_array);
var pieChart = new Chart(ctx, {
type: 'pie',
data: chartData,
options: {
responsive: true,
plugins: {
tooltip: {
callbacks: {
label: function (tooltipItems) {
return tooltipItems['formattedValue'] + " degrees";
}
}
}
},
}
})
}
function toolTipEmbed(count, ids, degrees) {
for (let i = 0; i < count; i++) {
tippy('#' + ids[i], {
theme: 'light',
content: checkNumberLength(degrees[i]) + '%',
inertia: true,
onShow() {
[...document.querySelectorAll('*')].forEach(node => {
if (node._tippy) {
node._tippy.hide();
}
});
},
});
}
}
function checkNumberLength(string){
if (string.length <= 5){
return string;
}else{
return string.toFixed(2);
}
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Property-Table data request//
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function openTable() {
let elementParent = document.querySelector(".list-wrapper");
elementParent.style.cssText = 'opacity: 1;display:flex;';
let elementChild = document.querySelector(".details-div.property.list-popup");
elementChild.style.cssText = 'opacity: 1;transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;';
set_Data(1, 'gridData', page_size_default,"gridViewSwitch");
set_Data(1, 'gridDatatable', page_size_default);
set_gridData(1, 'gridViewSwitchModal', page_size_default, true);
}
function closeTable() {
let elementParent = document.querySelector(".list-wrapper");
elementParent.style.cssText = 'opacity: 0;display:none;';
let elementChild = document.querySelector(".details-div.property.list-popup");
elementChild.style.cssText = 'opacity: 0;transform:translate3d(0px, 0px, 0px) scale3d(0.8, 0.8, 1) rotateX(0deg) rotateY(0deg) rotateZ(-4deg) skew(0deg, 0deg)';
}
const element = document.querySelector(".close-button-list");
element.addEventListener("click", () => {
closeTable();
});
function empty_table() {
var listing_table = document.getElementsByClassName('gridData');
$(listing_table).empty();
}
function display_preloading() {
$("#load_table").show();
document.getElementById("content_preloading").style.display = "flex";
document.getElementById("pages-shape").style.display = "none";
}
function hidetable_preloading() {
$("#load_table").hide();
if(pages==0){
document.getElementById("content_preloading").style.display = "none";
document.getElementById("pages-shape").innerHTML = "There are no more properties available";
document.getElementById("pages-shape").style.display = "flex";
}else {
document.getElementById("content_preloading").style.display = "none";
document.getElementById("pages-shape").innerHTML = "Page " + current_page + " Of " + pages;
document.getElementById("pages-shape").style.display = "flex";
}
}
function num_pages() {
let enteries = document.getElementById('select_num').value;
pages = Math.ceil((num_of_properties / enteries));
}
function check_buttons() {
if (page_number_default == 1) {
btn_prev.style.cssText = 'cursor: not-allowed;opacity: 0.1;';
$("#btn_prev1").attr("href", "#");
btn_prev_popup.style.cssText = 'cursor: not-allowed;opacity: 0.1;';
$("#btn_prev").attr("href", "#");
} else {
btn_prev.style.cssText = 'cursor: pointer';
$("#btn_prev1").attr("href", "javascript:prevPage('gridData',page_size_default)");
btn_prev_popup.style.cssText = 'cursor: pointer';
$("#btn_prev").attr("href", "javascript:prevPage('gridDatatable',page_size_default)");
}
if (page_number_default >= pages) {
btn_next.style.cssText = 'cursor: not-allowed;opacity: 0.1;';
$("#btn_next1").attr("href", "#");
btn_next_popup.style.cssText = 'cursor: not-allowed;opacity: 0.1;';
$("#btn_next").attr("href", "#");
} else if (page_number_default < pages) {
btn_next.style.cssText = 'cursor: pointer';
$("#btn_next1").attr("href", "javascript:nextPage('gridData',page_size_default)");
btn_next_popup.style.cssText ='cursor: pointer';
$("#btn_next").attr("href", "javascript:nextPage('gridDatatable',page_size_default)");
}
}
function filterSearch() {
let searchString = document.getElementById('text_input').value;
if (searchString != "") {
filter_req();
}
}
function filter_req() {
enteries = document.getElementById('select_num').value;
searchString = document.getElementById('text_input').value;
page_size_default = document.getElementById('select_num').value;
empty_table();
display_preloading();
var ifConnected = window.navigator.onLine;
if (ifConnected) {
if (window.Worker) {
if (accountId != '') {
num_pages();
if (page_number_default > 1) {
page_number_default = 1;
current_page = 1;
}
myWorker.postMessage(["request-Account-details", accountId, page_size_default, page_number_default, searchString, filters_val, url, data_req]);
myWorker.onmessage = function (e) {
return_data = e.data['PropertiesPage'];
try {
pagesize = return_data.length;
} catch (e) {
}
page_number_default = 1;
current_page = 1;
pages = Math.ceil((e.data['NumOfAllProperties']) / enteries);
document.getElementById("pages-shape").innerHTML = "Page " + current_page + " Of " + pages;
hidetable_preloading();
set_Data(current_page, 'gridData', page_size_default);
set_gridData(current_page, 'gridViewSwitch', page_size_default);
}
myWorker.addEventListener('message', (event) => {
if (event.data.message == "Cannot read properties of undefined (reading 'errorCode')") {
hidetable_preloading();
document.getElementById("pages-shape").innerHTML = "There are no more properties available";
btn_next.style.cssText = 'cursor: not-allowed;opacity: 0.1;';
$("#btn_next1").attr("href", "#");
btn_next_popup.style.cssText = 'cursor: not-allowed;opacity: 0.1;';
$("#btn_next").attr("href", "#");
}
});
}
} else {
}
}
}
function prevPage(div_name, num) {
current_page--;
arr_img=[];
empty_table();
display_preloading();
prev_req(div_name);
}
function nextPage(div_name, num) {
current_page++;
arr_img=[];
empty_table();
display_preloading();
next_req(div_name);
}
function next_req(div_name) {
page_number_default++;
var ifConnected = window.navigator.onLine;
if (ifConnected) {
if (window.Worker) {
if (accountId != '') {
myWorker.postMessage(["request-Account-details", accountId, page_size_default, page_number_default, searchString, filters_val, url, data_req]);
myWorker.onmessage = function (e) {
return_data = e.data['PropertiesPage'];
num_of_properties = e.data['NumOfAllProperties'];
pagesize = return_data.length;
enteries = document.getElementById('select_num').value;
pages = Math.ceil((num_of_properties / enteries));
hidetable_preloading();
if(div_name== 'gridData'){
set_Data(current_page, 'gridData', page_size_default);
set_gridData(current_page, 'gridViewSwitch', page_size_default);}
else if(div_name== 'gridDatatable'){
set_Data(current_page, 'gridData', page_size_default);
set_Data(current_page, 'gridDatatable', page_size_default);
set_gridData(current_page, 'gridViewSwitchModal', page_size_default);}
}
}
} else {
}
}
}
function prev_req(div_name) {
page_number_default--;
var ifConnected = window.navigator.onLine;
if (ifConnected) {
if (window.Worker) {
if (accountId != '') {
myWorker.postMessage(["request-Account-details", accountId, page_size_default, page_number_default, searchString, filters_val, url, data_req]);
myWorker.onmessage = function (e) {
return_data = e.data['PropertiesPage'];
pagesize = return_data.length;
num_of_properties = e.data['NumOfAllProperties'];
enteries = document.getElementById('select_num').value;
pages = Math.ceil((num_of_properties / enteries));
hidetable_preloading();
if(div_name== 'gridData'){ set_Data(current_page, 'gridData', page_size_default);
set_gridData(current_page, 'gridViewSwitch', page_size_default);}
else if(div_name== 'gridDatatable'){
set_Data(current_page, 'gridData', page_size_default);
set_Data(current_page, 'gridDatatable', page_size_default);
set_gridData(current_page, 'gridViewSwitchModal', page_size_default);}
}
}
} else {
}
}
}
function reset() {
$("#select_num").val(10);
$("#select_value").val("All");
$("#text_input").val("");
filter_req();
}
var listing_table_grid;
function set_gridData(page, divName, number, detector=false){
check_buttons();
listing_table_grid = document.getElementById(divName);
$(listing_table_grid).empty();
hidetable_preloading();
for (var i = 0; i <= number - 1; i++) {
try {
if (typeof return_data[i] !== 'undefined') {
var parent_grid = document.createElement('div');
parent_grid.classList.add('gl-gridCell');
if(divName=="gridViewSwitch") {
streetViewImage(return_data[i]['Latitude__c'], return_data[i]['Longitude__c'],275,5,90, return_data[i]['Property_Type_RCA__c'], return_data[i]['Name'], 800, 600, false, false,true,false, null, null, return_data[i]['Display_Address__c'], null, url,divName,parent_grid,isEmpty(return_data[i]));
}else if(divName="gridViewSwitchModal"){
if(detector){
setGridPhotos(return_data[i]['Latitude__c'],return_data[i]['Longitude__c'], parent_grid, divName, arr_img[i], return_data[i])
}else {
if(arr_img.length==number) {
set_images(divName,parent_grid, arr_img[i], return_data[i]);
}
else{
streetViewImage(return_data[i]['Latitude__c'], return_data[i]['Longitude__c'],275,5,90, return_data[i]['Property_Type_RCA__c'], return_data[i]['Name'], 800, 600, false, false,true,true, null, null, return_data[i]['Display_Address__c'], null, url,divName,parent_grid,isEmpty(return_data[i]));
}
}
}
}
} catch (e) {
}
}
}
function setGridPhotos(lat, lng, parent_grid, divName, arr_img, return_data_grid){
var streetviewService = new google.maps.StreetViewService();
var radius = 50;
streetviewService.getPanoramaByLocation({lat:lat, lng: lng}, radius,
function(result, status) {
if (status == google.maps.StreetViewStatus.OK) {
set_images(divName,parent_grid,arr_img, return_data_grid, true);
}else {
if(document.getElementById("darkModecheckbox").checked == true){
set_images(divName,parent_grid,"https://zeustra.com/wp-content/plugins/Account/includes/assets/images/MapPlaceholder-light.png", return_data_grid, false);
}else if(document.getElementById("darkModecheckbox").checked == false){
set_images(divName,parent_grid,"https://zeustra.com/wp-content/plugins/Account/includes/assets/images/MapPlaceholder.png", return_data_grid, false);
}
}
});
}
function set_Data(page, divName, number) {
var formatNum = new Intl.NumberFormat('en-US');
check_buttons();
var listing_table = document.getElementsByClassName(divName);
$(listing_table).empty();
hidetable_preloading();
for (var i = 0; i <= number - 1; i++) {
var parent = document.createElement('div');
parent.classList.add('gridRow');
parent.style.cssText = 'display: contents';
try {
if (typeof return_data[i] !== 'undefined') {
let ids = isEmpty(return_data[i]['Id']).toString();
$(parent).append('');
$(parent).append('' + isEmpty(return_data[i]['Name']) + '
');
$(parent).append('' + isEmpty(return_data[i]['Display_Address__c']) + '
');
$(parent).append('' + isEmpty(return_data[i]['City__c']) + '
');
$(parent).append('' + isEmpty(return_data[i]['Tenancy__c']) + '
');
$(parent).append('' + isEmpty(return_data[i]['State__c']) + '
');
$(parent).append('' + isEmpty(return_data[i]['Zip_Code__c']) + '
');
$(parent).append('' + isEmpty(return_data[i]['Property_Type_RCA__c']) + '
');
$(parent).append('' + isEmpty(return_data[i]['Property_Subtype_RCA__c']) + '
');
$(parent).append('' + isEmpty(formatNum.format(return_data[i]['Square_Footage_Gross__c'])) + '
');
$(parent).append('' + isEmpty(formatNum.format(return_data[i]['Square_Footage_Gross__c'])) + '
');
$(parent).append('Investment
');
$(listing_table).append(parent);
}
} catch (e) {
}
}
tippy('#w-node-f7c6fafc-3544-8e1a-e2b2-cc9dfa7b9a13-fbb5b841', {
content: "Edit!",
theme: 'light',
placement: 'top'
});
tippy('#w-node-f7c6fafc-3544-8e1a-e2b2-cc9dfa7b9a13-fbb5b842', {
content: "Remove!",
theme: 'light',
placement: 'top',
});
tippy('.view-table-popup', {
content: "View!",
theme: 'light',
placement: 'top'
});
}
//----------------------------------------------------Filter Table request with Menu filtering---------------------------------
function get_str() {
str = "";
words = [];
array = [];
if (checkedArray[0].length > 0) {
let types = checkedArray[0].join(',');
str = "~type::" + types + "~";
}
if (checkedArray[1].length > 0) {
for (var num = 0; num <= checkedArray[1].length - 1; num++) {
words = checkedArray[1][num].split(" ");
var value = words[0];
array.push(value);
}
let tenants = array.join(',');
str += " ~tenancy::" + tenants + "~";
}
if (checkedArray[2].length > 0) {
let res = checkedArray[2][0].replace(/\D/g, "");
let transDate = res;
str += " ~transMonthsRange::" + transDate + "~";
}
if (checkedArray[3].length > 0) {
let trans = checkedArray[3].join(',');
str += " ~transType::" + trans + "~";
}
if (checkedArray[4].length > 0) {
let statess = checkedArray[4].join(',');
str += " ~state::" + statess + "~";
}
return str;
}
function filter_geo_req() {
empty_table();
display_preloading();
page_size_default = document.getElementById('select_num').value;
searchString = get_str();
var ifConnected = window.navigator.onLine;
if (ifConnected) {
if (window.Worker) {
if (accountId != '') {
num_pages();
if (page_number_default > 1) {
page_number_default = 1;
current_page = 1;
}
myWorker.postMessage(["request-Account-details", accountId, page_size_default, page_number_default, searchString, "All", url, data_req]);
myWorker.onmessage = function (e) {
return_data = e.data['PropertiesPage'];
pagesize = return_data.length;
page_number_default = 1;
current_page = 1;
pages = Math.ceil((e.data['NumOfAllProperties']) / enteries);
document.getElementById("pages-shape").innerHTML = "Page " + current_page + " Of " + pages;
hidetable_preloading();
set_Data(current_page, 'gridData', page_size_default);
set_gridData(current_page, 'gridViewSwitch', page_size_default);
$("#btn_next1").attr("href", "javascript:nextgeoPage('gridData')");
$("#btn_prev1").attr("href", "javascript:prevgeoPage('gridData')");
$("#btn_next").attr("href", "javascript:nextgeoPage('gridDatatable')");
$("#btn_prev").attr("href", "javascript:prevgeoPage('gridDatatable')");
}
}
} else {
}
}
}
function prevgeoPage(div_name) {
current_page--;
empty_table();
display_preloading();
prev_geo_req(div_name);
}
function nextgeoPage(div_name) {
current_page++;
empty_table();
display_preloading();
next_geo_req(div_name);
}
function next_geo_req(div_name) {
searchString = get_str();
page_number_default++;
var ifConnected = window.navigator.onLine;
if (ifConnected) {
if (window.Worker) {
if (accountId != '') {
myWorker.postMessage(["request-Account-details", accountId, page_size_default, page_number_default, searchString, "All", url, data_req]);
myWorker.onmessage = function (e) {
return_data = e.data['PropertiesPage'];
num_of_properties = e.data['NumOfAllProperties'];
pagesize = return_data.length;
let enteries = document.getElementById('select_num').value;
pages = Math.ceil((num_of_properties / enteries));
hidetable_preloading();
if(div_name== 'gridData'){
set_Data(current_page, 'gridData', page_size_default);
set_gridData(current_page, 'gridViewSwitch', page_size_default);}
else if(div_name== 'gridDatatable'){
set_Data(current_page, 'gridData', page_size_default);
set_Data(current_page, 'gridDatatable', page_size_default);
set_gridData(current_page, 'gridViewSwitchModal', page_size_default);}
$("#btn_next1").attr("href", "javascript:nextgeoPage('gridData')");
$("#btn_prev1").attr("href", "javascript:prevgeoPage('gridData')");
$("#btn_next").attr("href", "javascript:nextgeoPage('gridDatatable')");
$("#btn_prev").attr("href", "javascript:prevgeoPage('gridDatatable')");
}
}
} else {
}
}
}
function prev_geo_req(div_name) {
searchString = get_str();
page_number_default--;
var ifConnected = window.navigator.onLine;
if (ifConnected) {
if (window.Worker) {
if (accountId != '') {
myWorker.postMessage(["request-Account-details", accountId, page_size_default, page_number_default, searchString, "All", url, data_req]);
myWorker.onmessage = function (e) {
return_data = e.data['PropertiesPage'];
pagesize = return_data.length;
num_of_properties = e.data['NumOfAllProperties'];
enteries = document.getElementById('select_num').value;
pages = Math.ceil((num_of_properties / enteries));
hidetable_preloading();
if(div_name== 'gridData'){
set_Data(current_page, 'gridData', page_size_default);
set_gridData(current_page, 'gridViewSwitch', page_size_default);}
else if(div_name== 'gridDatatable'){
set_Data(current_page, 'gridData', page_size_default);
set_Data(current_page, 'gridDatatable', page_size_default);
set_gridData(current_page, 'gridViewSwitchModal', page_size_default);}
$("#btn_next1").attr("href", "javascript:nextgeoPage('gridData')");
$("#btn_prev1").attr("href", "javascript:prevgeoPage('gridData')");
$("#btn_next").attr("href", "javascript:nextgeoPage('gridDatatable')");
$("#btn_prev").attr("href", "javascript:prevgeoPage('gridDatatable')");
}
}
} else {
}
}
}
//------------------------------------- Map request with store-locator---------------------------------------------------------
function display_mappreloading() {
document.getElementById("preloadingmap-shape").style.cssText = "height:inherit;width:inherit;";
document.getElementById("contentmap_preloading").style.display = "flex";
}
function hidemap_preloading() {
$("#loadmap_table").hide();
document.getElementById("preloadingmap-shape").style.cssText = "height:auto;width:auto;";
document.getElementById("contentmap_preloading").style.display = "none";
}
function openFullScreenMap() {
$('#fullScreenButton').hide();
document.querySelector("#data-store-locator").requestFullscreen();
document.querySelector(".store-locator").style.marginRight = "0px";
document.onfullscreenchange = function (event) {
let target = event.target;
let pacContainerElements = document.getElementsByClassName("pac-container");
if (pacContainerElements.length > 0) {
let pacContainer = document.getElementsByClassName("pac-container")[0];
if (pacContainer.parentElement === target) {
document.getElementsByTagName("body")[0].appendChild(pacContainer);
} else {
target.appendChild(pacContainer);
}
} else {
}
};
}
function sliderfs(){
if (document.fullscreenElement) {
document.querySelector("#Shot_buttons").classList.remove('getDown')
document.exitFullscreen();
}else{
document.querySelector("#slides").webkitRequestFullScreen();
document.querySelector("#Shot_buttons").classList.add('getDown')
}
}
function openFullScreenSLMap() {
document.querySelector(".mapWithBar").requestFullscreen();
document.querySelector("#mapSideBarID").style.height= "100vh";
document.querySelector("#properties-page-map-section").style.height= "100vh";
document.querySelector("#fullScreenSLbtn").style.display= "none";
document.querySelector("#drawing-controls").classList.add("mrgntopfordrwng")
}
document.addEventListener('fullscreenchange', exitFullScreenHandler);
function exitFullScreenHandler() {
if (!document.fullscreenElement) {
$('#fullScreenButton').show();
document.querySelector(".store-locator").style.marginRight = "42px";
document.querySelector("#fullScreenSLbtn").style.display= "flex";
document.querySelector("#mapSideBarID").style.height= "50vh";
document.querySelector("#properties-page-map-section").style.height= "50vh";
document.querySelector("#drawing-controls").classList.remove("mrgntopfordrwng")
}
}
function customMap(return_data) {
/**
* Sample Store Locator. For the full list of options, please see the README
* or the commented documentation in store-locator.js source file.
*/
config.container = document.getElementById('data-store-locator');
$(config.container).append('');
config.apiKey = 'AIzaSyDjO8Ud-xcHlMlyyMPrpbJzbo2g79nbvyo';
config.mapLanguage = '';
for (let i = 0; i < pagesize; i++) {
if (return_data[i]['Display_Address__c'] != null) {
data.id = (i + 1);
data.name = return_data[i]['Name'];
data.address = return_data[i]['Display_Address__c'];
data.location = {lat: return_data[i]['Latitude__c'], lng: return_data[i]['Longitude__c']};
data.summary = return_data[i]['Property_Type_RCA__c'];
data.idElement = return_data[i]['Id'];
dataArray.push({...data});
ids_arr.push( isEmpty(return_data[i]['Id'].toString()));
}
}
configuration_map();
customViews();
tableNlocatorsArr()
let mode = '';
if(mode) {
if (mode == 'light') {
addClass(".store-locator_store_address", "blackText")
addClass(".store-locator_store_summary", "blackText")
addClass(".store-locator_nav_header", "darkerBlueequal")
addClass(".store-locator_list", "darkerBlueequal")
addClass(".store-locator_nav", "nextIsDarkBlueequal")
}
}
// var entery = document.getElementById('select_num_map').value;
var pagesOfMap = paginate(return_mapdata, entery);
updateNextandPrevBtnsInMap(pagesOfMap);
document.getElementById('select_num_map').value = entery;
}
function nextPageMap(){
indexOfPageMap++
if(pagesOfMap.length > indexOfPageMap) {
paginationMap();
}else{
updateNextandPrevBtnsInMap(pagesOfMap);
}
}
function previousPageMap(){
indexOfPageMap--
if (indexOfPageMap > 0) {
paginationMap();
}else{
updateNextandPrevBtnsInMap(pagesOfMap);
}
}
function changeEnteries(){
indexOfPageMap = 0;
pagesOfMap = [];
paginationMap()
}
function paginationMap(){
entery = document.getElementById('select_num_map').value;
pagesOfMap = paginate(return_mapdata, entery);
var data = pagesOfMap[indexOfPageMap];
pagesize = data.length;
config = {};
dataArray = [];
document.getElementById("data-store-locator").innerHTML = "";
customMap(data);
// updateNextandPrevBtnsInMap(pagesOfMap);
}
function paginate (arr, size) {
return arr.reduce((acc, val, i) => {
let idx = Math.floor(i / size)
let page = acc[idx] || (acc[idx] = [])
page.push(val)
return acc
}, [])
}
function updateNextandPrevBtnsInMap(pages){
let prev = document.getElementById("prev_btn");
let next = document.getElementById("next_btn");
if (indexOfPageMap == 0) {
if(document.getElementById("darkModecheckbox").checked == true){
prev.style.cssText = 'cursor: not-allowed;opacity: 0.2;height:15px ;width:30px;';
}else{
prev.style.cssText = 'cursor: not-allowed;opacity: 0.2;height:30px ;width:30px;';
}
prev.onclick = null
} else {
if(document.getElementById("darkModecheckbox").checked == true){
prev.style.cssText = 'cursor: pointer;opacity: 0.9;height:15px ;width:30px;';
}else{
prev.style.cssText = 'cursor: pointer;opacity: 0.9;height:30px ;width:30px;';
}
prev.addEventListener('click', function(e) {
previousPageMap();
});
}
if (indexOfPageMap > pages.length) {
if(document.getElementById("darkModecheckbox").checked == true){
next.style.cssText = 'cursor: not-allowed;opacity: 0.2;height:15px ;width:30px;';
}else{
next.style.cssText = 'cursor: not-allowed;opacity: 0.2;height:30px ;width:30px;';
}
next.onclick = null;
} else if (page_number_default < pages.length) {
if(document.getElementById("darkModecheckbox").checked == true){
next.style.cssText = 'cursor: pointer;opacity: 0.9;height:15px ;width:30px;';
}else{
next.style.cssText = 'cursor: pointer;opacity: 0.9;height:30px ;width:30px;';
}
next.addEventListener('click', function(e) {
nextPageMap();
});
}
}
function geofilter(return_data) {
ids_arr=[];
$("#text_input").val("");
config = {};
data = {};
dataArray = [];
document.getElementById("data-store-locator").innerHTML = "";
for (let i = 0; i <= return_mapdata.length - 1; i++) {
if (((checkedArray[0].includes(return_data[i]['Property_Type_RCA__c']) || checkedArray[0].length == 0) && (checkedArray[4].includes(return_data[i]['State__c']) || checkedArray[4].length == 0))) {
if (checkedArray[1].includes(return_data[i]['Tenancy__c']) || checkedArray[1].length == 0) {
var itemTransactions = [];
var Property_Transactions__r = [];
try {
Property_Transactions__r = return_data[i]['Property_Transactions__r']['records'];
} catch (e) {
}
for (let index = 0; index < Property_Transactions__r.length; index++) {
itemTransactions.push(Property_Transactions__r[index]['Transaction_Type__c']);
}
const found = checkedArray[3].some(r => itemTransactions.includes(r))
if (found || checkedArray[3].length == 0) {
if (checkedArray[2].length > 0) {
let dat = checkedArray[2][0].replace(/\D/g, "");
let filterdate = dat;
var date = Property_Transactions__r[0]['Deal_Updated_Date__c'];
var d = new Date(date);
var selecteddate = (new Date(date)).getTime();
var x = new Date().setMonth(new Date().getMonth());
var pastMonthsDate = new Date(x - filterdate).getTime();
}
if ((selecteddate <= pastMonthsDate) || checkedArray[2].length == 0) {
data.id = (i + 1);
data.name = return_data[i]['Name'];
data.address = return_data[i]['Display_Address__c'];
data.location = {
lat: return_data[i]['Latitude__c'],
lng: return_data[i]['Longitude__c']
};
data.summary = return_data[i]['Property_Type_RCA__c'];
data.idElement = return_data[i]['Id'];
dataArray.push({...data});
}
}
}
}
ids_arr.push(return_mapdata[i]['Id'].toString());
}
configuration_map();
customViews();
filter_geo_req();
tableNlocatorsArr()
}
function customViews(){
tippy('.view_map_button', {
content:"View!",
theme:'light',
placement:'left'
});
tippy('.edit_map_button', {
content: "Edit!",
theme:'light',
placement:'left'
});
tippy('.remove_map_button', {
content: "Remove!",
theme:'light',
placement:'left'
});
$(".store-locator_nav_header").append(' entries
');
tippy('#next_btn', {
content: "Next",
theme:'light',
placement:'right'
});
tippy('#prev_btn', {
content: "Previous",
theme:'light',
placement:'left'
});
}
function configuration_map() {
let count_idss=0;
config.container = document.getElementById('data-store-locator');
$(config.container).append('');
config.apiKey = 'AIzaSyDjO8Ud-xcHlMlyyMPrpbJzbo2g79nbvyo';
config.mapLanguage = '';
config.mapStyle = map_styles;
config.stores = dataArray;
StoreLocator(config);
const els = document.querySelectorAll('.store-locator_store_name')
for (const el of [...els]) {
console.log(el.className);
$(el).append('');
$(el).append('');
$(el).append('');
count_idss++;
}
document.querySelector("#dark-mode-slider").style.display = "block"
}
appearDarkSlider();
function isEmpty(value) {
if (value) {
return value;
} else {
return "--";
}
}
function hidePopUpDeleteProperty() {
jQuery('#delete_popup').hide();
document.getElementById('main-section') ? document.getElementById('main-section').classList.remove('hiddenBody') : '';
document.getElementById('navbarContainer') ? document.getElementById('navbarContainer').classList.remove('hiddenBody') : '';
document.getElementById('sidebarContainer') ? document.getElementById('sidebarContainer').classList.remove('hiddenBody') : '';
document.getElementById('sidebarHeader') ? document.getElementById('sidebarHeader').classList.remove('hiddenBody') : '';
}
function showPopUpDeleteProperty(element) {
let x = win.innerWidth || docElem.clientWidth || body.clientWidth;
let y = win.innerHeight|| docElem.clientHeight|| body.clientHeight;
property_to_delete_id= element.id;
jQuery('#delete_popup').show();
document.getElementById('CompanyName2').value = '';
msgBox('delete_popup',x,y);
document.getElementById('main-section') ? document.getElementById('main-section').classList.add('hiddenBody') : '';
document.getElementById('navbarContainer') ? document.getElementById('navbarContainer').classList.add('hiddenBody') : '';
document.getElementById('sidebarContainer') ? document.getElementById('sidebarContainer').classList.add('hiddenBody') : '';
document.getElementById('sidebarHeader') ? document.getElementById('sidebarHeader').classList.add('hiddenBody') : '';;
}
function hideDeletePopUpShowSearchPopUp() {
let x = win.innerWidth || docElem.clientWidth || body.clientWidth;
let y = win.innerHeight|| docElem.clientHeight|| body.clientHeight;
jQuery('#delete_popup').hide();
jQuery('#search_for_account_popup').show();
msgBox('search_for_account_popup',x,y);
}
function getAccountNamesRequest(isaccount) {
clearTimeout(typingTimer);
typingTimer = setTimeout(addLoaderToInput, doneTypingInterval);
$("#companies2").empty();
var ifConnected = window.navigator.onLine;
var name;
if(isaccount){
name = document.getElementById("CompanyName2").value;
}
if (ifConnected) {
if (window.Worker) {
myWorker.postMessage(["request-Account-Names", name, url]);
myWorker.onmessage = function (e) {
let return_data = e.data;
companies = return_data;
let tag_two = "";
$.each(companies, function (key, val) {
typeof val["Name"] != 'undefined'? tag_two += '' : '';
});
if(isaccount) {
$("#companies2").append(tag_two);
}
if(isaccount) {
$('#CompanyName2').removeClass("ui-loading");
}
}
} else {
if(isaccount) {
$('#CompanyName2').removeClass("ui-loading");
}
}
}
}
function requestAccountName() {
let name = document.getElementById("CompanyName2").value;
let target_account_to_delete = '';
companies.some(function (entry) {
if (entry["Name"] == name) {
target_account_to_delete = entry["Id"];
}
});
jQuery('#search_for_account_popup').hide();
document.getElementById('main-section') ? document.getElementById('main-section').classList.remove('hiddenBody') : '';
document.getElementById('navbarContainer') ? document.getElementById('navbarContainer').classList.remove('hiddenBody') : '';
document.getElementById('sidebarContainer') ? document.getElementById('sidebarContainer').classList.remove('hiddenBody') : '';
document.getElementById('sidebarHeader') ? document.getElementById('sidebarHeader').classList.remove('hiddenBody') : '';
if (accountId && property_to_delete_id) {
myWorker.postMessage(["request-delete-property", accountId, url, property_to_delete_id, target_account_to_delete, name]);
myWorker.onmessage = function (e) {
console.log(e);
}
}
}
let property_id;
let acc_id;
function max_len(e) {
if (e.value.length > e.maxLength) {
e.value = e.value.slice(0, e.maxLength);
}
}
function addLoaderToInput(){
$('#CompanyName2').addClass("ui-loading");
}
function appearButton(){
document.getElementById('add_popup').style.backgroundColor = '#1f2434';
$('#addPopUpButton').show();
}
function showPopUpAddNewProperty() {
let x = win.innerWidth || docElem.clientWidth || body.clientWidth;
let y = win.innerHeight|| docElem.clientHeight|| body.clientHeight;
jQuery('#add_popup').show();
// msgBox('add_popup');
msgBox('add_popup',x,y);
document.getElementById('main-section') ? document.getElementById('main-section').classList.add('hiddenBody') : '';
document.getElementById('navbarContainer') ? document.getElementById('navbarContainer').classList.add('hiddenBody') : '';
document.getElementById('sidebarContainer') ? document.getElementById('sidebarContainer').classList.add('hiddenBody') : '';
document.getElementById('sidebarHeader') ? document.getElementById('sidebarHeader').classList.add('hiddenBody') : '';
}
function addNewProperty(){
hideAddPopUp();
showEdit('', 'editPropertyModal');
}
function hideAddPopUp(){
jQuery('#add_popup').hide();
document.getElementById('add_popup').style.backgroundColor = '#15171e';
$('#addPopUpButton').hide();
document.getElementById('addPropertySearch').value = '';
document.getElementById('main-section') ? document.getElementById('main-section').classList.remove('hiddenBody') : '';
document.getElementById('navbarContainer') ? document.getElementById('navbarContainer').classList.remove('hiddenBody') : '';
document.getElementById('sidebarContainer') ? document.getElementById('sidebarContainer').classList.remove('hiddenBody') : '';
document.getElementById('sidebarHeader') ? document.getElementById('sidebarHeader').classList.remove('hiddenBody') : '';
}
function hideAddNewPopUp(){
jQuery('#editPropertyModal').hide();
document.getElementById('main-section') ? document.getElementById('main-section').classList.remove('hiddenBody') : '';
document.getElementById('navbarContainer') ? document.getElementById('navbarContainer').classList.remove('hiddenBody') : '';
document.getElementById('sidebarContainer') ? document.getElementById('sidebarContainer').classList.remove('hiddenBody') : '';
document.getElementById('sidebarHeader') ? document.getElementById('sidebarHeader').classList.remove('hiddenBody') : '';
}
function hideSearchDeletePopUp(){
jQuery('#search_for_account_popup').hide();
document.getElementById('main-section') ? document.getElementById('main-section').classList.remove('hiddenBody') : '';
document.getElementById('navbarContainer') ? document.getElementById('navbarContainer').classList.remove('hiddenBody') : '';
document.getElementById('sidebarContainer') ? document.getElementById('sidebarContainer').classList.remove('hiddenBody') : '';
document.getElementById('sidebarHeader') ? document.getElementById('sidebarHeader').classList.remove('hiddenBody') : '';
}
function msgBox(element,u,m)
{
var msgbox = document.getElementById(element);
// var width = Math.max(window.screen.width, window.innerWidth);
// var height = Math.max(window.screen.height, window.innerHeight);
var x = (u - msgbox.offsetWidth) / 2;
var y = (m - msgbox.offsetHeight) / 3.5;
msgbox.style.top = y+'px';
msgbox.style.left = x+'px';
}
var win = window,
doc = document,
docElem = doc.documentElement,
body = doc.getElementsByTagName('body')[0];
// x = win.innerWidth || docElem.clientWidth || body.clientWidth,
// y = win.innerHeight|| docElem.clientHeight|| body.clientHeight;
function CheckWindow() {
let x = win.innerWidth || docElem.clientWidth || body.clientWidth;
let y = win.innerHeight|| docElem.clientHeight|| body.clientHeight;
msgBox('add_popup',x,y);
msgBox("editPropertyModal",x,y);
msgBox('search_for_account_popup',x,y);
msgBox('delete_popup',x,y);
msgBox('add_tenant_popup',x,y);
msgBox('delete_popup_detail',x,y);
msgBox('delete_popup_tenant',x,y);
msgBox('search_for_account_popup_detail',x,y);
msgBox('edit_tenant_popup',x,y);
msgBox("view_tenant_popup",x,y);
}
function searchForProperty(address){
if(address) {
myWorker.postMessage(["request-address-properties", address, url]);
myWorker.onmessage = function (e) {
let return_data = e.data;
if (return_data['PropertiesPage'] && return_data['NumOfAllProperties'] > 0) {
myWorker.postMessage(["request-add-property", accountId, url, return_data['PropertiesPage'][0]['Id']]);
myWorker.onmessage = function (e) {
hideAddPopUp();
console.log(e);
}
document.getElementById('addPropertySearch').classList.remove('ui-loading')
} else {
$("#noPropertiesAlert").show().delay(3500).fadeOut();
appearButton();
document.getElementById('addPropertySearch').classList.remove('ui-loading')
}
}
}else {
$("#noPropertiesAlert").show().delay(3500).fadeOut();
appearButton();
document.getElementById('addPropertySearch').classList.remove('ui-loading')
}
}
function addressConcatenate(address){
let route = '';
let street_number = '';
let administrative_area_level_1 = '';
let postal_code = '';
let address_components = address['address_components'];
for (const component in address_components) {
if(address_components[component]['types'][0] == 'route'){
route = address_components[component]['long_name'];
}else if(address_components[component]['types'][0] == 'street_number'){
street_number = address_components[component]['long_name'];
}else if(address_components[component]['types'][0] == 'administrative_area_level_1'){
administrative_area_level_1 = address_components[component]['short_name'];
}else if(address_components[component]['types'][0] == 'postal_code'){
postal_code = address_components[component]['long_name'];
}
}
let newAddress = route + ' ' + street_number + ' ' + administrative_area_level_1 + ' ' + postal_code;
return newAddress;
}
function submitAddNewProperty(){
let street_address = document.getElementById('streetAddress').value;
let property_name = document.getElementById('propertyName').value;
let state_building_number = document.getElementById('building').value;
let city = document.getElementById('city').value;
let select_state = document.getElementById('state_selector');
let option_state = select_state.options[select_state.selectedIndex];
let state = option_state.value;
let postal_code = document.getElementById('postal').value;
let buildings_number = parseFloat(document.getElementById('buildings').value);
let stories_number = parseFloat(document.getElementById('stories').value);
let size_square = parseFloat(document.getElementById('size').value);
let lot_size = parseFloat(document.getElementById('lot_size').value);
let year_renovated = parseFloat(document.getElementById('year_renovated').value);
let select_quality = document.getElementById('quality');
let option_quality = select_quality.options[select_quality.selectedIndex];
let quality = option_quality.value;
let select_property_type = document.getElementById('propertyType');
let option_property_type = select_property_type.options[select_property_type.selectedIndex];
let property_type = option_property_type.value;
let select_property_sub_type = document.getElementById('propertySubtype');
let option_property_sub_type = select_property_sub_type.options[select_property_sub_type.selectedIndex];
let property_sub_type = option_property_sub_type.value;
let select_tenancy = document.getElementById('Tenancy');
let option_tenancy = select_tenancy.options[select_tenancy.selectedIndex];
let tenancy = option_tenancy.value;
let tenants_number = parseFloat(document.getElementById('num_tenants').value);
let date_purchased = document.getElementById('Date_Purchased').value;
let mortgage_maturity_date = document.getElementById('Mortgage_Maturity_Date').value;
let purchase_price = parseFloat(document.getElementById('Purchase_Price').value);
let total_debt = parseFloat(document.getElementById('Total_Debt').value);
if(street_address && property_name && city && state && postal_code){
if(document.getElementById("errmsgfreditprprty")) {
document.getElementById("errmsgfreditprprty").remove();
}
const map= new Map();
map.set('currentAccountId',acc_id);
map.set('action','Add');
map.set('city',city.replace(/\s/g, '+'));
map.set('name',property_name.replace(/\s/g, '+'));
map.set('postalCode',postal_code);
map.set('state',state);
map.set('street',street_address.replace(/\s/g, '+'));
state_building_number ? map.set('suiteBuildingNumber',state_building_number) : '';
buildings_number ? map.set('numOfBuildings',buildings_number) : '';
stories_number ? map.set('numOfStories',stories_number) : '';
size_square ? map.set('sizeSQFTGross',size_square) : '';
lot_size ? map.set('lotSizeAcres',lot_size) : '';
year_renovated ? map.set('yearBuildRenovated',year_renovated) : '';
quality ? map.set('buildingQuality',quality) : '';
property_type && property_type != 'Unspecified' ? map.set('type',property_type) : '';
property_sub_type ? map.set('subType',property_sub_type) : '';
tenancy ? map.set('tenancy',tenancy) : '';
tenants_number ? map.set('numOfTenants',tenants_number) : '';
date_purchased ? map.set('datePurchased',date_purchased) : '';
mortgage_maturity_date ? map.set('mortgageMaturityDate',mortgage_maturity_date) : '';
purchase_price ? map.set('purchasePrice',purchase_price) : '';
total_debt ? map.set('totalDebt',total_debt) : '';
const json = JSON.stringify(Object.fromEntries(map));
myWorker.postMessage(["request-add-new-property", accountId, url,json]);
myWorker.onmessage = function (e) {
if(e['data']['error']){
console.log(e['data']['error']);
if(document.getElementById("errmsgfredit")) {
}else {
$('Please fill all inputs
').insertBefore("#AddSubmitBtnLayout");
}
}else {
if(document.getElementById("errmsgfredit")) {
document.getElementById("errmsgfredit").remove();
}
hideEdit();
}
}
}else{
if(document.getElementById("errmsgfreditprprty")){
}
else{
$('Please fill all inputs
' ).insertBefore( "#AddSubmitBtnLayout");
}
}
}
function analyticsGraph(data, color=themeColor,secondColor=secColor){
let datasets = [];
data.forEach(function(entry) {
let data = {
data: [parseFloat(entry[0]),(360-parseFloat(entry[0]))],
backgroundColor: [
entry[1],
secondColor
],
weight: 0.5,
borderColor: color,
borderWidth: 7,
}
datasets.push(data);
});
let basic_element = {
data: [360],
backgroundColor: [
color,
],
weight: 6 - ((data.length)*0.5),
borderColor: color,
}
datasets.push(basic_element);
return {
labels: [],
datasets: datasets,
};
}
function editProfile(){
if(is_admin) {
tippy('#profile_pic', {
content: "Sorry you have to login to edit profile",
theme: 'light',
});
}else {
if(document.getElementById("darkModecheckbox").checked == true){
window.location.href = 'https://zeustra.com' + '/editprofile?cid=' + '' + "&cdn=" + '' + "&ud=" + '' + "&mode=light";
}else {
window.location.href = 'https://zeustra.com' + '/editprofile?cid=' + '' + "&cdn=" + '' + "&ud=" + '' + "&mode=dark";
}
}
}
function appearDarkSlider(){
const checkbox = document.getElementById('darkModecheckbox');
checkbox.addEventListener('change', ()=>{
if(document.getElementById("darkModecheckbox").checked == true){
map_styles = [];
map_styles_2 = [];
$('#data-store-locator').empty();
configuration_map();
customViews();
storeLocatorBright();
tableNlocatorsArr()
// sharpLaunch( latitude_to_send,longitude_to_send,name_to_send,address_to_send,id_to_send, map_styles);
saveModeInDB('light');
}else{
map_styles = [
{elementType: "geometry", stylers: [{color: "#242f3e"}]},
{elementType: "labels.text.stroke", stylers: [{color: "#242f3e"}]},
{elementType: "labels.text.fill", stylers: [{color: "#746855"}]},
{
featureType: "administrative.locality",
elementType: "labels.text.fill",
stylers: [{color: "#d59563"}],
},
{
featureType: "poi",
elementType: "labels.text.fill",
stylers: [{color: "#d59563"}],
},
{
featureType: "poi.park",
elementType: "geometry",
stylers: [{color: "#263c3f"}],
},
{
featureType: "poi.park",
elementType: "labels.text.fill",
stylers: [{color: "#6b9a76"}],
},
{
featureType: "road",
elementType: "geometry",
stylers: [{color: "#38414e"}],
},
{
featureType: "road",
elementType: "geometry.stroke",
stylers: [{color: "#212a37"}],
},
{
featureType: "road",
elementType: "labels.text.fill",
stylers: [{color: "#9ca5b3"}],
},
{
featureType: "road.highway",
elementType: "geometry",
stylers: [{color: "#746855"}],
},
{
featureType: "road.highway",
elementType: "geometry.stroke",
stylers: [{color: "#1f2835"}],
},
{
featureType: "road.highway",
elementType: "labels.text.fill",
stylers: [{color: "#f3d19c"}],
},
{
featureType: "transit",
elementType: "geometry",
stylers: [{color: "#2f3948"}],
},
{
featureType: "transit.station",
elementType: "labels.text.fill",
stylers: [{color: "#d59563"}],
},
{
featureType: "water",
elementType: "geometry",
stylers: [{color: "#17263c"}],
},
{
featureType: "water",
elementType: "labels.text.fill",
stylers: [{color: "#515c6d"}],
},
{
featureType: "water",
elementType: "labels.text.stroke",
stylers: [{color: "#17263c"}],
}
];
map_styles_2 = [
{elementType: "geometry", stylers: [{color: "#242f3e"}]},
{elementType: "labels.text.stroke", stylers: [{color: "#242f3e"}]},
{elementType: "labels.text.fill", stylers: [{color: "#746855"}]},
{
featureType: "administrative.locality",
elementType: "labels.text.fill",
stylers: [{color: "#d59563"}],
},
{
featureType: "poi",
elementType: "labels.text.fill",
stylers: [{color: "#d59563"}],
},
{
featureType: "poi.park",
elementType: "geometry",
stylers: [{color: "#263c3f"}],
},
{
featureType: "poi.park",
elementType: "labels.text.fill",
stylers: [{color: "#6b9a76"}],
},
{
featureType: "road",
elementType: "geometry",
stylers: [{color: "#38414e"}],
},
{
featureType: "road",
elementType: "geometry.stroke",
stylers: [{color: "#212a37"}],
},
{
featureType: "road",
elementType: "labels.text.fill",
stylers: [{color: "#9ca5b3"}],
},
{
featureType: "road.highway",
elementType: "geometry",
stylers: [{color: "#746855"}],
},
{
featureType: "road.highway",
elementType: "geometry.stroke",
stylers: [{color: "#1f2835"}],
},
{
featureType: "road.highway",
elementType: "labels.text.fill",
stylers: [{color: "#f3d19c"}],
},
{
featureType: "transit",
elementType: "geometry",
stylers: [{color: "#2f3948"}],
},
{
featureType: "transit.station",
elementType: "labels.text.fill",
stylers: [{color: "#d59563"}],
},
{
featureType: "water",
elementType: "geometry",
stylers: [{color: "#17263c"}],
},
{
featureType: "water",
elementType: "labels.text.fill",
stylers: [{color: "#515c6d"}],
},
{
featureType: "water",
elementType: "labels.text.stroke",
stylers: [{color: "#17263c"}],
}
];
$('#data-store-locator').empty();
configuration_map();
customViews();
tableNlocatorsArr()
removeClass(".store-locator_store_address","blackText")
removeClass(".store-locator_store_summary","blackText")
removeClass(".store-locator_nav_header","darkerBlueequal")
removeClass(".store-locator_list","darkerBlueequal")
removeClass(".store-locator_nav","nextIsDarkBlueequal")
// sharpLaunch( latitude_to_send,longitude_to_send,name_to_send,address_to_send,id_to_send, map_styles);
saveModeInDB('dark');
}
if(document.getElementById("darkModecheckbox").checked == true){
classAdder(".leaflet-tooltip","darkBlueequal")
classAdder(".arrow-down","arrow-down-light")
changeCssVariable('#F5DEB3')
}else{
classRemover(".leaflet-tooltip","darkBlueequal")
classRemover(".arrow-down","arrow-down-light")
changeCssVariable('#555555')
}
classToggler(".menu-list-link","hoverElementLight")
classAdder(".w-dropdown-toggle","boxShadowLight")
classAdder(".w-dropdown-toggle","boxShadowLight")
classToggler(".div-block-head4","darkBlueequal")
classToggler(".nav-menu-8","darkBlueequal")
document.getElementById('addTenantSearch').classList.add("boxShadowLight")
document.getElementById('text_input').classList.add("boxShadowLight")
classToggler(".menu-list-link","darkerBlueequal")
classToggler(".chartContainer","darkBlueequal")
classToggler(".dashboard-details-data","darkBlueequal")
classToggler(".w-mod-js","darkBlueequal")
classToggler(".div-block-21","darkBlueequal")
classToggler(".first-raw","darkBlueequal")
classToggler(".menu-link","darkerBlueequalhover")
classToggler(".last-update","darkBlueequal")
classToggler(".div-block-head3","darkBlueequal")
classToggler(".main-section","darkBlueequal")
classToggler(".properties-details-data","darkBlueequal")
classToggler(".left-info-section","darkBlueequal")
classToggler(".rignt-info-section","darkBlueequal")
classToggler(".mapSideBar","darkerBlueequal")
classToggler(".property","darkBlueequal")
classToggler(".text-block-565879","darkBlueequal")
classToggler(".property-copy","darkerBlueequal")
classToggler(".find-nearby","darkerBlueequal")
classToggler(".text-block-22","darkBlueequal")
classToggler(".FooterButtons","darkerBlueequal")
classToggler(".details-inside-box","darkerBlueequal")
classToggler(".details-div","darkerBlueequal")
classToggler(".modify_remove_property_details_buttons","darkerBlueequal")
classToggler(".editPropertyHeader","darkerBlueequal")
classToggler(".editForm ","darkBlueequal")
classToggler(".mySlides","darkBlueequal")
classToggler(".main-white-text","blackText")
classToggler(".text-block-2","blackText")
classToggler(".text-block-4","blackText")
classToggler(".text-block-27","blackText")
classToggler(".deletePopUpButtons","darkerBlueequal")
classToggler(".popupAccountDetail ","darkBlueequal")
classToggler(".spanStyle","blackText")
classToggler(".div-block-3","darkBlueequal")
classToggler("body","darkBlueequal")
classToggler(".editTenantsPopUpContainer","darkBlueequal")
classToggler(".editTenantInputContainer input","darkBlueequal")
if(document.getElementById("darkModecheckbox").checked == true){
addClass(".check-label","blackText")
addClass(".list-element","hover-lightmode")
}else{
removeClass(".check-label","blackText")
removeClass(".list-element","hover-lightmode")
}
classToggler(".popUpButton > svg","blackSVG")
classToggler(".popUpExitButton_popup svg","blackSVG")
classToggler(".Data_Section_button","darkerBlueequal")
if(document.getElementById("darkModecheckbox").checked == true){
classAdder(".Data_Section_buttonOnMap","darkerBlueequal")
}else{
classRemover(".Data_Section_buttonOnMap","darkerBlueequal")
}
classToggler(".popUpExitButton svg","blackSVG")
classToggler('#popup',"darkBlueequal")
classToggler(".innerEditFormSec","offWhiteBgI")
classToggler('.gridImageSwitch + div',"bg-transparent")
classToggler('.image-tenants-block',"blackBorder")
document.getElementById('editPropertyModalPropertyDetails').classList.add("blackBorder")
document.getElementById('add_tenant_popup').classList.toggle("darkBlueequal")
document.getElementById('add_tenant_popup').classList.add("boxShadowLight")
document.getElementById('addTenantSearch').classList.toggle("darkBlueequal")
document.getElementById('addPropertySearch').classList.toggle("darkerBlueequal")
document.getElementById('add_popup').classList.toggle("darkBlueequal")
document.getElementById('add_popup').classList.toggle("boxShadowLight")
document.getElementById('search_for_account_popup').classList.toggle("darkBlueequal")
document.getElementById('delete_popup').classList.toggle("darkBlueequal")
document.getElementById('nextFooter').classList.toggle("darkerBlueequal")
document.getElementById('prevFooter').classList.toggle("darkerBlueequal")
document.getElementById('prevFooterWrapper').classList.toggle("darkerBlueequal")
document.getElementById('nextFooterWrapper').classList.toggle("darkerBlueequal")
document.getElementById('sidebarContainer').classList.toggle("darkerBlueequal")
document.getElementById('sidebarHeader').classList.toggle("darkBlueequal")
document.getElementById('navbarContainer').classList.toggle("darkBlueequal")
document.getElementById('annotations-list').classList.toggle("darkerBlueequal")
document.getElementById('description-block').classList.toggle("darkBlueequal")
document.getElementById('address-one-block-two').classList.toggle("darkBlueequal")
document.getElementById('address-one-block-one').classList.toggle("darkBlueequal")
document.getElementById('slides').classList.toggle("darkBlueequal")
document.getElementById('addPopUpButton').classList.toggle("orangeBgI")
document.getElementById('clear-Button').classList.toggle("orangeBg")
document.getElementById('save-Button').classList.toggle("saveButton")
document.getElementById('data-store-locator').classList.toggle("darkerBlueequal")
classAdder(".popUpExitButtonDetail > svg","blackSVG")
document.getElementById('view_tenant_popup').classList.toggle("darkerBlueequal")
document.getElementById('edit_tenant_popup').classList.toggle("darkerBlueequal")
tableNlocatorsArr()
arrowsOnSlider()
if(document.getElementById("darkModecheckbox").checked == true){
classAdder(".propIcon .text-block-10","hover-lightmode")
classAdder(".propIcon img","hover-lightmode")
classAdder(".propIcon","hover-lightmode")
classAdder(".div-block-34","blackBorder")
}else{
classRemover(".propIcon .text-block-10","hover-lightmode")
classRemover(".propIcon img","hover-lightmode")
classRemover(".propIcon","hover-lightmode")
}
if(document.querySelector('#w-node-cfe262f0-70e2-cf0b-d296-74d32adb20fd-fbb5b848>img').src == file_path+ "includes//assets/images/help-icon.svg"){
document.querySelector('#w-node-cfe262f0-70e2-cf0b-d296-74d32adb20fd-fbb5b848>img').src = file_path+ "includes//assets/images/help-icon-dark.svg"
}else if(document.querySelector('#w-node-cfe262f0-70e2-cf0b-d296-74d32adb20fd-fbb5b848>img').src == file_path+ "includes//assets/images/help-icon-dark.svg"){
document.querySelector('#w-node-cfe262f0-70e2-cf0b-d296-74d32adb20fd-fbb5b848>img').src = file_path+ "includes//assets/images/help-icon.svg"
}
if(document.querySelector('#sidebarHeader>img').src == file_path+ "includes//assets/images/Logo.svg"){
document.querySelector('#sidebarHeader>img').src = file_path+ "includes//assets/images/Logo-dark.svg"
}else if(document.querySelector('#sidebarHeader>img').src == file_path+ "includes//assets/images/Logo-dark.svg"){
document.querySelector('#sidebarHeader>img').src = file_path+ "includes//assets/images/Logo.svg"
}
if(document.querySelector('.div-block-2>img').src == file_path+ "includes//assets/images/ic_dashboard_24px-white.svg"){
document.querySelector('.div-block-2>img').src = file_path+ "includes//assets/images/ic_dashboard_24px-black.svg"
}else if(document.querySelector('.div-block-2>img').src == file_path+ "includes//assets/images/ic_dashboard_24px-black.svg"){
document.querySelector('.div-block-2>img').src = file_path+ "includes//assets/images/ic_dashboard_24px-white.svg"
}
if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Street_View.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Street_View.svg"]').src = file_path+ "includes//assets/images/Street_View-black.svg"
}else if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Street_View-black.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Street_View-black.svg"]').src = file_path+ "includes//assets/images/Street_View.svg"
}
if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Map.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Map.svg"]').src = file_path+ "includes//assets/images/Map-black.svg"
}else if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Map-black.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Map-black.svg"]').src = file_path+ "includes//assets/images/Map.svg"
}
if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Grid.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Grid.svg"]').src = file_path+ "includes//assets/images/Grid-black.svg"
}else if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Grid-black.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Grid-black.svg"]').src = file_path+ "includes//assets/images/Grid.svg"
}
if(document.querySelector('img[src*="'+file_path+'includes//assets/images/pngkey.com-menu-icon-png-9694963-light.png"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/pngkey.com-menu-icon-png-9694963-light.png"]').src = file_path+ "includes//assets/images/pngkey.com-menu-icon-png-9694963.png"
}else if(document.querySelector('img[src*="'+file_path+'includes//assets/images/pngkey.com-menu-icon-png-9694963.png"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/pngkey.com-menu-icon-png-9694963.png"]').src = file_path+ "includes//assets/images/pngkey.com-menu-icon-png-9694963-light.png"
}
if(document.getElementById("darkModecheckbox").checked == false){
let listofImages = document.querySelectorAll('img[src*= "https://zeustra.com/wp-content/plugins/Account/includes/assets/images/MapPlaceholder-light.png"]')
for (const i of listofImages) {
i.src ='https://zeustra.com/wp-content/plugins/Account/includes/assets/images/MapPlaceholder.png'
}}else if(document.getElementById("darkModecheckbox").checked == true){
let listofImagesDark = document.querySelectorAll('img[src*= "https://zeustra.com/wp-content/plugins/Account/includes/assets/images/MapPlaceholder.png"]')
for (const i of listofImagesDark) {
i.src = "https://zeustra.com/wp-content/plugins/Account/includes/assets/images/MapPlaceholder-light.png"
}}
if(document.getElementById("darkModecheckbox").checked == true){
themeColor="#DFE0DF"
secColor ="#FFF6E8"
var styles = `
.tippy-box[data-theme~='light'] {
background-color: #FFF6E8;
}
#tooltip {
background-color: #FFF6E8;
}`
var styleSheet = document.createElement("style")
styleSheet.innerText = styles
document.head.appendChild(styleSheet)
}else{
themeColor="#262626"
secColor ="#2E2F35"
var styles = `
.tippy-box[data-theme~='light'] {
background-color: #15171E;
}
#tooltip {
background-color: #222222;
}`
var styleSheet = document.createElement("style")
styleSheet.innerText = styles
document.head.appendChild(styleSheet)
}
embedTheGraph("geographyGraphArea", geography_data_array)
embedTheGraph("propertyTypeGraphArea", property_type_data_array)
embedTheGraph("transactionsGraphArea", transactions_data_array)
})
}
function classToggler (classOfList, classToToggle){
let list = document.querySelectorAll(classOfList)
for (const i of list) {
i.classList.toggle(classToToggle);
}
}
function classAdder (classOfList, classToToggle){
let list = document.querySelectorAll(classOfList)
for (const i of list) {
i.classList.add(classToToggle);
}
}
function classRemover (classOfList, classToToggle){
let list = document.querySelectorAll(classOfList)
for (const i of list) {
i.classList.remove(classToToggle);
}
}
function tableNlocatorsArr(){
if(document.getElementById("darkModecheckbox").checked == true ){
document.getElementById('next_btn').src= file_path+ "includes//assets/images/form-next-svgrepo-com-light.svg"
document.getElementById('next_btn').style.height = "15px"
document.querySelector('#btn_next > img').src= file_path+ "includes//assets/images/form-next-svgrepo-com-light.svg"
document.querySelector('#btn_next > img').style.height = "15px"
document.querySelector('#btn_prev > img').src= file_path+ "includes//assets/images/form-next-svgrepo-com-02-light.svg"
document.querySelector('#btn_prev > img').style.height = "15px"
document.getElementById('prev_btn').src= file_path+ "includes//assets/images/form-next-svgrepo-com-02-light.svg"
document.getElementById('prev_btn').style.height = "15px"
document.querySelector('#btn_prev1 > img').src= file_path+ "includes//assets/images/form-next-svgrepo-com-02-light.svg"
document.querySelector('#btn_prev1 > img').style.height = "15px"
document.querySelector('#btn_next1 > img').src= file_path+ "includes//assets/images/form-next-svgrepo-com-light.svg"
document.querySelector('#btn_next1 > img').style.height = "15px"
}else{
document.getElementById('next_btn').src= file_path+ "includes//assets/images/form-next-svgrepo-com.svg"
document.getElementById('btn_next').src= file_path+ "includes//assets/images/form-next-svgrepo-com.svg"
document.getElementById('prev_btn').src= file_path+ "includes//assets/images/form-next-svgrepo-com-02.svg"
document.querySelector('#btn_prev1 > img').src= file_path+ "includes//assets/images/form-next-svgrepo-com-02.svg"
document.querySelector('#btn_next1 > img').src= file_path+ "includes//assets/images/form-next-svgrepo-com.svg"
document.querySelector('#btn_next > img').src= file_path+ "includes//assets/images/form-next-svgrepo-com.svg"
document.querySelector('#btn_prev > img').src= file_path+ "includes//assets/images/form-next-svgrepo-com-02.svg"
}
}
function removeClass (classOfList, classToToggle){
let list = document.querySelectorAll(classOfList)
if(list) {
for (const i of list) {
i.classList.remove(classToToggle);
}
}
}
function addClass (classOfList, classToToggle){
let list = document.querySelectorAll(classOfList)
if(list) {
for (const i of list) {
i.classList.add(classToToggle);
}
}
}
function arrowsOnSlider(){
if(document.getElementById("darkModecheckbox").checked == true){
classAdder('#nextWrapper > svg',"blackSVG")
document.getElementById('nextWrapper').classList.add("darkerBlueequal")
}else{
classRemover('#nextWrapper > svg',"blackSVG")
document.getElementById('nextWrapper').classList.remove("darkerBlueequal")
}
if(document.getElementById("darkModecheckbox").checked == true){
classAdder('#prevWrapper > svg',"blackSVG")
document.getElementById('prevWrapper').classList.add("darkerBlueequal")
}
else{
classRemover('#prevWrapper > svg',"blackSVG")
document.getElementById('prevWrapper').classList.remove("darkerBlueequal")
}
}
function storeLocatorBright(){
classToggler(".store-locator_store_address","blackText")
classToggler(".store-locator_store_summary","blackText")
classToggler(".store-locator_nav_header","darkerBlueequal")
classToggler(".store-locator_list","darkerBlueequal")
classToggler(".store-locator_nav","nextIsDarkBlueequal")
}
let themeColor= "#262626"
let secColor ="#2E2F35"
function saveModeInDB(mode){
let arr = {'mode': mode, 'action':'update_user_mode'};
var path = 'https://zeustra.com/wp-admin/admin-ajax.php';
if(!is_admin) {
$.ajax({
type: 'POST',
url: path,
data: arr,
success: function (msg) {
console.log(msg);
},
error: function (jqXhr, textStatus, errorMessage) {
console.log('errorMessage:', errorMessage);
}
});
}
}
function changeToLightMode(){
// arrowsOnSlider()
if(document.getElementById("darkModecheckbox").checked == true){
addClass(".check-label","blackText")
addClass(".list-element","hover-lightmode")
changeCssVariable('#F5DEB3')
}else{
changeCssVariable('#555555')
removeClass(".check-label","blackText")
removeClass(".list-element","hover-lightmode")
}
classToggler(".menu-list-link","hoverElementLight")
classAdder(".w-dropdown-toggle","boxShadowLight")
classToggler(".Data_Section_button","darkerBlueequal")
if(document.getElementById("darkModecheckbox").checked == true){
classAdder(".Data_Section_buttonOnMap","darkerBlueequal")
}else{
classRemover(".Data_Section_buttonOnMap","darkerBlueequal")
}
classAdder(".div-block-34","blackBorder")
classAdder(".propIcon .text-block-10","hover-lightmode")
classAdder(".propIcon img","hover-lightmode")
classAdder(".propIcon","hover-lightmode")
classAdder(".w-dropdown-toggle","boxShadowLight")
classAdder(".div-block-head4","darkBlueequal")
document.getElementById('addTenantSearch').classList.add("boxShadowLight")
document.getElementById('text_input').classList.add("boxShadowLight")
document.getElementById('editPropertyModalPropertyDetails').classList.add("blackBorder")
classToggler(".menu-list-link","darkerBlueequal")
classToggler(".chartContainer","darkBlueequal")
classToggler(".detials-white","darkBlueequal")
classToggler(".dashboard-details-data","darkBlueequal")
classToggler(".w-mod-js","darkBlueequal")
classToggler(".div-block-21","darkBlueequal")
classToggler(".first-raw","darkBlueequal")
classToggler(".menu-link","darkerBlueequalhover")
classToggler(".last-update","darkBlueequal")
classToggler(".div-block-head3","darkBlueequal")
classToggler(".main-section","darkBlueequal")
classToggler(".properties-details-data","darkBlueequal")
classToggler(".left-info-section","darkBlueequal")
classToggler(".rignt-info-section","darkBlueequal")
classToggler(".mapSideBar","darkerBlueequal")
classToggler(".property","darkBlueequal")
classToggler(".text-block-565879","darkBlueequal")
classToggler(".property-copy","darkerBlueequal")
classToggler(".find-nearby","darkerBlueequal")
classToggler(".text-block-22","darkBlueequal")
classToggler(".FooterButtons","darkerBlueequal")
classToggler(".details-inside-box","darkerBlueequal")
classToggler(".details-div","darkerBlueequal")
classToggler(".modify_remove_property_details_buttons","darkerBlueequal")
classToggler(".editPropertyHeader","darkerBlueequal")
classToggler(".editForm ","darkBlueequal")
classToggler(".mySlides","darkBlueequal")
classToggler(".main-white-text","blackText")
classToggler(".text-block-2","blackText")
classToggler(".text-block-4","blackText")
classToggler(".text-block-27","blackText")
classToggler(".deletePopUpButtons","darkerBlueequal")
classToggler(".popupAccountDetail ","darkBlueequal")
classToggler(".spanStyle","blackText")
classToggler(".div-block-3","darkBlueequal")
classToggler("body","darkBlueequal")
classToggler(".editTenantsPopUpContainer","darkBlueequal")
classToggler(".nav-menu-8","darkBlueequal")
classToggler(".editTenantInputContainer input","darkBlueequal")
classAdder(".w-dropdown-toggle","boxShadowLight")
classToggler(".innerEditFormSec","offWhiteBgI")
classAdder(".editForm","boxShadowLight")
classAdder(".editTenantsPopUpContainer","boxShadowLight")
classAdder(".popupAccountSearch","boxShadowLight")
classAdder(".popupAccountDetail","boxShadowLight")
classAdder(".popUpExitButtonDetail > svg","blackSVG")
classToggler(".popUpButton > svg","blackSVG")
classToggler(".popUpExitButton_popup svg","blackSVG")
classToggler(".popUpExitButton svg","blackSVG")
classToggler('.image-tenants-block',"blackBorder")
document.getElementById('add_tenant_popup').classList.toggle("darkBlueequal")
document.getElementById('add_tenant_popup').classList.add("boxShadowLight")
document.getElementById('addTenantSearch').classList.toggle("darkBlueequal")
document.getElementById('addTenantSearch').classList.add("boxShadowLight")
document.getElementById('text_input').classList.add("boxShadowLight")
document.getElementById('addPropertySearch').classList.toggle("darkerBlueequal")
document.getElementById('add_popup').classList.toggle("darkBlueequal")
document.getElementById('add_popup').classList.toggle("boxShadowLight")
document.getElementById('search_for_account_popup').classList.toggle("darkBlueequal")
document.getElementById('delete_popup').classList.toggle("darkBlueequal")
document.getElementById('nextFooter').classList.toggle("darkerBlueequal")
document.getElementById('prevFooter').classList.toggle("darkerBlueequal")
if(document.getElementById("darkModecheckbox").checked == true){
classAdder('#nextWrapper > svg',"blackSVG")
document.getElementById('nextWrapper').classList.add("darkerBlueequal")
}else{
classRemover('#nextWrapper > svg',"blackSVG")
document.getElementById('nextWrapper').classList.remove("darkerBlueequal")
}
if(document.getElementById("darkModecheckbox").checked == true){
classAdder('#prevWrapper > svg',"blackSVG")
document.getElementById('prevWrapper').classList.add("darkerBlueequal")
}
else{
classRemover('#prevWrapper > svg',"blackSVG")
document.getElementById('prevWrapper').classList.remove("darkerBlueequal")
}
document.getElementById('prevFooterWrapper').classList.toggle("darkerBlueequal")
document.getElementById('nextFooterWrapper').classList.toggle("darkerBlueequal")
document.getElementById('sidebarContainer').classList.toggle("darkerBlueequal")
document.getElementById('sidebarHeader').classList.toggle("darkBlueequal")
document.getElementById('navbarContainer').classList.toggle("darkBlueequal")
document.getElementById('annotations-list').classList.toggle("darkerBlueequal")
document.getElementById('description-block').classList.toggle("darkBlueequal")
document.getElementById('address-one-block-two').classList.toggle("darkBlueequal")
document.getElementById('address-one-block-one').classList.toggle("darkBlueequal")
document.getElementById('slides').classList.toggle("darkBlueequal")
document.getElementById('addPopUpButton').classList.toggle("orangeBgI")
document.getElementById('clear-Button').classList.toggle("orangeBg")
document.getElementById('save-Button').classList.toggle("saveButton")
document.getElementById('data-store-locator').classList.toggle("darkerBlueequal")
document.getElementById('view_tenant_popup').classList.toggle("darkerBlueequal")
document.getElementById('edit_tenant_popup').classList.toggle("darkerBlueequal")
document.getElementById('delete_popup_tenant').classList.add("boxShadowLight")
document.getElementById('search_for_account_popup_detail').classList.toggle("darkBlueequal")
if(document.querySelector('#w-node-cfe262f0-70e2-cf0b-d296-74d32adb20fd-fbb5b848>img').src == file_path+ "includes//assets/images/help-icon.svg"){
document.querySelector('#w-node-cfe262f0-70e2-cf0b-d296-74d32adb20fd-fbb5b848>img').src = file_path+ "includes//assets/images/help-icon-dark.svg"
}else if(document.querySelector('#w-node-cfe262f0-70e2-cf0b-d296-74d32adb20fd-fbb5b848>img').src == file_path+ "includes//assets/images/help-icon-dark.svg"){
document.querySelector('#w-node-cfe262f0-70e2-cf0b-d296-74d32adb20fd-fbb5b848>img').src = file_path+ "includes//assets/images/help-icon.svg"
}
if(document.querySelector('#sidebarHeader>img').src == file_path+ "includes//assets/images/Logo.svg"){
document.querySelector('#sidebarHeader>img').src = file_path+ "includes//assets/images/Logo-dark.svg"
}else if(document.querySelector('#sidebarHeader>img').src == file_path+ "includes//assets/images/Logo-dark.svg"){
document.querySelector('#sidebarHeader>img').src = file_path+ "includes//assets/images/Logo.svg"
}
if(document.querySelector('.div-block-2>img').src == file_path+ "includes//assets/images/ic_dashboard_24px-white.svg"){
document.querySelector('.div-block-2>img').src = file_path+ "includes//assets/images/ic_dashboard_24px-black.svg"
}else if(document.querySelector('.div-block-2>img').src == file_path+ "includes//assets/images/ic_dashboard_24px-black.svg"){
document.querySelector('.div-block-2>img').src = file_path+ "includes//assets/images/ic_dashboard_24px-white.svg"
}
if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Street_View.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Street_View.svg"]').src = file_path+ "includes//assets/images/Street_View-black.svg"
}else if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Street_View-black.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Street_View-black.svg"]').src = file_path+ "includes//assets/images/Street_View.svg"
}
if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Map.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Map.svg"]').src = file_path+ "includes//assets/images/Map-black.svg"
}else if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Map-black.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Map-black.svg"]').src = file_path+ "includes//assets/images/Map.svg"
}
if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Grid.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Grid.svg"]').src = file_path+ "includes//assets/images/Grid-black.svg"
}else if(document.querySelector('img[src*="'+file_path+'includes//assets/images/Grid-black.svg"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/Grid-black.svg"]').src = file_path+ "includes//assets/images/Grid.svg"
}
if(document.querySelector('img[src*="'+file_path+'includes//assets/images/pngkey.com-menu-icon-png-9694963-light.png"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/pngkey.com-menu-icon-png-9694963-light.png"]').src = file_path+ "includes//assets/images/pngkey.com-menu-icon-png-9694963.png"
}else if(document.querySelector('img[src*="'+file_path+'includes//assets/images/pngkey.com-menu-icon-png-9694963.png"]')){
document.querySelector('img[src*="'+file_path+'includes//assets/images/pngkey.com-menu-icon-png-9694963.png"]').src = file_path+ "includes//assets/images/pngkey.com-menu-icon-png-9694963-light.png"
}
if(document.getElementById("darkModecheckbox").checked == false){
let listofImages = document.querySelectorAll('img[src*= "https://zeustra.com/wp-content/plugins/Account/includes/assets/images/MapPlaceholder-light.png"]')
for (const i of listofImages) {
i.src ='https://zeustra.com/wp-content/plugins/Account/includes/assets/images/MapPlaceholder.png'
}}else if(document.getElementById("darkModecheckbox").checked == true){
let listofImagesDark = document.querySelectorAll('img[src*= "https://zeustra.com/wp-content/plugins/Account/includes/assets/images/MapPlaceholder.png"]')
for (const i of listofImagesDark) {
i.src = "https://zeustra.com/wp-content/plugins/Account/includes/assets/images/MapPlaceholder-light.png"
}}
if(document.getElementById("darkModecheckbox").checked == true){
classAdder(".leaflet-tooltip","darkBlueequal")
classAdder(".arrow-down","arrow-down-light")
}else{
classRemover(".leaflet-tooltip","darkBlueequal")
classRemover(".arrow-down","arrow-down-light")
}
document.getElementById("darkModecheckbox").checked = true;
themeColor="#DFE0DF"
secColor ="#FFF6E8"
var styles =`
.tippy-box[data-theme~='light'] {
background-color: #FFF6E8;
}
#tooltip {
background-color: #FFF6E8;
}`
var styleSheet = document.createElement("style")
styleSheet.innerText = styles
document.head.appendChild(styleSheet)
}
function changeCssVariable(color){
let varColor = document.querySelector('.store-locator')
if(varColor){
let stylesOfVar = getComputedStyle(varColor)
if(stylesOfVar){
varColor.style.setProperty('--sl-background-selected',color)
}
}
}