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

style: alteração icones e fixação barra nav

Browse Source
This commit is contained in:
Welton Moura
2025-01-07 19:16:29 -03:00
parent 3a6d214356
commit c0e93980ac
15 changed files with 114 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
gestaoRaul/templates/base.html
View File

@@ -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 %}

14
gestaoRaul/templates/htmx_components/htmx_list_products_in_comanda.html
View File

@@ -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 %}

25
gestaoRaul/templates/htmx_components/products/htmx_search_products.html
View File

@@ -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>

15
gestaoRaul/templates/static/base.css
View File

@@ -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 {

14
gestaoRaul/templates/static/comandas/js/viewcomanda.js
View File

@@ -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
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 758 B

7
gestaoRaul/templates/static/midia/icons/edit.svg Normal file
View 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"/>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

7
gestaoRaul/templates/static/midia/icons/toggle-off.svg Normal file
View 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"/>
Side by Side

After

Width:  |  Height:  |  Size: 744 B

7
gestaoRaul/templates/static/midia/icons/toggle-on.svg Normal file
View 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"/>
Side by Side

After

Width:  |  Height:  |  Size: 706 B