Fix of Selection-Script

diff --git a/georeport/static/georeport/recurseCategorySelection.js b/georeport/static/georeport/recurseCategorySelection.js
index fbe7ffc79988843011faa44e7686dc9a4549681c..87d57b039a737ab8393205956cd2e9dc0c3883b5 100644 (file)
--- a/georeport/static/georeport/recurseCategorySelection.js
+++ b/georeport/static/georeport/recurseCategorySelection.js
@@ -1,3 +1,5 @@
+
+
 /*
  * Copyright: (c) 2025, Jörn Menne <jmenne@posteo.de>
  * GNU General Public License v3.0 (see LICSENE or https://www.gnu.org/license/gpl-3.0.md)
@@ -9,8 +11,7 @@
  * subcategories are removed.
 */
 
-// Global variable to check the depth of the selections
-var maxlevel = 0;
+var maxlevel = 0
 
 function getsubcats(element) {
 
@@ -28,7 +29,7 @@ function getsubcats(element) {
   const submit = document.getElementById("submit");
 
   //create a url to fetch the children
-  let url = "category/${element.value}/children";
+  let url = `category/${element.value}/children`;
   console.log(url);
   fetch(url)
     // Check if the response is correct
@@ -40,33 +41,25 @@ function getsubcats(element) {
     //Handle the json-Data
     .then(data => {
       console.log(data);
-      // NOTE: Level has to be increased here, since if it would be later increased, it would be handled as a string
-      // while removing the higher levels
-
-      g
-      level++;
       let subcats = data["categories"];
+      level++;
       //Remove submit temporarly to set the correct position
       form.removeChild(submit);
 
-      //Remove all selects with a higher level than element
+      // Remove all equal or  higher selects defineProperties
       if (maxlevel >= level) {
         for (let i = level; i <= maxlevel; i++) {
-          oldselect = document.getElementById(i);
-          oldselect.remove();
+          sel = document.getElementById(i);
+          sel.remove();
         }
       }
-      let oldselect = document.getElementById(level);
-
-
       if (subcats.length == 0) {
-        // set element as the lowest level
         element.name = "category";
         maxlevel = level - 1;
       }
       else {
 
-        //Create a new selection element as lowest level
+        //Create a new selection element
         let select = document.createElement("select");
         select.id = level;
         select.name = select.id;
@@ -93,10 +86,11 @@ function getsubcats(element) {
         }
 
         element.name = "root";
-        form.replaceChild(select, oldselect);
+        form.appendChild(select);
         maxlevel = level;
       }
       //Reappend submit
       form.appendChild(submit);
+      console.log(maxlevel);
     })
 }

diff --git a/georeport/templates/georeport/create.html b/georeport/templates/georeport/create.html
index a4c34315f10b1484f327017de9cb1dd5c2fdfe49..159986ce18cdce0ccbd2faea27d35c8b44dac7d8 100644 (file)
--- a/georeport/templates/georeport/create.html
+++ b/georeport/templates/georeport/create.html
@@ -14,7 +14,7 @@ GNU General Public License v3.0 (see LICSENE or https://www.gnu.org/license/gpl-
     <input type="submit"/>
 </form>
 -->
-<script src="{% static 'georeport/recurse_selection.js' %}"></script>
+<script src="{% static 'georeport/recurseCategorySelection.js' %}"></script>
 <div class="detail">
 <form method="post" id="form" enctype="multipart/form-data">
     {% csrf_token %}