From bb1de8c4c229ef55f264fe060eacee320365b13f Mon Sep 17 00:00:00 2001 From: Samarth-Agarwal1 Date: Tue, 26 Mar 2019 23:48:49 -0400 Subject: Revert "Revert "Feat/30"" --- web/public/javascripts/map.js | 24 ++++++++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) (limited to 'web/public/javascripts/map.js') diff --git a/web/public/javascripts/map.js b/web/public/javascripts/map.js index 8d4fc3b..544da9e 100644 --- a/web/public/javascripts/map.js +++ b/web/public/javascripts/map.js @@ -2,6 +2,7 @@ // L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { // attribution: '© OpenStreetMap contributors' // }).addTo(map); +let currPoint; const Races = { "White" : "European or White", @@ -31,7 +32,8 @@ function plotPointsOnMap(points) { function showDetails(e) { // layer.feature.geometry gives you access to all the fields let layer = e.layer; - + currPoint = layer; + let sideBar = document.getElementById('sidebar'); if (getComputedStyle(sideBar).visibility === 'hidden') { @@ -80,13 +82,27 @@ function showDetails(e) { let extraText = document.createTextNode(layer.feature.geometry['extra']); extraTextSpan.appendChild(extraText); - let closeBtn = document.getElementById('close-btn') - closeBtn.addEventListener('click', closeDetails) + 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._icon.src = '../assets/orange-icon.png'; +} + +function markAsCompleted(e) { + map.removeLayer(currPoint); } function closeDetails(e) { let details = document.getElementById('sidebar') - details.style.visibility = 'hidden' + details.style.visibility = 'hidden'; } // different basemap -- cgit v1.2.3