From 28a0229755eb61babde514e37011b11fb5556459 Mon Sep 17 00:00:00 2001 From: Eric Duminil <eric.duminil@gmail.com> Date: Wed, 5 Oct 2022 15:43:36 +0200 Subject: [PATCH] Select All or None. --- .../eu/simstadt/regionchooser/website/index.html | 2 +- .../website/script/simstadt_openlayers.js | 11 ++++++++--- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/src/main/resources/eu/simstadt/regionchooser/website/index.html b/src/main/resources/eu/simstadt/regionchooser/website/index.html index d933448..b1495f6 100644 --- a/src/main/resources/eu/simstadt/regionchooser/website/index.html +++ b/src/main/resources/eu/simstadt/regionchooser/website/index.html @@ -25,7 +25,7 @@ <div id="header"> <ul> <li class="title">Simstadt Region Chooser</li> - <li class="title" id="repository"><button onclick="regionChooser.selectRepository()">Select repository</button></li> + <li class="title" id="select_repository" style="visibility:hidden"><button onclick="regionChooser.selectRepository()">Select repository</button></li> </ul> </div> <div id="map" class="map" tabindex="0"></div> diff --git a/src/main/resources/eu/simstadt/regionchooser/website/script/simstadt_openlayers.js b/src/main/resources/eu/simstadt/regionchooser/website/script/simstadt_openlayers.js index a1d671c..6ff912b 100644 --- a/src/main/resources/eu/simstadt/regionchooser/website/script/simstadt_openlayers.js +++ b/src/main/resources/eu/simstadt/regionchooser/website/script/simstadt_openlayers.js @@ -10,6 +10,7 @@ var regionChooser = (function(){ //NOTE: Only called from JavaFX. At startup, or when Repo has been changed. gmlId = 0; kml_source.clear(); + document.getElementById("select_repository").style.visibility = "visible"; } if (fromJavaFX){ @@ -290,10 +291,10 @@ var regionChooser = (function(){ dataPanel.append(wgs84_coords + "<br/>\n"); } dataPanel.append("<h3 class='clean'>Area : " + (area / 10000).toFixed(1) + " ha\n"); - //TODO: Add selectAll - //TODO: Add selectNone //TODO: Hide button if empty - dataPanel.append('<button type="button" onclick="regionChooser.downloadFromSelectedCityGMLs()" id="download" style="visibility:hidden">Download Region</button>'); + dataPanel.append('<button type="button" onclick="regionChooser.downloadFromSelectedCityGMLs()" id="download" style="visibility:hidden">Download Region</button><br/>\n'); + dataPanel.append('<a href="#" onclick="regionChooser.checkCityGMLS(true);">(Select All)</a>'); + dataPanel.append('<a href="#" onclick="regionChooser.checkCityGMLS(false);">(Select None)</a>'); dataPanel.append('<br/>\n'); findIntersections(); } @@ -387,6 +388,10 @@ var regionChooser = (function(){ } } + publicScope.checkCityGMLS = function(allOrNone) { + document.querySelectorAll("input.select_citygml").forEach(c => c.checked = allOrNone); + } + publicScope.selectRepository = function() { console.log("Should probably do select repository."); fxapp.selectRepository(); -- GitLab