mirror of
https://github.com/welton89/RRBEC.git
synced 2026-04-05 21:45:41 +00:00
style: alteração icones e fixação barra nav
This commit is contained in:
@@ -80,8 +80,14 @@ Detalhes {{comanda.name}}
|
||||
{% if comanda.status != 'OPEN'%}
|
||||
{% else %}
|
||||
<td>
|
||||
<button
|
||||
hx-get="{% url 'removeProductComanda' item.id %} " hx-trigger="click" hx-target="#list-products-comanda" onclick="open_remove_product_comanda()">🗑️ Excluir</button>
|
||||
<img
|
||||
src="{% static 'midia/icons/delete.svg' %}"
|
||||
style="width: 35px; height: 35px; cursor: pointer;"
|
||||
hx-get="{% url 'removeProductComanda' item.id %} "
|
||||
hx-trigger="click"
|
||||
hx-target="#list-products-comanda"
|
||||
hx-confirm="Tem certeza que deseja excluir o produto {{item.product.name}}?" >
|
||||
</img>
|
||||
</td>
|
||||
{% endif %}
|
||||
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -17,7 +17,7 @@ Produtos
|
||||
{% block 'body' %}
|
||||
|
||||
|
||||
<body><br>
|
||||
<body>
|
||||
<div class="grid-container">
|
||||
<div class="grid-top">
|
||||
<button style="
|
||||
@@ -47,7 +47,12 @@ Produtos
|
||||
<td id="category-{{product.id}}" >{{product.category.name}}</td>
|
||||
<td>
|
||||
<div class="grid-buttons">
|
||||
<h2 onclick="editProduct({{product.id}})" style="cursor: pointer;" >📝</h2>
|
||||
<img
|
||||
src="{% static 'midia/icons/edit.svg' %}"
|
||||
style=" width: 35px; height: 35px; cursor: pointer;"
|
||||
onclick="editProduct({{product.id}})" >
|
||||
</img>
|
||||
|
||||
<input type="hidden" id="h-category-{{product.id}}" value="{{ product.category.id }}">
|
||||
<input type="hidden" id="description-{{product.id}}" value="{{ product.description }}">
|
||||
|
||||
@@ -56,9 +61,21 @@ Produtos
|
||||
<input type="hidden" name="id-product" id="id-{{product.id}}" value="{{ product.id }}">
|
||||
|
||||
{% if product.active == True %}
|
||||
<button style="background-color: rgba(255, 0, 0, 0);">✅</button>
|
||||
<button style="background-color: rgba(255, 0, 0, 0); padding: 0px;">
|
||||
<img
|
||||
src="{% static 'midia/icons/toggle-on.svg' %}"
|
||||
style=" width: 35px; height: 35px; cursor: pointer;"
|
||||
>
|
||||
</img>
|
||||
</button>
|
||||
{% else %}
|
||||
<button style="background-color: rgba(0, 128, 0, 0);" >🚫</button>
|
||||
<button style="background-color: rgba(0, 128, 0, 0); padding: 0px;" >
|
||||
<img
|
||||
src="{% static 'midia/icons/toggle-off.svg' %}"
|
||||
style=" width: 35px; height: 35px; cursor: pointer;"
|
||||
>
|
||||
</img>
|
||||
</button>
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
||||
@@ -15,6 +15,7 @@
|
||||
{% endblock %}
|
||||
<title> {% block 'title' %}{% endblock %} </title>
|
||||
</head>
|
||||
|
||||
<div>
|
||||
<header class="p-header">
|
||||
<nav class="nav-bar">
|
||||
@@ -63,6 +64,7 @@
|
||||
|
||||
|
||||
</div>
|
||||
<br>
|
||||
<body>
|
||||
{% block 'body' %}
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,3 +1,6 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
<tr>
|
||||
<th style="text-align: left;">Produto</th>
|
||||
<th style="text-align: left;">Preço</th>
|
||||
@@ -8,7 +11,16 @@
|
||||
<tr>
|
||||
<td>{{item.product.name}}</td>
|
||||
<td>R$ {{item.product.price}}</td>
|
||||
<td><button hx-get="{% url 'removeProductComanda' item.id %} " hx-trigger="click" hx-target="#list-products-comanda" onclick="open_remove_product_comanda()">🗑️ Apagar</button></td>
|
||||
<td>
|
||||
<img
|
||||
src="{% static 'midia/icons/delete.svg' %}"
|
||||
style="width: 35px; height: 35px; cursor: pointer;"
|
||||
hx-get="{% url 'removeProductComanda' item.id %} "
|
||||
hx-trigger="click"
|
||||
hx-target="#list-products-comanda"
|
||||
hx-confirm="Tem certeza que deseja excluir o produto {{item.product.name}}?" >
|
||||
</img>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
<tr>
|
||||
@@ -17,8 +18,11 @@
|
||||
<td id="category-{{product.id}}" >{{product.category.name}}</td>
|
||||
<td>
|
||||
<div class="grid-buttons">
|
||||
<h2 onclick="editProduct({{product.id}})" style="cursor: pointer;" >📝</h2>
|
||||
<input type="hidden" id="h-category-{{product.id}}" value="{{ product.category.id }}">
|
||||
<img
|
||||
src="{% static 'midia/icons/edit.svg' %}"
|
||||
style=" width: 35px; height: 35px; cursor: pointer;"
|
||||
onclick="editProduct({{product.id}})" >
|
||||
</img> <input type="hidden" id="h-category-{{product.id}}" value="{{ product.category.id }}">
|
||||
<input type="hidden" id="description-{{product.id}}" value="{{ product.description }}">
|
||||
|
||||
<form action="{% url 'onOffproduct' %}" method="post">
|
||||
@@ -26,10 +30,21 @@
|
||||
<input type="hidden" name="id-product" id="id-{{product.id}}" value="{{ product.id }}">
|
||||
|
||||
{% if product.active == True %}
|
||||
<button style="background-color: rgba(255, 0, 0, 0);">✅</button>
|
||||
<button style="background-color: rgba(255, 0, 0, 0); padding: 0px;">
|
||||
<img
|
||||
src="{% static 'midia/icons/toggle-on.svg' %}"
|
||||
style=" width: 35px; height: 35px; cursor: pointer;"
|
||||
>
|
||||
</img>
|
||||
</button>
|
||||
{% else %}
|
||||
<button style="background-color: rgba(0, 128, 0, 0);" >🚫</button>
|
||||
|
||||
<button style="background-color: rgba(0, 128, 0, 0); padding: 0px;" >
|
||||
<img
|
||||
src="{% static 'midia/icons/toggle-off.svg' %}"
|
||||
style=" width: 35px; height: 35px; cursor: pointer;"
|
||||
>
|
||||
</img>
|
||||
</button>
|
||||
{% endif %}
|
||||
|
||||
</form>
|
||||
|
||||
@@ -1,25 +1,29 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&display=swap');
|
||||
body {
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 15px;
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 70px 0px 0px 0px;
|
||||
/* padding: 15px;
|
||||
font-family: Arial, sans-serif; */
|
||||
}
|
||||
|
||||
/* * {
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: 'Inter', sans-serif;
|
||||
} */
|
||||
}
|
||||
|
||||
.p-header {
|
||||
background-color: #24252a;
|
||||
box-shadow: 0px 3px 10px #464646;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0.1rem 2rem;
|
||||
|
||||
}
|
||||
|
||||
.logo {
|
||||
@@ -58,6 +62,7 @@ body {
|
||||
padding: 10px 15px;
|
||||
border-radius: 5px;
|
||||
background-color: #0187a7;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.login-button button a {
|
||||
|
||||
@@ -5,10 +5,10 @@ function openModal() {
|
||||
}
|
||||
|
||||
|
||||
function open_remove_product_comanda() {
|
||||
document.getElementById('remove-product-comanda').style.display = 'block';
|
||||
// alert('Produto removido com sucesso!');
|
||||
}
|
||||
// function open_remove_product_comanda() {
|
||||
// document.getElementById('remove-product-comanda').style.display = 'block';
|
||||
// // alert('Produto removido com sucesso!');
|
||||
// }
|
||||
|
||||
function modal_payment_comanda() {
|
||||
document.getElementById('payment-comanda').style.display = 'block';
|
||||
@@ -23,9 +23,9 @@ function closeModal() {
|
||||
}
|
||||
|
||||
|
||||
function removeCloseModal() {
|
||||
document.getElementById('remove-product-comanda').style.display = 'none';
|
||||
}
|
||||
// function removeCloseModal() {
|
||||
// document.getElementById('remove-product-comanda').style.display = 'none';
|
||||
// }
|
||||
|
||||
function imprimirFichas() {
|
||||
const element = document.getElementById("list-products-comanda");
|
||||
|
||||
12
gestaoRaul/templates/static/midia/icons/delete.svg
Normal file
12
gestaoRaul/templates/static/midia/icons/delete.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
|
||||
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
|
||||
|
||||
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
|
||||
<g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 3L15.5 4H19V6H5V4H8.5L9.5 3H14.5ZM8 21C6.9 21 6 20.1 6 19V7H18V19C18 20.1 17.1 21 16 21H8ZM12 12.59L14.12 10.47L15.53 11.88L13.41 14L15.53 16.12L14.12 17.53L12 15.41L9.88 17.53L8.47 16.12L10.59 14L8.46 11.88L9.87 10.47L12 12.59Z" fill="#ff0000"/> </g>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 758 B |
7
gestaoRaul/templates/static/midia/icons/edit.svg
Normal file
7
gestaoRaul/templates/static/midia/icons/edit.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
|
||||
<svg fill="#008bf5" xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 52 52" enable-background="new 0 0 52 52" xml:space="preserve" stroke="#008bf5">
|
||||
|
||||
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
|
||||
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
7
gestaoRaul/templates/static/midia/icons/toggle-off.svg
Normal file
7
gestaoRaul/templates/static/midia/icons/toggle-off.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
|
||||
<svg width="800px" height="800px" viewBox="-0.24 -0.24 24.48 24.48" xmlns="http://www.w3.org/2000/svg" fill="#f50000" stroke="#f50000" stroke-width="0.00024000000000000003" transform="matrix(-1, 0, 0, 1, 0, 0)">
|
||||
|
||||
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
|
||||
|
||||
|
After Width: | Height: | Size: 744 B |
7
gestaoRaul/templates/static/midia/icons/toggle-on.svg
Normal file
7
gestaoRaul/templates/static/midia/icons/toggle-on.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
|
||||
<svg width="800px" height="800px" viewBox="-0.24 -0.24 24.48 24.48" xmlns="http://www.w3.org/2000/svg" fill="#00e64d" stroke="#00e64d" stroke-width="0.00024000000000000003">
|
||||
|
||||
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
|
||||
|
||||
|
After Width: | Height: | Size: 706 B |
Reference in New Issue
Block a user