fix: count update (7def0a78) · Commits · Victor Friboulet / nautilus

public/js/Palanque/manualPalanque.js

+70 −16

Original line number	Diff line number	Diff line
		@@ -59,15 +59,22 @@ function drop(event) {
		let draggedItem = document.getElementById(data);
		if (event.target === zoneStart) {
		zoneList.forEach((element) => {
		if (element.getZoneNumber() === draggedItem.parentElement.id.split('zone')[1]) {
		console.log(element.getZoneNumber());
		// console.log(draggedItem.parentElement.id.split("zone")[1]);
		if (
		element.getZoneNumber() ==
		draggedItem.parentElement.id.split("zone")[1]
		) {
		console.log("Count" + element.getCounter());
		element.updateCounterNeg(setDropZoneSize(draggedItem));
		}
		});
		//console.log("Count" + zoneList[draggedItem.parentElement.id.split('zone')[1]].getCounter());
		zoneStart.appendChild(draggedItem);
		} else zoneA = zoneList[0];
		} else {
		zoneA = zoneList[0];
		zoneList.forEach((element) => {
		if (element.getZoneNumber() === index) {
		if (element.getZoneNumber() == index) {
		zoneA = element;
		}
		});
		@@ -81,7 +88,11 @@ function drop(event) {
		draggedItem.parentElement !== zoneA
		) {
		zoneList.forEach((element) => {
		if (element.getZoneNumber() === draggedItem.parentElement.id.split('zone')[1]) {
		if (
		element.getZoneNumber() ==
		draggedItem.parentElement.id.split("zone")[1]
		) {
		console.log("Count" + element.getCounter());
		element.updateCounterNeg(setDropZoneSize(draggedItem));
		}
		});
		@@ -96,6 +107,7 @@ function drop(event) {
		// console.log("Count" + zoneList[index].getCounter());
		// }
		}
		}

		function setZoneSize(zone) {
		zone.forEach((element) => {
		@@ -103,13 +115,19 @@ function setZoneSize(zone) {
		//console.log(elements);
		if (elements.id.split(",")[1] === "PB") {
		zoneList.forEach((element) => {
		if (element.getZoneNumber() === elements.parentElement.id.split('zone')[1]) {
		if (
		element.getZoneNumber() ==
		elements.parentElement.id.split("zone")[1]
		) {
		element.updateCounterPos(2);
		}
		});
		} else {
		zoneList.forEach((element) => {
		if (element.getZoneNumber() === elements.parentElement.id.split('zone')[1]) {
		if (
		element.getZoneNumber() ==
		elements.parentElement.id.split("zone")[1]
		) {
		element.updateCounterPos(1);
		}
		});
		@@ -143,7 +161,7 @@ addPalanque.addEventListener("click", function () {
		"border text-center bg-gray-200 rounded-lg p-3 pb-20 zone"
		);
		zoneList.forEach((element) => {
		if (element.getZoneNumber() === countZone) {
		if (element.getZoneNumber() == countZone) {
		countZone++;
		}
		});
		@@ -161,15 +179,20 @@ addPalanque.addEventListener("click", function () {

		removePalanque.addEventListener("click", function () {
		let nbZone =
		prompt("Veuillez entrer le numéro de la palanque à supprimer", "1") - 1;
		prompt("Veuillez entrer le numéro de la palanque à supprimer", "1");
		removePalanqueZone(nbZone);
		});

		function removePalanqueZone(nbZone) {
		countZone--;
		// console.log("#DropZone > div:nth-child("+nbZone+")");
		let palanque = document.querySelector("#DropZone > div:nth-child("+nbZone+") > div");
		console.log(document.querySelector("#DropZone > div:nth-child("+nbZone+") > div"));
		let palanque = document.querySelector(
		"#DropZone > div:nth-child(" + nbZone + ") > div"
		);
		console.log(
		document.querySelector(
		"#DropZone > div:nth-child(" + nbZone + ") > div"
		)
		);
		if (palanque.childElementCount > 0) {
		sizeT = palanque.childElementCount;
		for (let i = 0; i < sizeT; i++) {
		@@ -177,19 +200,49 @@ function removePalanqueZone(nbZone) {
		}
		}
		zoneList.forEach((element) => {
		if (element.getZoneNumber() === nbZone) {
		if (element.getZoneNumber() == nbZone) {
		zoneList.splice(zoneList.indexOf(element), 1);
		}
		});
		let palanqueContainer = document.querySelector("#DropZone > div:nth-child("+nbZone+")");
		let palanqueContainer = document.querySelector(
		"#DropZone > div:nth-child(" + nbZone + ")"
		);
		palanqueContainer.parentElement.removeChild(palanqueContainer);
		palanque.parentElement.removeChild(palanque);
		let dropZones = document.querySelectorAll("div.zone");
		updateZoneList();
		}

		function updateZoneList() {
		zoneList = [];
		let dropZones = document.querySelectorAll("#DropZone > div");
		let k = 0;
		dropZones.forEach((element) => {
		element.id = "zone" + k;
		// console.log(element);
		if(element.textContent === "Palanquée " + (k + 2)) {
		element.textContent = "Palanquée " + (k + 1);
		} else {
		element.querySelector('h3').textContent = "Palanquée " + (k + 1);
		zoneList.push(new DropZoneClass(k));
		let compteurM = 0;
		let divers = element.querySelectorAll("div > div.h-8");
		// console.log(divers);
		divers.forEach((elementE) => {
		// console.log(elementE);
		// console.log("COunter"+ compteurM);

		if(elementE.id.split(",")[1] === "PB") {
		compteurM += 2;
		} else {
		compteurM++;
		}
		});
		// console.log(compteurM);
		zoneList[k].updateCounterPos(compteurM);
		k++;
		}
		});

		}

		/**
		@@ -306,6 +359,7 @@ function validateAllCombination() {
		}

		let interval = setInterval(function () {
		updateZoneList();
		validateAllCombination();
		}, 250);

		@@ -385,7 +439,7 @@ function fillZoneWithAlreadyExistingPalanque(diverList) {
		if (zone) {
		zone.appendChild(diver);
		zoneList.forEach((element) => {
		if (element.getZoneNumber() === dgNumber) {
		if (element.getZoneNumber() == dgNumber) {
		element.updateCounterPos(setDropZoneSize(diver));
		}
		});
		@@ -406,7 +460,7 @@ function fillZoneWithAlreadyExistingPalanque(diverList) {
		zoneList.push(new DropZoneClass(dgNumber));
		console.log(zoneList);
		zoneList.forEach((element) => {
		if (element.getZoneNumber() === dgNumber) {
		if (element.getZoneNumber() == dgNumber) {
		element.updateCounterPos(setDropZoneSize(diver));
		}
		});