3 files changed, 35 insertions, 0 deletions
diff --git a/web/public/assets/blue-icon.png b/web/public/assets/blue-icon.png
new file mode 100644
index 0000000..e4abba3
--- /dev/null
+++ b/web/public/assets/blue-icon.png
diff --git a/web/public/assets/orange-icon.png b/web/public/assets/orange-icon.png
new file mode 100644
index 0000000..dd725de
--- /dev/null
+++ b/web/public/assets/orange-icon.png
diff --git a/web/public/javascripts/map.js b/web/public/javascripts/map.js
index 8d4fc3b..e2b4fc1 100644
--- a/web/public/javascripts/map.js
+++ b/web/public/javascripts/map.js
@@ -2,6 +2,14 @@
 // L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
 //     attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
 // }).addTo(map);
+let currPoint
+
+let orangeIcon = L.icon({
+	iconUrl: '../assets/orange-icon.png',
+	iconSize: [25, 41],
+    iconAnchor: [12, 41]
+})
+
 
 const Races = {
 	"White"     : "European or White",
@@ -30,9 +38,22 @@ function plotPointsOnMap(points) {
 // e is the event info
 function showDetails(e) {
 	// layer.feature.geometry gives you access to all the fields
+<<<<<<< HEAD
+	let layer = e.layer
+	console.log(e)
+	//layer._icon.src = '../assets/blue-icon.png'
+	console.log(e.layer._icon.src)
+	console.log(L.Icon.Default.prototype.options)
+	console.log(L.Marker.prototype.options.icon)
+	currPoint = layer
+	console.log(currPoint)
+	
+	let sideBar = document.getElementById('sidebar')
+=======
 	let layer = e.layer;
 
 	let sideBar = document.getElementById('sidebar');
+>>>>>>> master
 
 	if (getComputedStyle(sideBar).visibility === 'hidden') {
 		sideBar.style.visibility = 'visible';
@@ -80,10 +101,24 @@ function showDetails(e) {
 	let extraText = document.createTextNode(layer.feature.geometry['extra']);
 	extraTextSpan.appendChild(extraText);
 
+	// let pendingBtn = document.getElementById('pending-btn')
+	// pendingBtn.addEventListener('click', markAsPending)
+
+	// let completedBtn = document.getElementById('completed-btn')
+	// completedBtn.addEventListener('click', markAsCompleted)
+
 	let closeBtn = document.getElementById('close-btn')
 	closeBtn.addEventListener('click', closeDetails)
 }
 
+function markAsPending(e) {
+	currPoint.src = '../assets/orange-icon.png'
+}
+
+function markAsCompleted(e) {
+	map.removeLayer(currPoint)
+}
+
 function closeDetails(e) {
 	let details = document.getElementById('sidebar')
 	details.style.visibility = 'hidden'