feat: manual diving group

const DropZone = document.getElementById("DropZone");

const removePalanque = document.getElementById("removePal");

const addPalanque = document.getElementById("addPal");

const validatePalanque = document.getElementById("validatePal").disabled = true;

const validatePalanque = document.getElementById("validatePal");

let countZone = 0;

let countDiver = 0;

let zoneList = [];

let counterCheck = 0;

let disableVal = true;

getDiver("DS1").then(data => fillZoneWithAlreadyExistingPalanque(data));

        return false;

      let children = element.childNodes;

      for(let i = 0; i < children.length; i++){

        for(let j = 0; j < children.length; j++){

          if(children[j].id.split(',')[1] === 'PA-60-GP'){

            console.log("ok");

            counterCheck++;

            if(element.style.backgroundColor === 'red')

              element.style.backgroundColor = 'white';

            return true;

          }

        }

      }

      for(let i = 0; i < children.length; i++){

        console.log(children[i].id.split(',')[1]);

        {

          let targetItemsSplit = children[i].id.split(',')[2];

          for(targetItemsSplit in validatePalanqueCombinate){

            for(let j = 0; j < children.length; j++){

            return false;

          }

        }

      }

    }

  });

  if(counterCheck == countZone){

    validatePalanque.disable = false;

    disableVal = false;

    return true;

  }

}

validatePalanque.addEventListener("click", function(){

  if(!disableVal)

    sendPalanque();

    clearInterval(interval);

});

  xhr.send(palanqueListJson);

  console.log("send");

}

function fillZoneWithAlreadyExistingPalanque(diverList) {

  diverList.forEach(element => {

    let diver = document.getElementById('item' + element.US_ID + ',' + element.PRE_CODE + ',E' + element.US_TEACHING_LEVEL + ',' + element.US_ID);