From d56639465065fff5a4f58f800e0d4c9ebb1b5317 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micka=C3=ABl=20V=C3=A9ril?= <mveril@irsamc.ups-tlse.fr>
Date: Sat, 14 Sep 2019 19:37:18 +0200
Subject: [PATCH] Use select instead of input and add a shortcode to get file
 list

---
 content/_index.html                      | 22 ++++++++++++++++------
 layouts/shortcodes/getDataFilesName.html | 10 ++++++++++
 2 files changed, 26 insertions(+), 6 deletions(-)
 create mode 100644 layouts/shortcodes/getDataFilesName.html

diff --git a/content/_index.html b/content/_index.html
index e493f201..d4128908 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -11,9 +11,19 @@ draft: false
     <script type="text/javascript" id="MathJax-script" async
       src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
     </script>
+     {{< getDataFilesName >}}
     <script>
-      async function update_file(filename) {
-        var file=filename+'.dat';
+      window.onload=function()
+      {
+        fsel=document.getElementById("fileSelect")
+        getDataFilesName().forEach(function(element) {
+          op=document.createElement("option");
+          op.value=element;
+          op.innerText=element.split('.')[0];
+          fsel.appendChild(op);
+        });
+      }
+      async function update_file(file) {
         var lnk_file=document.getElementById('lnk_file');
         lnk_file.setAttribute('href',String.raw`view?dataFile=${file}`);
         dat= await data.loadAsync(file);
@@ -70,15 +80,15 @@ draft: false
       }
     </script>
     <script>
-      function onKeyDown(e) {
-        if (e.keyCode === 13) {  //checks whether the pressed key is "Enter"
+      function onValueChange(e) {
           update_file(e.target.value);
-          }
         }
     </script>
 
     <label>Write a data file name without extension<br/>
-      <input type="text" id='inp_filename' onkeydown="onKeyDown(event)"></input>
+      <select id="fileSelect" onchange="onValueChange(event)">
+        <option value="" disabled=true selected=true>Select a file</option>
+      </select>
     </label><br/>
     <h1>Data</h1>
     <p id=data_par></p>
diff --git a/layouts/shortcodes/getDataFilesName.html b/layouts/shortcodes/getDataFilesName.html
new file mode 100644
index 00000000..c50a0189
--- /dev/null
+++ b/layouts/shortcodes/getDataFilesName.html
@@ -0,0 +1,10 @@
+<script>
+{{- $files := readDir "/static/data" -}}
+function getDataFilesName(){
+ var files=[]
+{{- range $files }}
+    files.push({{ .Name }})
+{{- end }}
+ return files
+}
+</script>
\ No newline at end of file