Edit File by line

/**

[1000] Fix | Delete

* Adds a new script to the page

[1001] Fix | Delete

[1002] Fix | Delete

* @return false

[1003] Fix | Delete

[1004] Fix | Delete

iMapsBuilder.addGeoFileSeries = function (src, clback) {

[1005] Fix | Delete

if (!src) {

[1006] Fix | Delete

return false;

[1007] Fix | Delete

}

[1008] Fix | Delete

[1009] Fix | Delete

var scriptPromise = new Promise(function (resolve, reject) {

[1010] Fix | Delete

var script = document.createElement('script');

[1011] Fix | Delete

document.body.appendChild(script);

[1012] Fix | Delete

script.onload = resolve;

[1013] Fix | Delete

script.onerror = reject;

[1014] Fix | Delete

script.async = true;

[1015] Fix | Delete

script.src = src;

[1016] Fix | Delete

});

[1017] Fix | Delete

[1018] Fix | Delete

scriptPromise.then(function () {

[1019] Fix | Delete

clback();

[1020] Fix | Delete

iMapsBuilder.initAvailableRegions();

[1021] Fix | Delete

});

[1022] Fix | Delete

[1023] Fix | Delete

return true;

[1024] Fix | Delete

};

[1025] Fix | Delete

[1026] Fix | Delete

iMapsBuilder.eventGeocoding = function (e) {

[1027] Fix | Delete

// e.target is the clicked element!

[1028] Fix | Delete

// If it was a list item

[1029] Fix | Delete

if (e.target && e.target.classList.contains('geocoding-input')) {

[1030] Fix | Delete

iMapsBuilder.geocoder = new google.maps.Geocoder();

[1031] Fix | Delete

iMapsBuilder.searchInput = e.target;

[1032] Fix | Delete

[1033] Fix | Delete

// key enter press

[1034] Fix | Delete

iMapsBuilder.searchInput.addEventListener('keypress', function (e) {

[1035] Fix | Delete

var key = e.which || e.keyCode;

[1036] Fix | Delete

if (key === 13) {

[1037] Fix | Delete

e.preventDefault();

[1038] Fix | Delete

iMapsBuilder.geocodeAddress();

[1039] Fix | Delete

}

[1040] Fix | Delete

});

[1041] Fix | Delete

[1042] Fix | Delete

// blur (remove focus) event

[1043] Fix | Delete

iMapsBuilder.searchInput.addEventListener('blur', function (e) {

[1044] Fix | Delete

iMapsBuilder.geocodeAddress();

[1045] Fix | Delete

});

[1046] Fix | Delete

}

[1047] Fix | Delete

};

[1048] Fix | Delete

[1049] Fix | Delete

iMapsBuilder.initGeocoding = function () {

[1050] Fix | Delete

// Get the element, add a click listener...

[1051] Fix | Delete

var container = document.getElementById('map_info');

[1052] Fix | Delete

container.addEventListener('click', iMapsBuilder.eventGeocoding);

[1053] Fix | Delete

container.addEventListener('focus', iMapsBuilder.eventGeocoding, true);

[1054] Fix | Delete

};

[1055] Fix | Delete

[1056] Fix | Delete

iMapsBuilder.eventGoogleAutocomplete = function (e) {

[1057] Fix | Delete

// e.target is the clicked element!

[1058] Fix | Delete

// If it was a list item

[1059] Fix | Delete

if (e.target && e.target.classList.contains('geocoding-input')) {

[1060] Fix | Delete

// Create the autocomplete object, restricting the search predictions to

[1061] Fix | Delete

// geographical location types.

[1062] Fix | Delete

iMapsBuilder.autocomplete = new google.maps.places.Autocomplete(e.target, {

[1063] Fix | Delete

types: ['geocode'],

[1064] Fix | Delete

});

[1065] Fix | Delete

[1066] Fix | Delete

iMapsBuilder.searchInput = e.target;

[1067] Fix | Delete

[1068] Fix | Delete

// Avoid paying for data that you don't need by restricting the set of

[1069] Fix | Delete

// place fields that are returned to just the address components.

[1070] Fix | Delete

iMapsBuilder.autocomplete.setFields(['geometry']);

[1071] Fix | Delete

[1072] Fix | Delete

// When the user selects an address from the drop-down, populate the

[1073] Fix | Delete

// address fields in the form.

[1074] Fix | Delete

iMapsBuilder.autocomplete.addListener('place_changed', iMapsBuilder.fillInAddress);

[1075] Fix | Delete

}

[1076] Fix | Delete

};

[1077] Fix | Delete

[1078] Fix | Delete

iMapsBuilder.initGoogleAutocomplete = function () {

[1079] Fix | Delete

// Get the element, add a click listener...

[1080] Fix | Delete

var container = document.getElementById('map_info');

[1081] Fix | Delete

container.addEventListener('click', iMapsBuilder.eventGoogleAutocomplete);

[1082] Fix | Delete

container.addEventListener('focus', iMapsBuilder.eventGoogleAutocomplete, true);

[1083] Fix | Delete

[1084] Fix | Delete

return;

[1085] Fix | Delete

};

[1086] Fix | Delete

[1087] Fix | Delete

iMapsBuilder.fillInAddress = function (i) {

[1088] Fix | Delete

var autocomplete = iMapsBuilder.autocomplete;

[1089] Fix | Delete

var input = iMapsBuilder.searchInput;

[1090] Fix | Delete

var parent = iMapsBuilder.getClosest(input, '.csf-fieldset-content');

[1091] Fix | Delete

var changeEvent = new Event('change');

[1092] Fix | Delete

[1093] Fix | Delete

console.log(iMapsBuilder.autocomplete);

[1094] Fix | Delete

[1095] Fix | Delete

// Get the place details from the autocomplete object.

[1096] Fix | Delete

var place = autocomplete.getPlace();

[1097] Fix | Delete

var latfield = parent.querySelector('[data-depend-id="latitude"]');

[1098] Fix | Delete

var lonfield = parent.querySelector('[data-depend-id="longitude"]');

[1099] Fix | Delete

[1100] Fix | Delete

if (place) {

[1101] Fix | Delete

latfield.value = place.geometry.location.lat();

[1102] Fix | Delete

lonfield.value = place.geometry.location.lng();

[1103] Fix | Delete

latfield.dispatchEvent(changeEvent);

[1104] Fix | Delete

}

[1105] Fix | Delete

};

[1106] Fix | Delete

[1107] Fix | Delete

iMapsBuilder.geocodeAddress = function () {

[1108] Fix | Delete

var addressInput = iMapsBuilder.searchInput,

[1109] Fix | Delete

address = addressInput.value,

[1110] Fix | Delete

geocoder = iMapsBuilder.geocoder,

[1111] Fix | Delete

parent = iMapsBuilder.getClosest(iMapsBuilder.searchInput, '.csf-fieldset-content'),

[1112] Fix | Delete

latfield = parent.querySelector('[data-depend-id="latitude"]'),

[1113] Fix | Delete

lonfield = parent.querySelector('[data-depend-id="longitude"]'),

[1114] Fix | Delete

place,

[1115] Fix | Delete

changeEvent = new Event('change');

[1116] Fix | Delete

[1117] Fix | Delete

addressInput.setAttribute('readonly', 'readonly');

[1118] Fix | Delete

[1119] Fix | Delete

geocoder.geocode(

[1120] Fix | Delete

{

[1121] Fix | Delete

address: address,

[1122] Fix | Delete

[1123] Fix | Delete

function (results, status) {

[1124] Fix | Delete

if (status === 'OK') {

[1125] Fix | Delete

place = results[0];

[1126] Fix | Delete

latfield.value = place.geometry.location.lat();

[1127] Fix | Delete

lonfield.value = place.geometry.location.lng();

[1128] Fix | Delete

latfield.dispatchEvent(changeEvent);

[1129] Fix | Delete

} else {

[1130] Fix | Delete

console.log('geocode error: ' + status);

[1131] Fix | Delete

}

[1132] Fix | Delete

[1133] Fix | Delete

addressInput.removeAttribute('readonly');

[1134] Fix | Delete

}

[1135] Fix | Delete

);

[1136] Fix | Delete

};

[1137] Fix | Delete

[1138] Fix | Delete

iMapsBuilder.getClosest = function (elem, selector) {

[1139] Fix | Delete

// Element.matches() polyfill

[1140] Fix | Delete

if (!Element.prototype.matches) {

[1141] Fix | Delete

Element.prototype.matches =

[1142] Fix | Delete

Element.prototype.matchesSelector ||

[1143] Fix | Delete

Element.prototype.mozMatchesSelector ||

[1144] Fix | Delete

Element.prototype.msMatchesSelector ||

[1145] Fix | Delete

Element.prototype.oMatchesSelector ||

[1146] Fix | Delete

Element.prototype.webkitMatchesSelector ||

[1147] Fix | Delete

function (s) {

[1148] Fix | Delete

var matches = (this.document || this.ownerDocument).querySelectorAll(s),

[1149] Fix | Delete

i = matches.length;

[1150] Fix | Delete

while (--i >= 0 && matches.item(i) !== this) {}

[1151] Fix | Delete

return i > -1;

[1152] Fix | Delete

};

[1153] Fix | Delete

}

[1154] Fix | Delete

[1155] Fix | Delete

// Get the closest matching element

[1156] Fix | Delete

for (; elem && elem !== document; elem = elem.parentNode) {

[1157] Fix | Delete

if (elem.matches(selector)) return elem;

[1158] Fix | Delete

}

[1159] Fix | Delete

return null;

[1160] Fix | Delete

};

[1161] Fix | Delete

[1162] Fix | Delete

iMapsBuilder.swap = function (json) {

[1163] Fix | Delete

var ret = {};

[1164] Fix | Delete

for (var key in json) {

[1165] Fix | Delete

ret[json[key]] = key;

[1166] Fix | Delete

}

[1167] Fix | Delete

return ret;

[1168] Fix | Delete

};

[1169] Fix | Delete

[1170] Fix | Delete

iMapsBuilder.eventThrottle = function (fn, threshold, scope) {

[1171] Fix | Delete

threshold = typeof threshold !== 'undefined' ? threshold : 250;

[1172] Fix | Delete

var last, deferTimer;

[1173] Fix | Delete

return function () {

[1174] Fix | Delete

var context = scope || this;

[1175] Fix | Delete

[1176] Fix | Delete

var now = +new Date(),

[1177] Fix | Delete

args = arguments;

[1178] Fix | Delete

if (last && now < last + threshold) {

[1179] Fix | Delete

// hold on to it

[1180] Fix | Delete

clearTimeout(deferTimer);

[1181] Fix | Delete

deferTimer = setTimeout(function () {

[1182] Fix | Delete

last = now;

[1183] Fix | Delete

fn.apply(context, args);

[1184] Fix | Delete

}, threshold);

[1185] Fix | Delete

} else {

[1186] Fix | Delete

last = now;

[1187] Fix | Delete

fn.apply(context, args);

[1188] Fix | Delete

}

[1189] Fix | Delete

};

[1190] Fix | Delete

};

[1191] Fix | Delete

[1192] Fix | Delete

iMapsBuilder.addRegion = function (regionCode, regionName) {

[1193] Fix | Delete

var newEntry,

[1194] Fix | Delete

titleField,

[1195] Fix | Delete

regionCodeField,

[1196] Fix | Delete

tooltipField,

[1197] Fix | Delete

regionCollection,

[1198] Fix | Delete

regionCheck = false,

[1199] Fix | Delete

regionTab,

[1200] Fix | Delete

addButton = document.querySelector('.regions_tab .csf-cloneable-add');

[1201] Fix | Delete

[1202] Fix | Delete

regionTab = document.querySelector('#map_info .csf-nav-metabox ul li:nth-of-type(3)');

[1203] Fix | Delete

if (!regionTab.classList.contains('csf-section-active')) {

[1204] Fix | Delete

regionTab.querySelector('a').click();

[1205] Fix | Delete

}

[1206] Fix | Delete

[1207] Fix | Delete

// check if region already exists

[1208] Fix | Delete

regionCollection = document.querySelector('.region-code-autocomplete');

[1209] Fix | Delete

[1210] Fix | Delete

if (regionCollection.length > 0) {

[1211] Fix | Delete

regionCollection.forEach(function (field) {

[1212] Fix | Delete

if (field.value === regionCode) {

[1213] Fix | Delete

regionCheck = true;

[1214] Fix | Delete

}

[1215] Fix | Delete

});

[1216] Fix | Delete

}

[1217] Fix | Delete

[1218] Fix | Delete

// if it doesn't exist yet

[1219] Fix | Delete

if (!regionCheck) {

[1220] Fix | Delete

addButton.click();

[1221] Fix | Delete

[1222] Fix | Delete

newEntry = document.querySelector(

[1223] Fix | Delete

'div[data-field-id="[regions]"] .csf-cloneable-item:last-of-type'

[1224] Fix | Delete

);

[1225] Fix | Delete

[1226] Fix | Delete

// set title

[1227] Fix | Delete

titleField = newEntry.querySelector('[data-depend-id="name"]');

[1228] Fix | Delete

titleField.value = regionName;

[1229] Fix | Delete

titleField.dispatchEvent(new Event('keyup'));

[1230] Fix | Delete

[1231] Fix | Delete

// set regionCode

[1232] Fix | Delete

regionCodeField = newEntry.querySelector('[data-depend-id="id"]');

[1233] Fix | Delete

regionCodeField.value = regionCode;

[1234] Fix | Delete

[1235] Fix | Delete

// set Tooltip

[1236] Fix | Delete

tooltipField = newEntry.querySelector('[data-depend-id="tooltipContent"]');

[1237] Fix | Delete

tooltipField.value = regionName;

[1238] Fix | Delete

}

[1239] Fix | Delete

[1240] Fix | Delete

iMapsBuilder.updateRegionsUsed();

[1241] Fix | Delete

iMapsBuilder.populateAvailableRegions();

[1242] Fix | Delete

};

[1243] Fix | Delete

[1244] Fix | Delete

iMapsBuilder.addMarker = function (latitude, longitude) {

[1245] Fix | Delete

var newEntry,

[1246] Fix | Delete

titleField,

[1247] Fix | Delete

latitudeField,

[1248] Fix | Delete

longitudeField,

[1249] Fix | Delete

tooltipField,

[1250] Fix | Delete

markersTab,

[1251] Fix | Delete

form,

[1252] Fix | Delete

previewContainer = document.querySelector('.map_wrapper'),

[1253] Fix | Delete

addButton = document.querySelector('.markers_tab .csf-cloneable-add');

[1254] Fix | Delete

[1255] Fix | Delete

markersTab = document.querySelector('#map_info .csf-nav-metabox ul li:nth-of-type(4)');

[1256] Fix | Delete

[1257] Fix | Delete

if (!markersTab.classList.contains('csf-section-active')) {

[1258] Fix | Delete

markersTab.querySelector('a').click();

[1259] Fix | Delete

}

[1260] Fix | Delete

[1261] Fix | Delete

addButton.click();

[1262] Fix | Delete

[1263] Fix | Delete

newEntry = document.querySelector(

[1264] Fix | Delete

'div[data-field-id="[roundMarkers]"] .csf-cloneable-item:last-of-type'

[1265] Fix | Delete

);

[1266] Fix | Delete

[1267] Fix | Delete

if (newEntry) {

[1268] Fix | Delete

// set title

[1269] Fix | Delete

titleField = newEntry.querySelector('[data-depend-id="id"]');

[1270] Fix | Delete

[1271] Fix | Delete

thisID = titleField.getAttribute('name');

[1272] Fix | Delete

thisID = thisID.replace('map_info[roundMarkers]', '');

[1273] Fix | Delete

thisID = thisID.replace('[id]', '');

[1274] Fix | Delete

[1275] Fix | Delete

titleField.value = 'Custom Marker ' + thisID;

[1276] Fix | Delete

titleField.dispatchEvent(new Event('keyup'));

[1277] Fix | Delete

[1278] Fix | Delete

// set Tooltip

[1279] Fix | Delete

tooltipField = newEntry.querySelector('[data-depend-id="tooltipContent"]');

[1280] Fix | Delete

tooltipField.value = 'Custom Marker ' + thisID;

[1281] Fix | Delete

[1282] Fix | Delete

// set lat and long

[1283] Fix | Delete

latitudeField = newEntry.querySelector('[data-depend-id="latitude"]');

[1284] Fix | Delete

longitudeField = newEntry.querySelector('[data-depend-id="longitude"]');

[1285] Fix | Delete

[1286] Fix | Delete

if (latitudeField && longitudeField) {

[1287] Fix | Delete

latitudeField.value = latitude;

[1288] Fix | Delete

longitudeField.value = longitude;

[1289] Fix | Delete

}

[1290] Fix | Delete

// probably using openstreetmap

[1291] Fix | Delete

else {

[1292] Fix | Delete

latitudeField = newEntry.querySelector('.csf--latitude');

[1293] Fix | Delete

longitudeField = newEntry.querySelector('.csf--longitude');

[1294] Fix | Delete

latitudeField.value = latitude;

[1295] Fix | Delete

longitudeField.value = longitude;

[1296] Fix | Delete

latitudeField.dispatchEvent(new Event('change'));

[1297] Fix | Delete

}

[1298] Fix | Delete

[1299] Fix | Delete

iMapsBuilder.needsUpdate = true;

[1300] Fix | Delete

previewContainer.classList.add('map_updating');

[1301] Fix | Delete

[1302] Fix | Delete

if (!iMapsBuilder.isInViewport(previewContainer)) {

[1303] Fix | Delete

return;

[1304] Fix | Delete

}

[1305] Fix | Delete

[1306] Fix | Delete

form = iMapsBuilder.form;

[1307] Fix | Delete

iMapsBuilder.updatePreview(form, false);

[1308] Fix | Delete

return;

[1309] Fix | Delete

}

[1310] Fix | Delete

};

[1311] Fix | Delete

[1312] Fix | Delete

/*!

[1313] Fix | Delete

* Determine if an element is in the viewport

[1314] Fix | Delete

[1315] Fix | Delete

* @param {Node} elem The element

[1316] Fix | Delete

* @return {Boolean} Returns true if element is in the viewport

[1317] Fix | Delete

[1318] Fix | Delete

iMapsBuilder.isInViewport = function (elem) {

[1319] Fix | Delete

var distance = elem.getBoundingClientRect();

[1320] Fix | Delete

return (

[1321] Fix | Delete

distance.bottom >= 250 &&

[1322] Fix | Delete

distance.bottom <= (window.innerHeight || document.documentElement.clientHeight)

[1323] Fix | Delete

);

[1324] Fix | Delete

};

[1325] Fix | Delete

[1326] Fix | Delete

// code for geolocate metabox

[1327] Fix | Delete

iMapsBuilder.geoLocateInit = function () {

[1328] Fix | Delete

// fix map field not rendering properly when initially hidden

[1329] Fix | Delete

let trigger = document.querySelector('[data-depend-id="enabled"]').closest('.csf--switcher');

[1330] Fix | Delete

trigger.addEventListener('click', function () {

[1331] Fix | Delete

window.dispatchEvent(new Event('resize'));

[1332] Fix | Delete

});

[1333] Fix | Delete

};

[1334] Fix | Delete

[1335] Fix | Delete

// if we have the options available, we're in the edit map screen

[1336] Fix | Delete

if (typeof iMapsOptions !== 'undefined') {

[1337] Fix | Delete

iMapsBuilder.init();

[1338] Fix | Delete

} else {

[1339] Fix | Delete

iMapsBuilder.geoLocateInit();

[1340] Fix | Delete

}

[1341] Fix | Delete

[1342] Fix | Delete

1 23