yogsototh/easy-planner
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2021-09-06 14:48:48 +02:00
parent cddd2d8d4c
commit 1b1b8169b6
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
1 changed files with 83 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

120
index.html
View file

@ -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>