From 6296a2eb8537bb46ebbd30d8de98349a7916d84b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micka=C3=ABl=20V=C3=A9ril?= <mveril@irsamc.ups-tlse.fr>
Date: Sat, 28 Sep 2019 15:23:25 +0200
Subject: [PATCH] Add multipledataset page

---
 config.toml                  |   7 ++-
 content/multipledataset.html | 117 +++++++++++++++++++++++++++++++++++
 static/scripts/uniq.js       |   8 +++
 3 files changed, 131 insertions(+), 1 deletion(-)
 create mode 100644 content/multipledataset.html
 create mode 100644 static/scripts/uniq.js

diff --git a/config.toml b/config.toml
index a437fe2d..c822352e 100644
--- a/config.toml
+++ b/config.toml
@@ -25,4 +25,9 @@ theme = "beautifulhugo"
 [[menu.main]]
     name = "One dataset"
     url = "onedataset"
-    weight = 1
\ No newline at end of file
+    weight = 1
+
+[[menu.main]]
+    name = "Multiple dataset"
+    url = "multipledataset"
+    weight = 2
\ No newline at end of file
diff --git a/content/multipledataset.html b/content/multipledataset.html
new file mode 100644
index 00000000..414dbf4b
--- /dev/null
+++ b/content/multipledataset.html
@@ -0,0 +1,117 @@
+---
+title: "Multiple dataset"
+date: 2019-09-27 16:41
+draft: false
+---
+<script src="/scripts/data.js" type="text/javascript"></script>
+<script src="/scripts/loadAllData.js" type="text/javascript"></script>
+<script src="/scripts/getFullDataPath.js" type="text/javascript"></script>
+<script src="/scripts/getTextFromFile.js" type="text/javascript"></script>
+<script src="/scripts/trueTypeOf.js" type="text/javascript"></script>
+<script src="/scripts/uniq.js"></script>
+<script src="https://cdn.rawgit.com/larsgw/citation.js/archive/citation.js/citation-0.4.0-9.js"
+  type="text/javascript"></script>
+<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+<script>
+  window.onload= async ()=>{
+    $('#form input[type=radio]').on('change', async function(event) {
+      var result = $(this).val();
+      var files=[];
+      switch (result) {
+        case "abs":
+          files=getAbsFilesName();
+          break;
+        case "fluo":
+          files=getFluoFilesName();
+          break;
+        case "zpe":
+          files=getZPEFilesName();
+          break;
+      }
+      window.dats=await Promise.all(files.map((f) => ZPEDataFile.loadAsync(f)))
+      reloadSelect()
+      reloadContent()
+    })
+  }
+  function reloadSelect(){
+    $('#form > select').each(function(){
+      $(this).find('option[value!=""]').remove()
+      const vals=uniq(window.dats.map((d)=>{return d[$(this).attr("name")]}))
+      for (const val of vals){
+        op=document.createElement("option")
+        op.value=val
+        op.innerText=val.toString()
+        $(this).append(op)
+    }
+    })
+  }
+  function reloadContent(){
+    var filt=window.dats
+    $('#dat_table > thead > tr > th > select').each(function(){
+      const prop=$(this).data("prop")
+      const value=$(this).val()
+      filt=filt.filter((d)=>{
+        if(value==""){
+          return true
+        }
+        else {
+          return d[prop]==value
+        }
+      })
+    })
+    var tb=document.getElementById("table_b");
+    tb.innerHTML=''
+    for (const d of filt) {
+      var row=document.createElement("tr")
+      var rowd=[]
+      var e=[d.molecule,d.comment,d.code,d.method,d.DOI]
+      for(el of e){
+        td=document.createElement("td")
+        td.innerText=el
+          row.appendChild(td)
+      }
+      tb.appendChild(row)
+    }
+  }
+</script>
+{{< getDataFilesName >}}
+  <form id="form" action="" method="post">
+    <legend>Data type</legend>
+    <input type="radio" id="abs" value="abs" name="datatype">
+    <label for="abs">Absorption</label>
+    <input type="radio" id="fluo" value="fluo" name="datatype">
+    <label for="fluo">Fluorescence</label>
+    <input type="radio" id="zpe" value="zpe" name="datatype">
+    <label for="zpe">\(\Delta \text{ZPE}\)</label>
+    <br/>
+    <select id="mol_select" onchange="reloadContent()" name="molecule">
+      <option value="">All</option>
+    </select>
+    <label for="mol_select">Molecule</label>
+    <select id="code_select" onchange="reloadContent()" name="code">
+      <option value="">All</option>
+    </select>
+    <label for="code_select">Code</label>
+    <select id="method_select" onchange="reloadContent()" name="method">
+      <option value="">All</option>
+    </select>
+    <label for="method_select">Method</label>
+    <select id="DOI_select" onchange="reloadContent()" name="DOI">
+      <option value="">All</option>
+    </select>
+    <label for="DOI_select">DOI</label>
+  </form>
+  <br/>
+<div id="data_div">
+  <table id="dat_table">
+    <thead>
+      <th>Molecule</th>
+      <th>Comment</th>
+      <th>Code</th>
+      <th>Method</th>
+      <th>DOI</th>
+    </thead>
+    <tbody id="table_b">
+    </tbody>
+  </table>
+</div>
\ No newline at end of file
diff --git a/static/scripts/uniq.js b/static/scripts/uniq.js
new file mode 100644
index 00000000..d492b157
--- /dev/null
+++ b/static/scripts/uniq.js
@@ -0,0 +1,8 @@
+function uniq(array)
+{
+  return uniqueArray = array.filter((obj1,index) => {
+    return index === array.findIndex(obj2 => {
+      return JSON.stringify(obj1) === JSON.stringify(obj2);
+    });
+  });
+}
\ No newline at end of file