feat: save location mesa_map

gestaoRaul/templates/static/mesas/js/mesas_map.js

@@ -0,0 +1,70 @@
+document.addEventListener('dragstart', (e) => {
+    e.target.classList.add('dragging');
+});
+
+document.addEventListener('dragover', (e) => {
+    e.preventDefault();
+    const target = e.target;
+    if (target.classList.contains('column')) {
+        target.style.backgroundColor = ''; 
+    }
+});
+
+document.addEventListener('dragend', (e) => {
+    e.target.classList.remove('dragging');
+    document.querySelectorAll('.column').forEach(column => {
+        column.style.backgroundColor = '';
+    });
+});
+
+document.addEventListener('drop', (e) => {
+    e.preventDefault();
+    const draggable = document.querySelector('.dragging');
+    e.target.appendChild(draggable);
+});
+function manipularCards() {
+  const cards = document.querySelectorAll('.m-card');
+
+  cards.forEach(card => {
+    const input = card.querySelector('input');
+    const inputValue = input.value; 
+    const targetElement = document.getElementById(inputValue); 
+
+    if (targetElement) {
+      targetElement.appendChild(card);
+    } else {
+      console.error(`Elemento com ID ${inputValue} não encontrado.`);
+    }
+  });
+}
+
+function saveLocal() {
+  const draggedElement = event.dataTransfer.getData('text/plain');
+
+const mesaElement = event.target;
+const targetElement = event.target.parentNode;
+const mesaId = mesaElement.id
+
+const targetId = targetElement.id;
+const url = `/mesas/locationMesa/${mesaId}/${targetId}/`;
+var resposta =   fetch(url, {method: 'GET', headers: {'Content-Type': 'application/json'
+    },}).then(response => response.json())
+  .then(data => {
+    console.log(data); 
+    if(data.status == 'ok'){
+      alert('Mesa movida com sucesso!')
+    }
+  })
+  .catch(error => {
+    console.error('Erro ao salvar local:', error);
+  });
+
+}
+
+setTimeout(function() {
+  manipularCards();}, 1);
+
+  setTimeout()
+  
+  
+