mirror of
https://github.com/welton89/RRBEC.git
synced 2026-04-05 13:35:42 +00:00
67 lines
1.6 KiB
HTML
67 lines
1.6 KiB
HTML
{% extends "base.html" %}
|
|
{% load static %}
|
|
|
|
|
|
{% block 'head' %}
|
|
<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' %}
|
|
Produtos
|
|
{% endblock %}
|
|
|
|
|
|
|
|
|
|
{% block 'body' %}
|
|
|
|
|
|
<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>
|
|
|
|
{% endfor %}
|
|
|
|
|
|
</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 %} |