https://www.virtualbelfastmuraltour.com/js/show-entity.js

1var ratingcircle;
2
3function addreview(entityname) {
4	text = `<div class="border border-1 shadow-sm p-3 mt-2 mb-3 bg-body rounded">
5				<h3>Add a comments about ` + entityname + `</h3>
6
7				<div class="row mb-1">
8					<div class="col-4 text-end">Your Name (Optional) :</div>
9					<div class="col-8"><input id="reviewname" type="text" size="30" class="form-control"></div>
10				</div>
11
12				<div class="row mb-1">
13					<div class="col-4 text-end">Comments :</div>
14					<div class="col-8"><textarea id="reviewtext" cols="50" rows="8" class="innertext form-control"></textarea></div>
15				</div>
16
17				<div class="row">
18					<div class="col-12"><p>You agree that your comments are yours and in no way reflect the thoughts and beliefs of the web site owner. You agree to indemnify the web site owner/operator against any and all claims of libel made against the web site owner/operator generated by your comments. You further agree if we approve your comments for publication it in no way lessens your agreement to indemnify the web site owner/operator of any and all claims made as a result of your comments.</p>
19					</div>
20				</div>
21
22				<div class="row">
23					<div class="col-4"></div>
24					<div class="col-8">
25						<p class="text-start"><input type="button" class="btn btn-dark" value="Submit Comments" onclick="submitreview()"></p>
26					</div>
27				</div>
28			</div>`;
29
30
31	document.getElementById("divaddreview").innerHTML = text;
32
33	$('html, body').scrollTop($("#divaddreview").offset().top);	//Scroll to divaddreview Div
34}
35
36function submitreview()
37{
38	var rname = document.getElementById("reviewname").value;
39	var rtext = document.getElementById("reviewtext").value;
40	var ip = document.getElementById('ip').value;
41
42	$.ajax({
43		url: '../request/submit-comment.php',
44		type: "GET",
45		data: {
46			name: rname,
47			reviewtext: rtext,
48			ip: ip,
49			entityid: entityid
50		},
51		success: function (result) {
52			//console.log(result);
53
54			if (result == "1") {
55				// Get date, month and year
56				today = new Date();
57
58				day = today.getDate().toString();
59				jsmonth = monthNames[today.getMonth()];
60				jsyear = today.getFullYear().toString();
61
62				// Output date in format [1st month 20??]
63				todayDate = (day + nth(day) + " " + jsmonth + " " + jsyear);
64;
65
66				document.getElementById("divaddreview").innerHTML = "";
67
68				var newreview = "<div class=\"red\">Thank You for your submission. Your comment will be reviewed shortly and if approved, will be visible soon. This is a preview of your comment:</div>";
69
70				newreview += "<div class='border border-1 shadow-sm p-3 mt-2 bg-body rounded' style='background-color: #EDEDED !important;'><p>" + rtext + "</p><div align='right' class='descr'>Submitted";
71
72				if (rname != "") {
73					newreview += " by " + rname;
74				}
75				newreview += " on " + todayDate + "</div></div>";
76
77				document.getElementById("newreview").innerHTML = newreview;
78			}
79		},
80		error: function (x, y, z) {
81			console.log(y);
82		}
83	});
84
85	//Loading Spinner
86	document.getElementById("divaddreview").innerHTML = `
87	<div class="spinner-border" role="status">
88		<span class="visually-hidden">Submitting...</span>
89	</div>Loading...`;
90}
91
92function loadNearbyLocationsGMap(lat,lng,exclude) {
93	$.ajax({
94		url: 'request/nearby-locations.php',
95		type: "GET",
96		data: {
97			key: 'Z922812',
98			lat: lat,
99			lng: lng,
100			exclude: exclude
101		},
102		success: function (result) {
103			var markers = result.getElementsByTagName("mural");
104			for (var i = 0; i < markers.length; i++) {
105				var id = markers[i].getAttribute("id");
106				var name = markers[i].getAttribute("name");
107				var status = markers[i].getAttribute("status");
108				var point = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
109
110				name = urldecode(name);
111
112				if (name != undefined) {
113					reg = /\s+/g;
114					urlnewname = name.replace(reg, '-');
115					urlnewname = urlnewname.replace(/-&-/g, '_and_');
116					urlnewname = urlnewname.toLowerCase();
117					url = "https://www.virtualbelfastmuraltour.com/" + urlnewname + "-mural.htm";
118				}
119				else {
120					url = "";
121				}
122
123				if (status == "1") {
124					placeNearbyMarker(id, point, name, url, VBMTHex);
125				}
126
127				if (status == "2") {
128					placeNearbyMarker(id, point, name, url, VBMTHexAlt);
129				}
130			}
131		},
132		error: function (x, y, z) {
133			console.log(y);
134		}
135	});
136}
137
138
139function placeNearbyMarker(id, location, name, url, color) {
140	var marker = new google.maps.Marker({
141		position: location,
142		map: map,
143		title: name,
144		icon: {
145			path: google.maps.SymbolPath.CIRCLE,
146			fillColor: color,
147			fillOpacity: 1.0,

148			strokeColor: '#FFFFFF',
149			strokeOpacity: 1.0,
150			strokeWeight: 1,
151			scale: 8
152		},
153	});
154
155	google.maps.event.addListener(marker, 'click', function () {
156		window.location = url;
157	});
158}