Google Path:
Primary Image
View
Geo Location
Screenshot
Interior
Exterior
Aerial
Image not selected!!!!
Loading...
Fullscreen Screenshot
');
});
document.getElementById('chosen_image').src = chosen_image;
document.getElementById('geo_location_button').classList.add('hiddenScreenshotButton');
document.getElementById('viewImageInSliderForm').classList.add('hiddenScreenshotButton');
document.getElementById('screenshot_button').classList.add('hiddenScreenshotButton');
}else {
document.getElementById('geo_location_button').classList.remove('hiddenScreenshotButton');
document.getElementById('viewImageInSliderForm').classList.remove('hiddenScreenshotButton');
document.getElementById('screenshot_button').classList.remove('hiddenScreenshotButton');
$("#view-type").val("Street-View");
let slides = $('#slides');
slides.empty();
footerSlides.empty();
imagesLinks.forEach(link => {
slides.append('
Fullscreen Screenshot
');
});
config.apiKey = 'AIzaSyDjO8Ud-xcHlMlyyMPrpbJzbo2g79nbvyo';
check_value=fov;
let zoom_val = Math.log(180 / fov) / (Math.log(2));
console.log(zoom_val);
const panorama2 = new google.maps.StreetViewPanorama(
document.querySelector("#streetViewNewContainer"),
{
position: {lat: parseFloat(lat), lng: parseFloat(long)},
zoom: zoom_val,
pov: {
heading: parseFloat(heads),
pitch: pitch
}
}
);
var panoOptions = {
scrollwheel: false,
disableDefaultUI: true,
clickToGo: true,
fullscreenControl: true
, panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
};
panorama2.setOptions(panoOptions);
panorama2.setVisible(true);
panorama2.addListener('position_changed', function () {
lat_shot = parseFloat(panorama2.getPosition().lat());
lang_shot = parseFloat(panorama2.getPosition().lng());
var zoom_out_button = document.querySelectorAll('[title="Zoom out"]')[0];
// zoom_out_button.classList.add('hiddenScreenshotButton');
if(fov >=90){
zoom_out_button.classList.add('hiddenScreenshotButton');
}else {
zoom_out_button.classList.remove('hiddenScreenshotButton');
}
console.log("l" + lat_shot);
console.log("g" + lang_shot);
});
panorama2.addListener('pov_changed', function () {
head_shot = parseFloat(panorama2.getPov().heading);
pitch_shot = parseFloat(panorama2.getPov().pitch);
console.log("h" + head_shot);
console.log("pitch :"+ pitch_shot);
});
panorama2.addListener('zoom_changed', function () {
var zoom_out_button = document.querySelector('[aria-label="Zoom out"]');
let value = Math.round(panorama2.getZoom());
var fov = 180 / Math.pow(2, value);
console.log("fov: "+fov);
if(value == 1){
zoom_out_button.classList.add('hiddenScreenshotButton');
}else {
zoom_out_button.classList.remove('hiddenScreenshotButton');
}
// document.querySelector('[aria-label="Zoom out"]').style.cssText="pointer-events: none;opacity: 0.5;";
fov_shot = fov;
console.log("fov-changed " + fov_shot);
console.log("zoom-value " + value);
});
let value =Math.round(panorama2.getZoom());
var fov_val = 180 / Math.pow(2, value)
lat_shot = parseFloat(panorama2.getPosition().lat());
lang_shot = parseFloat(panorama2.getPosition().lng());
head_shot = parseFloat(panorama2.getPov().heading);
pitch_shot = parseFloat(panorama2.getPov().pitch);
fov_shot = fov_val;
console.log("l" + lat_shot);
console.log("g" + lang_shot);
console.log("h" + head_shot);
console.log("fov" + fov_shot);
if (document.querySelector('.gm-style')) {
document.querySelector('.gm-style').append('
Fullscreen Screenshot
')
}
}
footerSlides.empty();
all_footer_images = [];
if(screenshots.length != 0) {
for (let i=0; i
'
$(gvnId).append(cntrlcntnt);
document.querySelector(gvnId).classList.add('leftreveal')
}
function checkButtons(n) {
let btn_prev_footer = document.getElementById("prevFooter");
let btn_prev_footer_wrapper = document.getElementById("prevFooterWrapper");
let btn_next_footer = document.getElementById("nextFooter");
let btn_next_footer_wrapper = document.getElementById("nextFooterWrapper");
if (n >= all_footer_images.length) {
!btn_next_footer.classList.contains("slider_buttons_button") ? btn_next_footer.classList.add("slider_buttons_button") :'';
!btn_next_footer_wrapper.classList.contains("slider_buttons_wrapper") ? btn_next_footer_wrapper.classList.add("slider_buttons_wrapper") :'';
btn_prev_footer.classList.contains("slider_buttons_button") ? btn_prev_footer.classList.remove("slider_buttons_button") :'';
btn_prev_footer_wrapper.classList.contains("slider_buttons_wrapper") ? btn_prev_footer_wrapper.classList.remove("slider_buttons_wrapper") :'';
} else if (n < 1) {
!btn_prev_footer.classList.contains("slider_buttons_button") ? btn_prev_footer.classList.add("slider_buttons_button") :'';
!btn_prev_footer_wrapper.classList.contains("slider_buttons_wrapper") ? btn_prev_footer_wrapper.classList.add("slider_buttons_wrapper") :'';
btn_next_footer.classList.contains("slider_buttons_button") ? btn_next_footer.classList.remove("slider_buttons_button") :'';
btn_next_footer_wrapper.classList.contains("slider_buttons_wrapper") ? btn_next_footer_wrapper.classList.remove("slider_buttons_wrapper") :'';
} else if (n == 1 && all_footer_images.length>1) {
!btn_prev_footer.classList.contains("slider_buttons_button") ? btn_prev_footer.classList.add("slider_buttons_button") :'';
!btn_prev_footer_wrapper.classList.contains("slider_buttons_wrapper") ? btn_prev_footer_wrapper.classList.add("slider_buttons_wrapper") :'';
btn_next_footer.classList.contains("slider_buttons_button") ? btn_next_footer.classList.remove("slider_buttons_button") :'';
btn_next_footer_wrapper.classList.contains("slider_buttons_wrapper") ? btn_next_footer_wrapper.classList.remove("slider_buttons_wrapper") :'';
} else if (n == 1 && all_footer_images.length <= 1) {
!btn_next_footer.classList.contains("slider_buttons_button") ? btn_next_footer.classList.add("slider_buttons_button") :'';
!btn_next_footer_wrapper.classList.contains("slider_buttons_wrapper") ? btn_next_footer_wrapper.classList.add("slider_buttons_wrapper") :'';
!btn_prev_footer.classList.contains("slider_buttons_button") ? btn_prev_footer.classList.add("slider_buttons_button") :'';
!btn_prev_footer_wrapper.classList.contains("slider_buttons_wrapper") ? btn_prev_footer_wrapper.classList.add("slider_buttons_wrapper") :'';
} else {
btn_next_footer.classList.contains("slider_buttons_button") ? btn_next_footer.classList.remove("slider_buttons_button") :'';
btn_next_footer_wrapper.classList.contains("slider_buttons_wrapper") ? btn_next_footer_wrapper.classList.remove("slider_buttons_wrapper") :'';
btn_prev_footer.classList.contains("slider_buttons_button") ? btn_prev_footer.classList.remove("slider_buttons_button") :'';
btn_prev_footer_wrapper.classList.contains("slider_buttons_wrapper") ? btn_prev_footer_wrapper.classList.remove("slider_buttons_wrapper") :'';
}
}
function parsing_url(){
var value=document.getElementById("input_data").value;
let str="";
result=[];
for(let v=0;v0) {
processSVData(loc); // increment by 10 meters
}else{
jQuery("#streetViewNewContainer").empty();
var geocoder = new google.maps.Geocoder();
geocoder.geocode({address: address_pano}, function(results, status) {
if (status == 'OK') {
var ll = results[0].geometry.location;
nearest_request(ll,0);
}
});
}
} else if (status===google.maps.StreetViewStatus.OK) {
if(check_cond=="true"){
document.querySelector('[role="region"]').remove();
check_cond="false";
var intRegex = /\d+((.|,)\d+)?/
var head = result[4].match(intRegex);
var head_pano=head[0];
var fov = result[3].match(intRegex);
var fov_pano=fov[0];
let zoom_val = Math.log(180 / fov_pano) / (Math.log(2));
const panorama = new google.maps.StreetViewPanorama(
document.getElementById("streetViewNewContainer"),
{
pano: data.location.pano,
zoom:1,
pov: {
heading:parseFloat(head_pano),
pitch:0
}
});
var panoOptions = {
scrollwheel: false,
disableDefaultUI: true,
clickToGo: true,
fullscreenControl: true
,panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
};
panorama.setOptions(panoOptions);
panorama.setVisible(true);
panorama.addListener('position_changed', function(){
lat_shot=parseFloat(panorama.getPosition().lat());
lang_shot=parseFloat(panorama.getPosition().lng());
// var zoom_out_button = document.querySelectorAll('[title="Zoom out"]');
// if(fov_pano>=90){
// zoom_out_button.classList.add('hiddenScreenshotButton');
// }else {
// zoom_out_button.classList.remove('hiddenScreenshotButton');
// }
console.log("l"+lat_shot);
console.log("g"+lang_shot);
});
panorama.addListener('pov_changed', function() {
head_shot=parseFloat(panorama.getPov().heading);
pitch_shot=parseFloat(panorama.getPov().pitch);
// console.log(panorama.getPov().heading % 360);
// console.log(panorama.getPov().pitch);
console.log("h"+head_shot);
});
panorama.addListener('zoom_changed', function() {
var zoom_out_button = document.querySelectorAll('[aria-label="Zoom out"]')[1];
let value = Math.round(panorama.getZoom());
//
if(value == 1){
zoom_out_button.classList.add('hiddenScreenshotButton');
}else {
zoom_out_button.classList.remove('hiddenScreenshotButton');
}
var fov = 180 / Math.pow(2, value)
fov_shot=fov;
console.log("fov-google ="+fov_shot);
});
result=[];
}else if(check_cond=="false") {
var pos = data.location.latLng;
var head = google.maps.geometry.spherical.computeHeading(pos, loc);
const panoramaa = new google.maps.StreetViewPanorama(
document.getElementById("streetViewNewContainer"),
{
pano: data.location.pano,
pov: {
heading: parseFloat(head),
pitch: 0
}
});
var panoOptions = {
scrollwheel: false,
disableDefaultUI: true,
clickToGo: true,
fullscreenControl: true
,panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true,
minZoom:1
};
panoramaa.setOptions(panoOptions);
panoramaa.setVisible(true);
panoramaa.addListener('position_changed', function(){
lat_shot=parseFloat(panoramaa.getPosition().lat());
lang_shot=parseFloat(panoramaa.getPosition().lng());
console.log("l"+lat_shot);
console.log("g"+lang_shot);
// console.log(lat_shot+",,,,,"+lang_shot+",,,,"+head_shot);
});
panoramaa.addListener('pov_changed', function() {
head_shot=parseFloat(panoramaa.getPov().heading );
pitch_shot=parseFloat(panoramaa.getPov().pitch);
console.log("h"+head_shot);
});
panoramaa.addListener('zoom_changed', function() {
var zoom_out_button = document.querySelectorAll('[title="Zoom out"]')[1];
let value = Math.round(panorama.getZoom());
var fov = 180 / Math.pow(2, value)
// if(value == 1){
// zoom_out_button.classList.add('hiddenScreenshotButton');
// }else {
// zoom_out_button.classList.remove('hiddenScreenshotButton');
// }
// console.log("zoooooooom ="+fov);
fov_shot=fov;
});
}
}
});
}
function get_img(){
jQuery("#streetViewNewContainer").empty();
var geocoder = new google.maps.Geocoder();
geocoder.geocode({address: address_pano}, function(results, status) {
if (status == 'OK') {
var ll = results[0].geometry.location;
processSVData(ll);
}
});
}
function nearest_request(loc,rad) {
var sv = new google.maps.StreetViewService();
sv.getPanorama({location:loc, radius:rad}, function(data,status){
if (status===google.maps.StreetViewStatus.ZERO_RESULTS) {
nearest_request(loc,rad+10); // increment by 10 meters
} else if (status===google.maps.StreetViewStatus.OK) {
var pos = data.location.latLng;
var head = google.maps.geometry.spherical.computeHeading(pos, loc);
const panorama = new google.maps.StreetViewPanorama(
document.getElementById("streetViewNewContainer"), {
pano: data.location.pano,
pov: {
heading: parseFloat(head),
pitch:0
}
});
var panoOptions = {
scrollwheel: false,
disableDefaultUI: true,
clickToGo: true,
fullscreenControl: true
,panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true,
minZoom:1
};
panorama.setOptions(panoOptions);
panorama.setVisible(true);
panorama.addListener('position_changed', function(){
lat_shot=parseFloat(panorama.getPosition().lat());
lang_shot=parseFloat(panorama.getPosition().lng());
console.log("l"+lat_shot);
console.log("g"+lang_shot);
// console.log(lat_shot+",,,,,"+lang_shot+",,,,"+head_shot);
});
panorama.addListener('zoom_changed', function() {
var zoom_out_button = document.querySelectorAll('[title="Zoom out"]')[0];
let value = Math.round(panorama.getZoom());
var fov = 180 / Math.pow(2, value)
// if(value == 1){
// zoom_out_button.classList.add('hiddenScreenshotButton');
// }else {
// zoom_out_button.classList.remove('hiddenScreenshotButton');
// }
fov_shot=fov;
// console.log("zoooooooom ="+fov);
});
panorama.addListener('pov_changed', function() {
head_shot=parseFloat(panorama.getPov().heading);
pitch_shot=parseFloat(panorama.getPov().pitch);
console.log("h"+head_shot);
});
panorama.addListener('zoom_changed', function() {
var zoom_out_button = document.querySelector('[aria-label="Zoom out"]');
let value = Math.round(panorama.getZoom());
var fov = 180 / Math.pow(2, value)
// if(value == 1){
// zoom_out_button.classList.add('hiddenScreenshotButton');
// }else {
// zoom_out_button.classList.remove('hiddenScreenshotButton');
// }
// console.log("zoooooooom ="+fov);
fov_shot=fov;
});
// screen_shot(loc, loc.lat(), loc.lng(), head);
}
});
}
function shot(){
document.querySelector("#overlay_prop").style.cssText = "display:block";
document.querySelector("#overlay_prop_onSlider").style.cssText = "display:block";
if((lat_shot != null) && (lang_shot !=null) && (head_shot!=null)&& (pitch_shot!=null)&&(fov_shot !=null)) {
console.log(lat_shot+",,,,,,,g"+ lang_shot+",,,,,,,h"+ head_shot+",,,,,,,p"+pitch_shot+",,,,,,,fo"+fov_shot);
console.log("l"+lat_shot);
console.log("g"+lang_shot);
console.log("fov_shot"+fov_shot);
screen_shot(lat_shot, lang_shot, head_shot,pitch_shot,fov_shot);
}
}
function dataURItoBlob(dataURI) {
// convert base64 to raw binary data held in a string
// doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this
var byteString = atob(dataURI.split(',')[1]);
// separate out the mime component
var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]
// write the bytes of the string to an ArrayBuffer
var ab = new ArrayBuffer(byteString.length);
// create a view into the buffer
var ia = new Uint8Array(ab);
// set the bytes of the buffer to the correct values
for (var i = 0; i < byteString.length; i++) {
ia[i] = byteString.charCodeAt(i);
}
// write the ArrayBuffer to a blob, and you're done
var blob = new Blob([ab], {type: mimeString});
return blob;
}
// function primary_streetview(lat,lng,heading,piitch,fov){
// loc = {lat: parseFloat(lat), lng: parseFloat(lng)};
// var sv = new google.maps.StreetViewService();
// sv.getPanorama({location:loc}, function(data,status){
// if (status===google.maps.StreetViewStatus.ZERO_RESULTS) {
//
// jQuery("#streetViewNewContainer").empty();
// primary_streetview();
//
// } else if (status===google.maps.StreetViewStatus.OK) {
//
// const panorama_primary = new google.maps.StreetViewPanorama(
// document.getElementById("streetViewNewContainer"),
// {
//
// pano: data.location.pano,
// pov: {
// heading: parseFloat(heading),
// pitch:0
// }
//
//
//
// });
// var panoOptions = {
// scrollwheel: false,
// disableDefaultUI: true,
// clickToGo: true,
// fullscreenControl: true
// , panControl: true,
// zoomControl: true,
// mapTypeControl: true,
// scaleControl: true,
// streetViewControl: true,
// overviewMapControl: true,
// rotateControl: true
// };
// panorama_primary.setOptions(panoOptions);
// panorama_primary.setVisible(true);
// panorama_primary.addListener('position_changed', function () {
// lat_shot = parseFloat(panorama_primary.getPosition().lat());
// lang_shot = parseFloat(panorama_primary.getPosition().lng());
//
// });
// panorama_primary.addListener('pov_changed', function () {
// head_shot = parseFloat(panorama_primary.getPov().heading);
// pitch_shot = parseFloat(panorama_primary.getPov().pitch);
// // console.log(panorama.getPov().heading % 360);
// // console.log(panorama.getPov().pitch);
// });
// panorama_primary.addListener('zoom_changed', function () {
// let value = panorama_primary.getZoom();
// var fov = 180 / Math.pow(2, value);
// fov_shot = fov;
//
// });
//
// }
// });
// }
function send_request(bloob){
console.log(property_id_img);
myWorker5.postMessage(["getaccestokenshot-request",url]);
myWorker5.onmessage = async function (e) {
console.log("get daaaataaa"+e.data);
let access=e.data;
check_condition = $('#is_primary').val();
const url = 'https://zeustra-media-property.herokuapp.com/media/property';
const formdata = new FormData();
formdata.append('propertyId', property_id_img);
var file = new File( [bloob], 'canvasImage.jpg', { type: 'image/jpeg' } );
formdata.append('photos', file);
formdata.append('type','Streetview Panorama');
formdata.append('isPrimary',check_condition);
formdata.append('lat',lat_shot);
formdata.append('long',lang_shot);
formdata.append('heading',head_shot);
formdata.append('fov',fov_shot.toFixed(2));
formdata.append('pitch',pitch_shot);
console.log('lat'+lat_shot+'long'+lang_shot+'heading'+head_shot+'fov'+fov_shot.toFixed(2)+'pitch'+pitch_shot);
try {
const response = await axios({
method: "post",
url: url,
data: formdata,
headers: {
Authorization: `Bearer ${access}`,
"Content-Type": "multipart/form-data",
},
});
console.log(response.data);
// document.getElementById("screen_preloadrer").style.cssText="display:none;";
window.location.reload(true);
document.querySelector("#overlay_prop").style.cssText = "display:none";
document.querySelector("#overlay_prop_onSlider").style.cssText = "display:none";
// alert("Done Successfully");
}catch (e) {
document.querySelector("#overlay_prop").style.cssText = "display:none";
document.querySelector("#overlay_prop_onSlider").style.cssText = "display:none";
alert("error with internet connection");
console.log(e.request.responseText);
console.log(e);
}
}
}
//slider popup methods
function screen_shot(lat,lng,head,pitch_shot,fov_shot){
const screenshotTarget = document.querySelector('[role="region"]');
html2canvas(screenshotTarget, {
onrendered: function(canvas) {
let file_url = canvas.toDataURL('image/jpeg');
let bloob= dataURItoBlob(file_url);
send_request(bloob);
console.log("true");
}
});
check_condition = $('#is_primary').val();
}
function upload_img(){
var file = document.querySelector('input[type=file]').files[0];
if((typeof file !=='undefined')&&( file.value!=='')) {
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function () {
document.querySelector("#err_messg_img").style.cssText="display:none;color: red;justify-content:space-around;";
// console.log(reader.result);//base64encoded string
let datauri = reader.result;
let bloob_upload = dataURItoBlob(datauri);
var file_upload = new File([bloob_upload], 'canvasImage.jpg', {type: 'image/jpeg'});
$('body').addClass('noscroll');
// document.querySelector("#overlay").classList.remove('is-visible');
document.querySelector("#overlay_prop").style.cssText = "display:block";
document.querySelector("#overlay_prop_onSlider").style.cssText = "display:block";
myWorker5.postMessage(["getaccestokenshot-request", url]);
myWorker5.onmessage = async function (e) {
console.log("get daaaataaa");
console.log("get daaaataaa" + e.data);
let accesst = e.data;
var select = document.getElementById('img_types');
var value = select.options[select.selectedIndex].value;
check_condition = $('#is_primary').val();
const url = 'https://zeustra-media-property.herokuapp.com/media/property';
const formdata = new FormData();
formdata.append('propertyId', property_id_img);
formdata.append('photos', file_upload);
formdata.append("type", value);
formdata.append("isPrimary", check_condition);
try {
const response = await axios({
method: "post",
url: url,
data: formdata,
headers: {
Authorization: `Bearer ${accesst}`,
"Content-Type": "multipart/form-data",
},
});
// document.querySelector("#overlay").classList.add('is-visible');
document.querySelector("#overlay_prop").style.cssText = "display:none";
document.querySelector("#overlay_prop_onSlider").style.cssText = "display:none";
window.location.reload(true);
console.log(response.data);
} catch (e) {
console.log(e.request.responseText);
console.log(e);
}
}
};
file.value='';
}else{
document.querySelector("#err_messg_img").style.cssText="display:flex;color: red;justify-content:space-around;";
}
}
function previewFile() {
//var preview = document.querySelector('img');
var file = document.querySelector('input[type=file]').files[0];
var reader = new FileReader();
reader.onloadend = function () {
// preview.src = reader.result;
console.log(reader.result);
img_data= reader.result;
}
if (file) {
reader.readAsDataURL(file);
} else {
preview.src = "";
}
}
function copyNextText(){
navigator.clipboard.writeText(document.getElementById("address-one-block-one").innerText)
}
function Search_Word(){
var searchText =document.getElementById("address-one-block-one").innerText;
window.open("//" + "google.com/search?q=" + searchText+' png+-site%3Aloopnet.com+-site%3Acostar.com+&hl=en&site=imghp&tbm=isch', '_blank');
}
function infowindowContent(address, infowindow, marker, latitude, longitude, map, name, img) {
var contentString = '';
infowindow.setContent(contentString);
infowindow.open(map, marker);
}
function hidePopUp() {
jQuery('#popup').hide();
document.querySelector('#popup').classList.remove('leftreveal')
document.getElementById('mainContainer').classList.remove('hiddenBody');
}
function showPopUpViewAll() {
jQuery('#popup').show();
document.getElementById('mainContainer').classList.add('hiddenBody');
showImagesInPopUp();
document.getElementById('spvap')? document.getElementById('spvap').classList.add('activeutmEle'):""
document.getElementById('mapp')? document.getElementById('mapp').classList.remove('activeutmEle'):""
document.getElementById('svp')? document.getElementById('svp').classList.remove('activeutmEle'):""
classRemover('.popup', 'darkBlueequal')
classRemover(".popUpButton > svg", "blackSVG")
}
function showPopUpMap() {
jQuery('#popup').show();
document.getElementById('mainContainer').classList.add('hiddenBody');
showMapInPopUp();
document.getElementById('spvap')? document.getElementById('spvap').classList.remove('activeutmEle'):""
document.getElementById('mapp')? document.getElementById('mapp').classList.add('activeutmEle'):""
document.getElementById('svp')? document.getElementById('svp').classList.remove('activeutmEle'):""
classRemover('.popup', 'darkBlueequal')
classRemover(".popUpButton > svg", "blackSVG")
}
function showPopUpStreeView() {
jQuery('#popup').show();
document.getElementById('mainContainer').classList.add('hiddenBody');
showStreeViewInPopUp();
document.getElementById('spvap')? document.getElementById('spvap').classList.remove('activeutmEle'):""
document.getElementById('mapp')? document.getElementById('mapp').classList.remove('activeutmEle'):""
document.getElementById('svp')? document.getElementById('svp').classList.add('activeutmEle'):""
classRemover('.popup', 'darkBlueequal')
classRemover(".popUpButton > svg", "blackSVG")
}
function showImagesInPopUp() {
jQuery('#popup').empty();
let i=0;
popupControl('#popup');
let popup = jQuery('#popup');
popup.append('
');
popup.append('');
jQuery('#square-container').empty();
let square_container = jQuery('#square-container');
if (all_footer_images.length > 1) {
all_footer_images.forEach(image => {
square_container.append('');
i++;
});
} else if (all_footer_images.length === 1) {
all_footer_images.forEach(image => {
square_container.append(' ');
});
}
}
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);
}
}
let img_del="";
function removeimg(e){
document.querySelector("#overlay_prop").style.cssText = "display:block";
console.log(e.id);
let index=e.id;
let property_photoId="";
property_photoId=data['records'][0]['Property_Media__r']['records'][index]['Id'];
console.log("property_id"+property_photoId);
myWorker5.postMessage(["getaccestokenshot-request",url]);
myWorker5.onmessage = async function (e) {
hidePopUp();
console.log("get daaaataaa" + e.data);
let access_delete = e.data;
const url = 'https://zeustra-media-property.herokuapp.com/media/property';
try {
const response = await axios({
method: "Delete",
url: url,
params: {
"PropertyMediaId": property_photoId
},
headers: {
Authorization: `Bearer ${access_delete}`,
"Content-Type": "application/json; charset=utf-8",
},
});
console.log(response.data);
let value="square"+index;
let elem =document.getElementById(value);
elem.parentNode.removeChild(elem);
let img_id="square_img"+index;
let elem2 =document.getElementById(img_id);
elem2.parentNode.removeChild(elem2);
console.log(screenshots);
for(let count=0;count -1) { // only splice array when item is found
all_footer_images.splice(index, 1); // 2nd parameter means remove one item only
console.log(all_footer_images);
}
break;
}
}
document.querySelector("#overlay_prop").style.cssText = "display:none";
}catch (e) {
console.log(e.request.responseText);
console.log(e);
}
}
}
function update_value(){
Add_loaders("loading_update");
var formatNum = new Intl.NumberFormat('en-US');
let typeofrequest='property__c';
let typeofobject="size";
let humilityRange = document.getElementById("update_value").value;
Edit_worker.postMessage(['Edit_values', url,id,humilityRange,typeofrequest,typeofobject]);
setTimeout(remove_loader, 4000);
// console.log(" updateeeees");
}
function Add_loaders(ID){
let value=document.getElementById(ID);
value.classList.add("fa");
value.classList.add("fa-spinner");
value.classList.add("fa-spin");
}
function remove_loader(){
let value=document.getElementById("loading_update");
value.classList.remove("fa");
value.classList.remove("fa-spinner");
value.classList.remove("fa-spin");
}
