style | clean

This commit is contained in:
2025-01-08 19:43:53 -03:00
parent 57f6f3a7fa
commit d874b94c16
16 changed files with 43 additions and 93 deletions

View File

@@ -4,8 +4,6 @@
{% block 'head' %}
<link rel="stylesheet" href="{% static 'products/css/products.css' %}">
{% endblock %}
{% block 'title' %}
@@ -13,19 +11,15 @@ Produtos
{% endblock %}
{% block 'body' %}
<body>
<div class="grid-container">
<div class="grid-top">
<button style="
width: 30%;
margin: 5px 10px 20px 10px;
"
onclick="openModal()" id="openModal">Adicionar Novo Produto</button>
margin: 5px 10px 20px 10px;"
onclick="openModal()" id="openModal">Novo Produto</button>
<input type="text" id="search-product" name="search-product" placeholder="Buscar Produto" hx-get="{% url 'searchProduct' %}" hx-trigger="keyup" hx-target="#product-list">
</div>
@@ -84,20 +78,14 @@ Produtos
</td>
</tr>
{% endfor %}
</table>
</div>
</body>
<dialog id='Modal-create-product' >
<article >
<dialog id='Modal-create-product' >
<article >
<form action="{% url 'create_product' %}" id="productForm" method="post" >
{% csrf_token %}
@@ -106,20 +94,20 @@ Produtos
<input type="text" id="productName" name="name" required placeholder="Nome"><br>
<input type="number" step="0.01" id="productPrice" name="price" required placeholder="Preço"><br>
<input type="number" step="1" id="productqtd" name="qtd" placeholder="Quantidade"><br>
<select id="select-categorie" name="select-categorie" >
<select id="select-categorie" name="select-categorie" >
{% for categorie in categories %}
<option value="{{categorie.id}}">{{categorie.name}}</option>
{% endfor %}
{% for categorie in categories %}
<option value="{{categorie.id}}">{{categorie.name}}</option>
{% endfor %}
</select>
</select>
<textarea id="productDescription" name="description" rows="4" placeholder="Descrição"></textarea><br>
<footer class="grid-buttons">
<button id="save" type="submit">Salvar</button>
<button onclick="closeModal()" type="button" id="edit" hx-post="{% url 'editProduct' 1 %}" hx-trigger="click" hx-target="#product-list" >Alterar</button>
<button type="button" onclick="closeModal()" style="background-color:red;">Fechar</button>
</footer>
</form>
</form>
</article>
</dialog>