From af4bca601ce265e3e90e6b46215cb6b8a49dccb2 Mon Sep 17 00:00:00 2001
From: "leie_sistal@yahoo.fr" <leie_sistal@yahoo.fr>
Date: Thu, 11 Jan 2024 23:28:36 +0100
Subject: [PATCH] rough implementation of empty function to load csv for rivers

---
 index.html                    |  1 +
 modules/ui/rivers-overview.js | 19 ++++++++++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 0c8a1e58..bfb3f82c 100644
--- a/index.html
+++ b/index.html
@@ -5462,6 +5462,7 @@
             class="icon-plus"
           ></button>
           <button id="riverCreateNew" data-tip="Create a new river selecting river cells" class="icon-map-pin"></button>
+          <button id="loadriverfromcsv" data-tip="Generate river from csv" class="icon-upload"></button>
           <button id="riversBasinHighlight" data-tip="Toggle basin highlight mode" class="icon-sitemap"></button>
           <button
             id="riversExport"
diff --git a/modules/ui/rivers-overview.js b/modules/ui/rivers-overview.js
index 7fc32b45..1aa20cfe 100644
--- a/modules/ui/rivers-overview.js
+++ b/modules/ui/rivers-overview.js
@@ -26,6 +26,7 @@ function overviewRivers() {
   document.getElementById("riversBasinHighlight").addEventListener("click", toggleBasinsHightlight);
   document.getElementById("riversExport").addEventListener("click", downloadRiversData);
   document.getElementById("riversRemoveAll").addEventListener("click", triggerAllRiversRemove);
+  document.getElementById("loadriverfromcsv").addEventListener("click", loadriverfromcsvfunction);
 
   // add line for each river
   function riversOverviewAddLines() {
@@ -178,7 +179,7 @@ function overviewRivers() {
     });
   }
 
-  function triggerAllRiversRemove() {
+  function removeAllRivers() {
     alertMessage.innerHTML = /* html */ `Are you sure you want to remove all rivers?`;
     $("#alert").dialog({
       resizable: false,
@@ -201,4 +202,20 @@ function overviewRivers() {
     rivers.selectAll("*").remove();
     riversOverviewAddLines();
   }
+  
+  function loadriverfromcsvfunction() {
+    alertMessage.innerHTML = /* html */ `Are you sure you want to add river from csv?`;
+        $("#alert").dialog({
+          resizable: false,
+          title: "Import rivers",
+          buttons: {
+            Remove: function() {
+              $(this).dialog("close");
+            },
+            Cancel: function() {
+              $(this).dialog("close");
+            }
+          }
+        });
+  }
 }