welton/RRBEC
1
0
Fork 0
mirror of https://github.com/welton89/RRBEC.git synced 2026-04-05 13:35:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: mapa de mesas

Browse Source
This commit is contained in:
Welton Moura
2024-12-30 16:51:07 -03:00
parent eb55f60f7e
commit 7698cfae47
8 changed files with 106 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
gestaoRaul/db.sqlite3
View File

Binary file not shown.

BIN
gestaoRaul/mesas/__pycache__/urls.cpython-313.pyc
View File

Binary file not shown.

BIN
gestaoRaul/mesas/__pycache__/views.cpython-313.pyc
View File

Binary file not shown.

63
gestaoRaul/mesas/templates/mesas_map.html Normal file
View File

@@ -0,0 +1,63 @@
{% extends "base.html" %}
{% load static %}
{% block 'head' %}
<link rel="stylesheet" href="{% static 'mesas/css/mesas.css' %}">
{% endblock %}
{% block 'title' %}
RRB&C - Mapa de Mesas
{% endblock %}
{% block 'body' %}
<!-- <div class="card"
{% if mesa.active == True %}
style="background-color: indianred;"
{% endif %}
>{{mesa.name}}
</div> -->
<div id="mapa">
{% for mesa in mesas %}
{% if mesa.active == True %}
<div class="m-card" style= " {{ mesa.location }} background-color: indianred;" >{{mesa.name}}</div>
{% else %}
<div class="m-card" style= " {{ mesa.location }} " >{{mesa.name}}</div>
{% endif %}
{% endfor %}
</div>
<!-- <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 %}

2
gestaoRaul/mesas/urls.py
View File

@@ -4,7 +4,7 @@ from . import views
urlpatterns = [ urlpatterns = [
path('', views.mesas, name='mesas'), path('', views.mesas, name='mesas'),
path('onOffmesa/', views.onOffmesa, name='onOffmesa'), path('mapMesas/', views.mapMesas, name='mapMesas'),

17
gestaoRaul/mesas/views.py
View File

@@ -9,11 +9,14 @@ def mesas(request):
return render(request, 'mesas.html', {'mesas': mesas}) return render(request, 'mesas.html', {'mesas': mesas})
def mapMesas(request):
mesas = Mesa.objects.all()
return render(request, 'mesas_map.html', {'mesas': mesas})
def onOffmesa(request): # def onOffmesa(request):
id = request.POST.get('id-mesa') # id = request.POST.get('id-mesa')
mesa_id = int(id) # mesa_id = int(id)
mesa = Mesa.objects.get(id=mesa_id) # mesa = Mesa.objects.get(id=mesa_id)
mesa.active = not mesa.active # mesa.active = not mesa.active
mesa.save() # mesa.save()
return redirect('mesas') # return redirect('mesas')

1
gestaoRaul/templates/base.html
View File

@@ -25,6 +25,7 @@
<li><a href="{% url 'comandas' %}">Comandas</a></li> <li><a href="{% url 'comandas' %}">Comandas</a></li>
<li><a href="{% url 'products' %}">Produtos</a></li> <li><a href="{% url 'products' %}">Produtos</a></li>
<li><a href="{% url 'viewBalcao' %}">Balcão</a></li> <li><a href="{% url 'viewBalcao' %}">Balcão</a></li>
<li><a href="{% url 'mapMesas' %}">Mapa de Mesas</a></li>
<li><a href="#">Categorias</a></li> <li><a href="#">Categorias</a></li>
</ul> </ul>
</nav> </nav>

30
gestaoRaul/templates/static/mesas/css/mesas.css
View File

@@ -19,8 +19,38 @@
color: #333; color: #333;
transition: transform 0.2s; transition: transform 0.2s;
} }
.m-card {
width: 80px;
height: 80px;
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 */
font-size: 20px;
font-weight: bold;
color: #333;
position: absolute;
transition: transform 0.2s;
}
.card:hover { .card:hover {
transform: scale(1.05); transform: scale(1.05);
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
} }
.m-card:hover {
transform: scale(1.05);
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}
#mapa {
width: 1200px;
height: 800px;
background-image: url('https://payload.cargocollective.com/1/22/714749/12741186/FAENG-ANTES_1216.png');
position: relative;
}
.elemento {
position: absolute;
}