Loading public/js/Palanque/manualPalanque.js +37 −2 Original line number Diff line number Diff line Loading @@ -30,11 +30,19 @@ const removePalanque = document.getElementById("removePal"); const addPalanque = document.getElementById("addPal"); const validatePalanque = document.getElementById("validatePal"); let countZone = 2; let countZone = 0; let countDiver = 5; let zoneList = [new DropZoneClass(0), new DropZoneClass(1), new DropZoneClass(2)]; let zoneList = []; let counterCheck = 0; window.onload = async () => { let palanqueList = await getDiver('DS1'); createZoneForPalanque(palanqueList); console.log(palanqueList); fillZoneWithAlreadyExistingPalanque(palanqueList); } function allowDrop(event) { event.preventDefault(); } Loading Loading @@ -121,6 +129,7 @@ function proccessDiverData(data){ diver.innerHTML = data[i].US_FIRST_NAME + " " + data[i].US_NAME + " " + data[i].PRE_CODE + " " + data[i].US_TEACHING_LEVEL; zoneStart.appendChild(diver); } return data; } let validatePalanqueCombinate = { Loading Loading @@ -217,4 +226,30 @@ function sendPalanque() { console.log("send"); } function fillZoneWithAlreadyExistingPalanque(diverList){ diverList.forEach(element => { let zone = document.getElementById("zone" + element.DG_NUMBER); let diver = document.getElementById('item' + countDiver +',' + element.PRE_CODE + ',E' + element.US_TEACHING_LEVEL + ',' + element.US_ID); zone.appendChild(diver); }); } function createZoneForPalanque(diverList){ let dgList = []; diverList.forEach(element => { if(!dgList.includes(element.DG_NUMBER)) dgList.push(element.DG_NUMBER); }); dgList.forEach(element => { let palanque = document.createElement("div"); palanque.setAttribute("class", "border-2 p-4 zone"); palanque.setAttribute("id", "zone" + element); palanque.setAttribute("ondrop", "drop(event)"); palanque.setAttribute("ondragover", "allowDrop(event)"); zoneList.push(new DropZoneClass(element)); DropZone.appendChild(palanque); }); } getDiver('DS1'); resources/views/palanque_manuel.blade.php +0 −3 Original line number Diff line number Diff line Loading @@ -8,9 +8,6 @@ </div> <div class="p-2 grid grid-cols-2 md:grid-cols-3 gap-4" id="DropZone"> <div class="border-2 p-4 zone" id="zone0" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <div class="border-2 p-4 zone" id="zone1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <div class="border-2 p-4 zone" id="zone2" ondrop="drop(event)" ondragover="allowDrop(event)"></div> </div> </div> <button type='button' id="addPal">Add P</button> Loading Loading
public/js/Palanque/manualPalanque.js +37 −2 Original line number Diff line number Diff line Loading @@ -30,11 +30,19 @@ const removePalanque = document.getElementById("removePal"); const addPalanque = document.getElementById("addPal"); const validatePalanque = document.getElementById("validatePal"); let countZone = 2; let countZone = 0; let countDiver = 5; let zoneList = [new DropZoneClass(0), new DropZoneClass(1), new DropZoneClass(2)]; let zoneList = []; let counterCheck = 0; window.onload = async () => { let palanqueList = await getDiver('DS1'); createZoneForPalanque(palanqueList); console.log(palanqueList); fillZoneWithAlreadyExistingPalanque(palanqueList); } function allowDrop(event) { event.preventDefault(); } Loading Loading @@ -121,6 +129,7 @@ function proccessDiverData(data){ diver.innerHTML = data[i].US_FIRST_NAME + " " + data[i].US_NAME + " " + data[i].PRE_CODE + " " + data[i].US_TEACHING_LEVEL; zoneStart.appendChild(diver); } return data; } let validatePalanqueCombinate = { Loading Loading @@ -217,4 +226,30 @@ function sendPalanque() { console.log("send"); } function fillZoneWithAlreadyExistingPalanque(diverList){ diverList.forEach(element => { let zone = document.getElementById("zone" + element.DG_NUMBER); let diver = document.getElementById('item' + countDiver +',' + element.PRE_CODE + ',E' + element.US_TEACHING_LEVEL + ',' + element.US_ID); zone.appendChild(diver); }); } function createZoneForPalanque(diverList){ let dgList = []; diverList.forEach(element => { if(!dgList.includes(element.DG_NUMBER)) dgList.push(element.DG_NUMBER); }); dgList.forEach(element => { let palanque = document.createElement("div"); palanque.setAttribute("class", "border-2 p-4 zone"); palanque.setAttribute("id", "zone" + element); palanque.setAttribute("ondrop", "drop(event)"); palanque.setAttribute("ondragover", "allowDrop(event)"); zoneList.push(new DropZoneClass(element)); DropZone.appendChild(palanque); }); } getDiver('DS1');
resources/views/palanque_manuel.blade.php +0 −3 Original line number Diff line number Diff line Loading @@ -8,9 +8,6 @@ </div> <div class="p-2 grid grid-cols-2 md:grid-cols-3 gap-4" id="DropZone"> <div class="border-2 p-4 zone" id="zone0" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <div class="border-2 p-4 zone" id="zone1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <div class="border-2 p-4 zone" id="zone2" ondrop="drop(event)" ondragover="allowDrop(event)"></div> </div> </div> <button type='button' id="addPal">Add P</button> Loading