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

tentanto implementar uma modal

Browse Source
This commit is contained in:
Welton Moura
2024-12-11 11:00:22 -03:00
parent fbb326f347
commit e5ef3898d0
11 changed files with 117 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
gestaoRaul/products/templates/products.html
View File

@@ -3,7 +3,10 @@
{% block 'head' %}
<link rel="stylesheet" href="{% static 'mesas/css/mesas.css' %}">
<link rel="stylesheet" href="{% static 'products/css/products.css' %}">
<script src="{% static 'products/js/products.js' %}"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
{% endblock %}
{% block 'title' %}
@@ -18,10 +21,15 @@ Produtos
<body>
<div class="grid-container">
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
Abrir Modal
</button>
{% for product in products %}
<div class="card">{{product.name}}</div>
<div class="card">
{{product.name}}
</div>
{% endfor %}
@@ -29,5 +37,31 @@ Produtos
</div>
</body>
{% comment %} <dialog open>
<h2>Titulo modal</h2>
<p>texto qualquer</p>
</dialog> {% endcomment %}
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Título do Modal</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Conteúdo do seu modal.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
<button type="button" class="btn btn-primary">Salvar mudanças</button>
</div>
</div>
</div>
</div>
{% endblock %}