Zeustra Account Page
EDIT PROPERTY
LOCATION
BUILDING/LOT
USAGE
FINANCIAL
logo navigation to the dashboard
# Of Buildings
Gross Area (Sq.Ft.)
%leased
NOI
# of Units
Cost/Units($)
Portfolio Value
Avg. Gross Area
Cost/PSF ($)
Cost/Building ($)
Avg. Age
Avg. Hold
Geography
Property Type
Transactions
Reset
Property Name
Address
City
Tenants
State
Zip
Type
Subtype
Size
GLA
Stake
` gridBtn.addEventListener('click', function () { gridBtn.style.filter ="invert(76%) sepia(16%) saturate(1570%) hue-rotate(331deg) brightness(86%) contrast(92%)" gridBtnModal.style.filter ="invert(76%) sepia(16%) saturate(1570%) hue-rotate(331deg) brightness(86%) contrast(92%)" listBtn.style.filter="invert(30%) sepia(2%) saturate(0%) hue-rotate(1deg) brightness(93%) contrast(84%)" listBtnModal.style.filter="invert(30%) sepia(2%) saturate(0%) hue-rotate(1deg) brightness(93%) contrast(84%)" document.getElementById('listViewSwitch').classList.add('gl-disappear') document.getElementById('listViewSwitchModal').classList.add('gl-disappear') document.getElementById('gridViewSwitch').classList.remove('gl-disappear') document.getElementById('gridViewSwitchModal').classList.remove('gl-disappear') }) gridBtnModal.addEventListener('click', function () { gridBtn.style.filter ="invert(76%) sepia(16%) saturate(1570%) hue-rotate(331deg) brightness(86%) contrast(92%)" gridBtnModal.style.filter ="invert(76%) sepia(16%) saturate(1570%) hue-rotate(331deg) brightness(86%) contrast(92%)" listBtn.style.filter="invert(30%) sepia(2%) saturate(0%) hue-rotate(1deg) brightness(93%) contrast(84%)" listBtnModal.style.filter="invert(30%) sepia(2%) saturate(0%) hue-rotate(1deg) brightness(93%) contrast(84%)" document.getElementById('listViewSwitch').classList.add('gl-disappear') document.getElementById('listViewSwitchModal').classList.add('gl-disappear') document.getElementById('gridViewSwitch').classList.remove('gl-disappear') document.getElementById('gridViewSwitchModal').classList.remove('gl-disappear') }) listBtn.addEventListener('click', function () { listBtn.style.filter ="invert(76%) sepia(16%) saturate(1570%) hue-rotate(331deg) brightness(86%) contrast(92%)" listBtnModal.style.filter ="invert(76%) sepia(16%) saturate(1570%) hue-rotate(331deg) brightness(86%) contrast(92%)" gridBtn.style.filter="invert(30%) sepia(2%) saturate(0%) hue-rotate(1deg) brightness(93%) contrast(84%)" gridBtnModal.style.filter="invert(30%) sepia(2%) saturate(0%) hue-rotate(1deg) brightness(93%) contrast(84%)" document.getElementById('listViewSwitch').classList.remove('gl-disappear') document.getElementById('listViewSwitchModal').classList.remove('gl-disappear') document.getElementById('gridViewSwitch').classList.add('gl-disappear') document.getElementById('gridViewSwitchModal').classList.add('gl-disappear') }) listBtnModal.addEventListener('click', function () { listBtn.style.filter ="invert(76%) sepia(16%) saturate(1570%) hue-rotate(331deg) brightness(86%) contrast(92%)" listBtnModal.style.filter ="invert(76%) sepia(16%) saturate(1570%) hue-rotate(331deg) brightness(86%) contrast(92%)" gridBtn.style.filter="invert(30%) sepia(2%) saturate(0%) hue-rotate(1deg) brightness(93%) contrast(84%)" gridBtnModal.style.filter="invert(30%) sepia(2%) saturate(0%) hue-rotate(1deg) brightness(93%) contrast(84%)" document.getElementById('listViewSwitch').classList.remove('gl-disappear') document.getElementById('listViewSwitchModal').classList.remove('gl-disappear') document.getElementById('gridViewSwitch').classList.add('gl-disappear') document.getElementById('gridViewSwitchModal').classList.add('gl-disappear') }) //Switch View functions end// // Collapsing Edit form functions usage.addEventListener('click',function(){collapseOpen(usage)}) financial.addEventListener('click',function(){collapseOpen(financial)}) lcation.addEventListener('click',function(){collapseOpen(lcation)}) buildingLot.addEventListener('click',function(){collapseOpen(buildingLot)}) function collapseOpen(e){ e.classList.toggle("nextIsShown") e.nextElementSibling.classList.toggle("unshow") e.nextElementSibling.classList.toggle("show") } let propertySubtype = document.getElementById('propertySubtype') let propertyType = document.getElementById('propertyType') propertyType.addEventListener('change',changeSubMenu) function changeSubMenu(e){ if( e.target.value =="Apartment"){ propertySubtype.innerHTML = ` ` }else if( e.target.value=="Hotel"){ propertySubtype.innerHTML = ` ` }else if( e.target.value =="Industrial"){ propertySubtype.innerHTML = ` ` }else if( e.target.value =="Office"){ propertySubtype.innerHTML = ` ` }else if( e.target.value =="Retail"){ propertySubtype.innerHTML = ` ` }else if( e.target.value =="Unspecified"){ propertySubtype.innerHTML = ` ` } } function hideEdit(){ jQuery('#editPropertyModal').hide(); if(document.getElementById("errmsgfreditprprty")) { document.getElementById("errmsgfreditprprty").remove(); } if((lcation.className == "innerEditFormSec nextIsShown")){lcation.click();} if((buildingLot.className == "innerEditFormSec nextIsShown")){buildingLot.click();} if((usage.className == "innerEditFormSec nextIsShown")){usage.click();} if((financial.className == "innerEditFormSec nextIsShown")){financial.click();} hide_editPopUp(); } function hide_editPopUp(){ 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') : ''; document.getElementById("postal").value= ''; document.getElementById("streetAddress").value=''; document.getElementById("propertyName").value=''; document.getElementById("building").value=''; //number of suite ---> document.getElementById("city").value=''; document.getElementById("buildings").value= ''; document.getElementById("stories").value= ''; document.getElementById("quality").value= 'Unknown'; document.getElementById("num_tenants").value=''; document.getElementById("size").value=''; //sqft_gross ---> document.getElementById("lot_size").value= ''; document.getElementById("year_built").value=''; document.getElementById("year_renovated").value= ''; $('#quality').val(' '); document.getElementById("Purchase_Price").value=''; // document.getElementById("year_renovated").value=e.data['Year_Rennovated__c'] ? e.data['Year_Rennovated__c'] : '--'; // document.getElementById("year_renovated").value=e.data['Year_Rennovated__c'] ? e.data['Year_Rennovated__c'] : '--'; $('#propertyType').val('Unspecified'); $('#Tenancy').val('Unknown'); } // Collapsing Edit form functions end function open(e) { e.stopImmediatePropagation() if (e.target.classList.contains('menu-list-text')) { e.target.parentElement.parentElement.nextElementSibling.classList.toggle("unshow") e.target.parentElement.parentElement.nextElementSibling.classList.toggle("show") e.target.parentElement.parentElement.classList.toggle('sideMenuArr') } if (e.target.classList.contains('fa') || e.target.classList.contains('div-block-2')) { e.target.parentElement.nextElementSibling.classList.toggle("unshow") e.target.parentElement.nextElementSibling.classList.toggle("show") e.target.parentElement.classList.toggle('sideMenuArr') } else { e.target.nextElementSibling.classList.toggle("unshow") e.target.nextElementSibling.classList.toggle("show") e.target.classList.toggle('sideMenuArr') } } function scrolling() { window.scroll(0, 0); } function createcheckList(arr, arrChecked, id, type = "checkbox", name = "") { arr.forEach(function (item) { let checkBox = document.createElement('input') checkBox.classList.add('checkbox', 'text-block-9') checkBox.type = type checkBox.style.paddingLeft = '40px' let text = document.createElement('label') text.classList.add('check-label') text.style.fontWeight = '200' text.setAttribute("for", item) text.innerHTML = item let listele = document.createElement('li') listele.classList.add('list-element', 'sub-menu-item') checkBox.setAttribute("id", item) checkBox.setAttribute("name", name) checkBox.classList.add('margin-7') listele.appendChild(checkBox) listele.appendChild(text) document.getElementById(id).appendChild(listele) document.getElementById(item).addEventListener('click', (e) => { if (e.target.type == "radio") { arrChecked.length = 0 arrChecked.push(e.target.nextSibling.innerHTML) } else if (e.target.checked) { arrChecked.push(e.target.nextSibling.innerHTML) } // else { // let x = 0 // checkedArray.forEach((a) => { // if (a.length == 1) { // x++; // } // }) // if (x == 1) { // clearFunc() // saveFuncColor() // } // x = 0 // arrChecked.splice(arrChecked.indexOf(e.target.nextSibling.innerHTML), 1) // // } } ) }) } function autocomplete_google() { let autoword = document.getElementById("filterInput"); const autocomplete_filter = new google.maps.places.Autocomplete(autoword, { types: ['(cities)'], componentRestrictions: {country: "us"} }); autocomplete_filter.addListener('place_changed', function () { let state = ""; const place = autocomplete_filter.getPlace(); if (place['address_components'][2]['short_name'].length > 0) { state = place['address_components'][2]['short_name']; } states.push(state); let arr = states; let id = 'statesCheck'; arr.forEach(function (item) { let checkBox = document.createElement('input') checkBox.classList.add('checkbox', 'text-block-9') checkBox.type = "checkbox" checkBox.style.paddingLeft = '40px' checkBox.checked = true let text = document.createElement('label') text.classList.add('check-label') text.style.fontWeight = '200' text.setAttribute("for", item) text.innerHTML = item let listele = document.createElement('li') listele.style.width = "fit-content" listele.classList.add('list-element', 'sub-menu-item') checkBox.setAttribute("id", item) if (!document.getElementById(item)) { listele.appendChild(checkBox) listele.appendChild(text) document.getElementById(id).appendChild(listele) checkedArray[4].push(item) clearNsaveDisEn() document.getElementById(item).addEventListener('click', (e) => { if (e.target.checked == false) { let x = 0 checkedArray.forEach((a) => { if (a.length == 1) { x++ } }) if (x == 1) { clearFunc() saveFuncColor() } x = 0 checkedArray[4].splice(checkedArray[4].indexOf(item), 1) document.getElementById("statesCheck").removeChild(e.target.parentElement) clearNsaveDisEn() } } ) } }) states = []; checkedStates = []; autoword.value = ""; }); } function autoCompleteSearch(value) { let autoCompleteArray = []; let datalist = document.getElementById("autoCompleteList"); $('#autoCompleteList').empty(); return_mapdata.forEach(mapdata => { userMatchesText(mapdata, value, mapdata); function userMatchesText(object, value, text) { if (typeof text === "string") { if (text.toLowerCase().includes(value.toLowerCase()) && object['City__c'] && object['Display_Address__c']) { if (!autoCompleteArray.includes(object['City__c'] + ' : ' + object['Display_Address__c'])) { autoCompleteArray.push(object['City__c'] + ' : ' + object['Display_Address__c']); } } } else { return Object.values(text).some(val => userMatchesText(text, value, val)); } } }); if (autoCompleteArray.length > 40) autoCompleteArray.length = 40; for (let i = 0; i < autoCompleteArray.length; i++) { $(datalist).append(''); } } function onInput() { var val = document.getElementById("location_input").value; var opts = document.getElementById('autoCompleteList').childNodes; for (var i = 0; i < opts.length; i++) { if (opts[i].value === val) { for (i = 0; i < return_mapdata.length - 1; i++) { if (return_mapdata[i]['City__c'] + " : " + return_mapdata[i]['Display_Address__c'] == val) { let Id = return_mapdata[i]['Id']; getpropertydetails(Id); break; } } break; } } } document.getElementById('sidebarContainer').addEventListener('change', clearNsaveDisEn); function clearNsaveDisEn() { let l = checkedArray.length; let x = 0 checkedArray.forEach(function (inarr) { if (inarr.length > 0) { saveButton.classList.remove('disabledC'); saveButton.classList.add('enabledC'); } if (inarr.length == 0) { x++; } }); if (x == l) { saveFuncColor() x = 0 } } saveButton.addEventListener('click', () => { saveFuncColor() if(document.getElementById("darkModecheckbox").checked == true){ classAdder(".store-locator_store_address","blackText") classAdder(".store-locator_store_summary","blackText") classAdder(".store-locator_nav_header","darkerBlueequal") classAdder(".store-locator_list","darkerBlueequal") classAdder(".store-locator_nav","nextIsDarkBlueequal") }}) clearButton.addEventListener('click', clearFunc) function clearFunc() { // reset(); $("#select_num").val(10); $("#select_value").val("All"); $("#text_input").val(""); for (let i = 0; i < menuItems.length; i++) { let arrChecked = menuItems[i].firstChild propertyChecked.splice(propertyChecked.indexOf(arrChecked.innerHTML), 1) tenantsChecked.splice(propertyChecked.indexOf(arrChecked.innerHTML), 1) transactionChecked.splice(propertyChecked.indexOf(arrChecked.innerHTML), 1) transactionSecChecked.splice(propertyChecked.indexOf(arrChecked.innerHTML), 1) checkedStates.splice(propertyChecked.indexOf(arrChecked.innerHTML), 1) arrChecked.checked = false saveButton.classList.add('disabledC'); saveButton.classList.remove('enabledC'); checkedArray = [propertyChecked, tenantsChecked, transactionChecked, transactionSecChecked, checkedStates] } var myDiv = document.getElementById("statesCheck"); myDiv.innerHTML = ""; geofilter(return_mapdata); if(document.getElementById("darkModecheckbox").checked == true){ classAdder(".store-locator_store_address","blackText") classAdder(".store-locator_store_summary","blackText") classAdder(".store-locator_nav_header","darkerBlueequal") classAdder(".store-locator_list","darkerBlueequal") classAdder(".store-locator_nav","nextIsDarkBlueequal") } } //----------------------------------------------------------------Chart-Graph------------------------------------------------------------------------ function chartDateRangePicker(id, year) { var elm = document.getElementById(id), df = document.createDocumentFragment(); for (var i = 1960; i <= (new Date().getFullYear()); i++) { var option = document.createElement('option'); option.value = i; option.appendChild(document.createTextNode(i)); df.appendChild(option); } elm.appendChild(df); document.getElementById(id).value = year; } function searchByYears() { let start_year = document.getElementById('start_year_select').value; let end_year = document.getElementById('end_year_select').value; if (start_year && end_year && start_year < end_year) { document.getElementById("w-form-fail-id").style.visibility = "hidden"; $('#canvasContainer').empty(); $('.chartLoaderContainer').show(); myWorker.postMessage(["request-account-chart-data-by-years", accountId, start_year, end_year, url]); myWorker.onmessage = function (e) { chartData(e.data['InvestmentActivityData']); $('.chartLoaderContainer').hide(); } } else { document.getElementById("w-form-fail-id").style.visibility = "visible"; } } function chartData(data) { $('#canvasContainer').append(''); let permission = "true"; $('.chartLoaderContainer').hide(); let years = Object.keys(data); let values = Object.values(data); let acquisition_values = []; let net_values = []; let disposition_values = []; values.forEach(value => { acquisition_values.push(value['TotalAcquisitionsPrice']); net_values.push(value['NetValue']); disposition_values.push(-value['TotalDispositionsPrice']); }); if (Math.max(...acquisition_values) == 0 & Math.max(...net_values) == 0 && Math.max(...disposition_values) == 0) { permission = "false"; } if (permission == "true") { let elementParent = document.querySelector(".yearPicker"); dataa = "true"; elementParent.style.cssText = 'display:flex;'; var Chart_Body = new Chart("Chart-Body", { type: 'bar', data: { labels: years, datasets: [{ label: 'Acquisition', backgroundColor: "#D59563", data: acquisition_values, categoryPercentage: 0.4, barPercentage: 0.5, xAxisID: "Then", order: 2 }, { label: 'Net', backgroundColor: "#262626", borderColor: "#795ab0", borderWidth: 4, borderSkipped: false, data: net_values, categoryPercentage: 0.6, barPercentage: 0.7, order: 1 }, { label: 'Disposition', backgroundColor: "#439abb", data: disposition_values, categoryPercentage: 0.6, barPercentage: 0.7, order: 2 }], }, options: { tooltips: { displayColors: true, callbacks: { mode: 'x', }, }, responsive: true, scales: { x: { display: false, grid: { display: false }, } , y: { ticks: { callback: function (label) { var results = "$ " + (Math.abs(label / 1000000000)) + " b"; return results; }, }, grid: { display: false }, beginAtZero: true, } }, plugins: { title: { display: true, text: 'Vol ($b)', align: 'start' }, legend: { position: "top", reverse: true, labels: { boxWidth: 20, padding: 30 }, }, }, }, }); } else { if (dataa == "false") { let elementParent = document.querySelector(".yearPicker"); elementParent.style.cssText = 'display:none;'; } $('#canvasContainer').append('
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('
Others
' + 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('
Others
' + 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('
Others
' + 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) } } }