From 1b1b8169b61048366ca3accb3702c3694edd00dc Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <yann.esposito@gmail.com>
Date: Mon, 6 Sep 2021 14:48:48 +0200
Subject: [PATCH] wip

---
 index.html | 120 ++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 83 insertions(+), 37 deletions(-)
diff --git a/index.html b/index.html
index 33a56a2..fdba5ec 100644
--- a/index.html
+++ b/index.html
@@ -23,47 +23,93 @@
 <body>
     <center>
         <h1>Plan</h1>
-        <div><h3>people</h3>
-                      <div id="wanderson" class="card wanderson">W</div>
-                      <div id="yann" class="card yann">Y</div>
-                      </div>
-            <table border="1" max-width="50%" max-height="50%">
-                <tr>
-                    <th><b>FT</b></td>
-                    <th><b>v1.81</b></td>
-                    <th><b>v1.82</b></td>
-                </tr>
-                <tr>
-                    <th>SX Session</td>
-                    <td></td>
-                    <td></td>
-                </tr>
-                <tr id="tr2">
-                    <th>SX</td>
-                    <td></td>
-                    <td></td>
-                </tr>
-            </table>
-        </center>
+        <h3>people</h3>
+        <div id="devs"></div>
+        <h3>work</h3>
+        <div id="main"></div>
     </body>
 <script>
+  (function () {
+      var people = [ "yann", "wanderson" ];
+      var nbcolumns = 2;
+      var fts = [ "SX Session", "Bug Squashing", "Secure Client" ]
 
+      function init(){
+          var devcards=document.getElementById("devs");
+          people.forEach(function(p) {
+              devcards.appendChild( createDev(p) );
+          })
+          // build main table
+          var main = document.getElementById("main");
+          main.appendChild(genTable());
+          var cells = document.querySelectorAll("td");
+          cells.forEach(function(cell) {
+              cell.ondragover = function(event){ event.preventDefault(); };
+              cell.ondrop = function(ev){drop(ev,this);};
+          });
+          var cards = document.querySelectorAll(".card");
+          cards.forEach(function(card){ card.draggable = true; card.ondragstart = drag; });
+      }
 
-function drag(ev) {
-    ev.dataTransfer.setData("text", ev.target.id);
-}
-  var cells = document.querySelectorAll("td");
-  cells.forEach(function(cell) {
-                    cell.ondragover = function(event){ event.preventDefault(); };
-                    cell.ondrop = function(ev){drop(ev,this);};
-                });
-  var cards = document.querySelectorAll(".card");
-  cards.forEach(function(card){ card.draggable = true; card.ondragstart = drag; });
+      function genTable () {
+          var t = document.createElement("table");
+          t.id = "maintable";
+          t.appendChild(mkTitleRow(["FT","v1.81","v1.82","v1.83","v1.84"]));
+          fts.forEach( function(ft) {
+              t.appendChild(mkRow(ft,4));
+          });
+          return t;
+      }
+      function mkTitleRow( vs ) {
+          var rows = document.createElement("tr");
+          vs.forEach (function(v) {
+              var c = document.createElement("th");
+              c.textContent = v;
+              rows.appendChild(c);
+          });
+          return rows;
+      }
+      function mkRow( ft, n ) {
+          var rows = document.createElement("tr");
 
-  function drop(ev,el) {
-      ev.preventDefault();
-      var data = ev.dataTransfer.getData("text");
-      el.appendChild(document.getElementById(data));
-  }
+          var ttitle = document.createElement("th");
+          ttitle.textContent = ft;
+          rows.appendChild(ttitle)
+
+          var arr = new Array(n);
+          arr.fill("");
+          arr.forEach (function(v) {
+              var c = document.createElement("td");
+              c.textContent = v;
+              rows.appendChild(c);
+          });
+          return rows;
+      }
+
+      function devcard(devname){
+          var devdiv = document.createElement('div');
+          devdiv.classList.add(devname);
+          devdiv.classList.add('card');
+          devdiv.textContent = devname.charAt(0).toUpperCase();
+          return devdiv;
+      }
+
+      function createDev(devname){
+          var res = devcard(devname);
+          res.id = devname;
+          return res;
+      };
+
+      function drag(ev) {
+          ev.dataTransfer.setData("text", ev.target.id);
+      }
+
+      function drop(ev,el) {
+          ev.preventDefault();
+          var data = ev.dataTransfer.getData("text");
+          el.appendChild(document.getElementById(data));
+      }
+      window.addEventListener("load", init);
+  })();
   </script>
 </html>
