From 79409843d0e615739a8338aca8bb085958788222 Mon Sep 17 00:00:00 2001
From: Welton Moura <weltonmoura@live.com>
Date: Tue, 31 Dec 2024 11:43:32 -0300
Subject: [PATCH] matriz do mapa de mesas

---
 .../mesas/__pycache__/models.cpython-313.pyc  | Bin 966 -> 949 bytes
 .../mesas/__pycache__/views.cpython-313.pyc   | Bin 794 -> 1097 bytes
 gestaoRaul/mesas/models.py                    |   3 +-
 gestaoRaul/mesas/templates/mesas_map.html     |  96 ++++++++++++------
 gestaoRaul/mesas/views.py                     |   8 +-
 .../templates/static/mesas/css/mesas.css      |   9 +-
 6 files changed, 77 insertions(+), 39 deletions(-)

diff --git a/gestaoRaul/mesas/__pycache__/models.cpython-313.pyc b/gestaoRaul/mesas/__pycache__/models.cpython-313.pyc
index f92f1198129c9117eb6696b8f47429e8c3bec6b3..f38956d941f92bce841f894d1417dd5bdf9da59b 100644
GIT binary patch
delta 84
zcmX@czLlNtGcPX}0}!13P@MjdaU!1ts}+zpb)z{qBO~i%XT}eV+>=e1&H&kr%<~l`
hfN~$085tSxGRS=4U}u!<FzdJJwE4;aWEP14B>|*~6o3E#

delta 101
zcmdnWevF;(GcPX}0}zyTrKU?VP2`ghbOZ9HG6XXOGkP<4F%~f@Y}DpvWMrFc&iH|m
zXR-#<86f*B(|k2qpt=vtjEszT8Dze)F)+%0VPR*K>@e%M>9qOE0Av=409610hbk7w

diff --git a/gestaoRaul/mesas/__pycache__/views.cpython-313.pyc b/gestaoRaul/mesas/__pycache__/views.cpython-313.pyc
index 01d5fc57d4446e3d43b14e14199d35d045397720..363a857f8b6ed854241aa51c019d7d50a2053886 100644
GIT binary patch
delta 634
zcmbQmc9MhlGcPX}0}yzBFHV0xk@ttRCQA`3kbjFkKPf9Uxup0Ob7D?T5i?LobFu>C
z;(B%<3&i{U1V~I}&}YbFjAjHf!62A1n8}n0!WL%mFk)cHV?vQ-Mv|2W$})#C2eaq`
zEevIX(7~*FOnEG!j6onf&_F1QDWeKROo72yk%57m0Z5xb=x7$0>L9j>3x(@BVO#`l
z3T5W8MsveNLm7hEA_9Zi^_WbdHmWdaa`+X2Jn>QzMDT+MpidYynQk#w++wV(;>%4f
zPArbkO)SvMD9O#yWGVs$$}RTP%!>Tth)7MgTdYO(iFxU%x7ZR33R3e@z#&@10aR23
zauy^s*@{2`UnC6D%9weJG3ypfW=U!;*sNkUpr`^E6oH(2ivwtxFUZy+kehgbxHtz$
zG%(!Y6KHV1!z(nwa6(XDbO+-dL9q#iGlZsvNOw5ikdU0AG?Qh4;sU3IDi?*-J6vw?
z2>1JS`pq!8#-s3=l|e}MBQpb^<QFamUcr8!PM_;MG8cJdF7wDWxZdFwoS=R|T6;t3
zMcu&5+(8#uf{J)1&t<Z92036QLlMXgP`BCS=BJeAq}mn90>waSp;!z^d|+l|WW3Ly
V^OQmM69*Hc^=B>)#$ZOUJ^)5}fMx&y

delta 255
zcmX@fF^i4&GcPX}0}xogEK0YU$ooTjB})-2kbjFkKPf9Uxup0Ob7D?T5i?L|<zxlM
z#S`0d>-ln1ixZ3Ea}x{nGD>oDir9gYMI0c48%Pv00SN_#B3>YMivy_07o@sK0LbM5
zNoxX$28KI40{uRnKG%6<F7n7+=8<b~y~8ayLH&ZX_KNfkr5AK<FLT>nV6iLW1FH7Z
zWWObll9ia3p08J&kw5t^v!)ZsxRnfGX{b#$x%nxjIjMF<B0wodATAaK5+9fu85!?0
V=sabR{lvk<X#JUsiP0Xc4FGa*LmmJC

diff --git a/gestaoRaul/mesas/models.py b/gestaoRaul/mesas/models.py
index 1326f82..a4c8afd 100644
--- a/gestaoRaul/mesas/models.py
+++ b/gestaoRaul/mesas/models.py
@@ -1,7 +1,6 @@
 from django.db import models
 
-# Create your models here.
-from django.db import models
+
 
 class Mesa(models.Model):
     id = models.AutoField(primary_key=True)
diff --git a/gestaoRaul/mesas/templates/mesas_map.html b/gestaoRaul/mesas/templates/mesas_map.html
index e330ff3..ffcdae0 100644
--- a/gestaoRaul/mesas/templates/mesas_map.html
+++ b/gestaoRaul/mesas/templates/mesas_map.html
@@ -2,7 +2,6 @@
 {% load static %}
 
 
-
 {% block 'head' %}
 <link rel="stylesheet" href="{% static 'mesas/css/mesas.css' %}">
 {% endblock %}
@@ -15,21 +14,76 @@ RRB&C - Mapa de Mesas
 
 
 
-<!-- <div class="card"
-{% if mesa.active == True %}
-style="background-color: indianred;"
-{% endif %}
->{{mesa.name}} 
-</div> -->
+<style>
+  .container {
+    display: flex;
+    justify-content: space-around;
+}
 
+.column {
+    border: 1px solid #ccc;
+    padding: 10px;
+}
+
+.task {
+  width: 50px;
+  height: 50px;
+    background: #f0f0f0;
+    padding: 10px;
+    cursor: move;
+}
+</style>
+
+
+
+<script>
+  function eventEnter(event) {
+    console.log(event)
+  }
+
+  const columns = document.querySelectorAll('.column');
+
+columns.forEach(column => {
+    column.addEventListener('dragover', (e) => {
+        e.preventDefault();
+    });
+
+    column.addEventListener('drop', (e) => {
+        const task = document.querySelector('.dragging');
+        column.appendChild(task);
+    });
+});
+
+document.addEventListener('dragstart', (e) => {
+  e.target.classList.remove('dragging');
+});
+
+document.addEventListener('dragend', (e) => {
+  e.target.classList.add('dragging');
+});
+
+</script>
 <div id="mapa">
+
+  {% for eixo in eixosXY %}
+        <div 
+        id="{{eixo.y}}-{{eixo.y}}" 
+        class="column"
+        ondragenter="eventEnter(event)" 
+        style="background-color: rgba(0, 0, 255, 0.103); 
+        width: 50px; 
+        height: 50px; 
+        left: {{eixo.y}}px; 
+        top: {{eixo.x}}px;position: absolute"></div>
+  {% endfor %}
+
+
   {% for mesa in mesas %}
 
- 
   {% if mesa.active == True %}
-  <div class="m-card" style= " {{ mesa.location }} background-color: indianred;"  >{{mesa.name}}</div>
+  <div class="m-card" ondragend="eventEnter(event)" draggable="true" style="  background-color: indianred;"  >{{mesa.name}}</div>
    {% else %}
-   <div class="m-card" style= " {{ mesa.location }} "  >{{mesa.name}}</div>
+   <div class="m-card" ondragend="eventEnter(event)" draggable="true"  >{{mesa.name}}</div>
    {% endif %}
   
   {% endfor %}
@@ -38,26 +92,4 @@ style="background-color: indianred;"
 
 
 
-<!-- <body>
-  <div class="grid-container">
-    
-    {% for mesa in mesas %}
-    
-    <div class="card" style="right: 20px; bottom: 30px;">Elemento 2</div>
-
-    <div class="card"
-    {% if mesa.active == True %}
-    style="background-color: indianred;"
-    {% endif %}
-    >{{mesa.name}} 
-    
-  </div>
-
-    {% endfor %} 
-
-
-  </div>
-</body> -->
-
-
 {% endblock %}
\ No newline at end of file
diff --git a/gestaoRaul/mesas/views.py b/gestaoRaul/mesas/views.py
index fa0bbb5..9322ec0 100644
--- a/gestaoRaul/mesas/views.py
+++ b/gestaoRaul/mesas/views.py
@@ -10,8 +10,14 @@ def mesas(request):
 
 
 def mapMesas(request):
+    eixosXY = []
+    for i in range(0,25):
+        for j in range(0,15):
+            item = {'x':j*50, 'y':i*50}
+            eixosXY.append(item)
+
     mesas = Mesa.objects.all()
-    return render(request, 'mesas_map.html', {'mesas': mesas})
+    return render(request, 'mesas_map.html', {'mesas': mesas, 'eixosXY': eixosXY})
 
 # def onOffmesa(request):
 #     id = request.POST.get('id-mesa')
diff --git a/gestaoRaul/templates/static/mesas/css/mesas.css b/gestaoRaul/templates/static/mesas/css/mesas.css
index 94a8d0e..fa78942 100644
--- a/gestaoRaul/templates/static/mesas/css/mesas.css
+++ b/gestaoRaul/templates/static/mesas/css/mesas.css
@@ -20,18 +20,19 @@
     transition: transform 0.2s;
   }
 .m-card {
-    width: 80px;
-    height: 80px;
+    width: 50px;
+    height: 50px;
     background-color: #f2f2f2;
     border-radius: 15px;
     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     text-align: center;
-    line-height: 80px; /* Centraliza o texto verticalmente */
+    line-height: 50px; /* Centraliza o texto verticalmente */
     font-size: 20px;
     font-weight: bold;
     color: #333;
-    position: absolute;
+    /* position: absolute; */
     transition: transform 0.2s;
+    cursor: move;
   }
 
 .card:hover {