diff options
Diffstat (limited to 'web/public/javascripts')
| -rw-r--r-- | web/public/javascripts/map.js | 24 |
1 files changed, 20 insertions, 4 deletions
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: '© <a href="http://osm.org/copyright">OpenStreetMap</a> 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 |