style: icons svg

gestaoRaul/clients/templates/clients.html

@@ -8,6 +8,10 @@
 Clientes
 {% endblock %}
 
+{% block 'head' %}
+<link rel="stylesheet" href="{% static 'clients/css/clients.css' %}">
+{% endblock %}
+
 {% block 'body' %}
 
 
@@ -36,6 +40,7 @@ Clientes
       <td hidden  id="active-{{client.id}}" >{{client.active}}</td>
       <td>
     <div class="grid-buttons">
+      
     <img 
       src="{% static 'midia/icons/edit.svg' %}" 
       style=" width: 35px; height: 35px; cursor: pointer;" 
@@ -45,23 +50,18 @@ Clientes
         <input type="hidden" id="name-{{client.id}}" value="{{ client.name }}">
         <input type="hidden" id="contact-{{client.id}}" value="{{ client.contact }}">
      
-      <form hx-post="{% url 'payDebt' %}" hx-trigger="click"  hx-target="#client-list">
+        <form style="max-width: 50px;" hx-post="{% url 'payDebt' %}" hx-trigger="click"  hx-target="#client-list">
         {% csrf_token %}
         <input type="hidden"  name="id-client" id="id-{{client.id}}" value="{{ client.id }}">
-
+        <button style="background-color: rgba(255, 0, 0, 0); padding: 0px; border: none;">
-
-      <button style="background-color: rgba(255, 0, 0, 0); padding: 0px;">
           <img 
-      src="{% static 'midia/icons/toggle-on.svg' %}" 
+            src="{% static 'midia/icons/pay.svg' %}" 
-      style=" width: 35px; height: 35px; cursor: pointer;" 
+            style="width: 35px; height: 35px; cursor: pointer;">
-       >
           </img>
         </button>
-
-
-
       </form>
     </div>
+
     </td>
   </tr>
 

gestaoRaul/comandas/templates/viewcomanda.html

@@ -69,8 +69,8 @@ Detalhes {{comanda.name}}
 
        <img
         onclick="openModalAlter()"
-        src="{% static 'midia/icons/edit.svg' %}"
+        src="{% static 'midia/icons/pen.svg' %}"
-        style="width: 35px; height: 35px; cursor: pointer;">
+        style="width: 30px; height: 35px; cursor: pointer;">
       </img>
 
      </div>
@@ -92,8 +92,8 @@ Detalhes {{comanda.name}}
         {% if item.product.cuisine == True %}
         <img
         onclick="openModalObs({{item.id}})"
-        src="{% static 'midia/icons/edit.svg' %}"
+        src="{% static 'midia/icons/note.svg' %}"
-        style="width: 35px; height: 35px; cursor: pointer;">
+        style="width: 25px; height: 35px; cursor: pointer;">
       </img>
         {% endif %}
 

gestaoRaul/templates/static/clients/css/clients.css

@@ -53,19 +53,14 @@ input, textarea {
 
 * dialog {
     transform: scale(1);
-    /* display: flexbox;
+
-    max-width: 200;
-    max-height: 400; */
 }
 
 
 
 .grid-buttons {
-    display: grid;
+  display: flex;
-    grid-template-columns: repeat(2, 1fr);
   gap: 10px;
-    max-width: 500px; /* Define a largura máxima do grid */
-    /* margin: 0 auto;  */
   }
 
 .grid-container {
@@ -88,7 +83,7 @@ input, textarea {
     border-radius: 15px;
     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     text-align: center;
-    line-height: 120px; /* Centraliza o texto verticalmente */
+    line-height: 120px;
     font-size: 20px;
     font-weight: bold;
     color: #333;

gestaoRaul/templates/static/clients/js/clients.js

@@ -18,8 +18,14 @@ function openModal() {
     clientActive.checked = false
 }
 
+function reloadPage(){
+    setTimeout(function() {
+      location.reload();}, 100);
+  }
+
 function closeModal() {
-    document.getElementById('Modal-create-client').style.display = 'none';
+    reloadPage()
+    // document.getElementById('Modal-create-client').style.display = 'none';
 }
 
 function editclient(id) {

gestaoRaul/templates/static/midia/icons/note.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="orange" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
+    <path d="m1783.68 1468.235-315.445 315.445v-315.445h315.445Zm-541.327-338.823v112.94h-903.53v-112.94h903.53Zm338.936-338.824V903.53H338.824V790.59h1242.465ZM621.176 0c93.403 0 169.412 76.01 169.412 169.412 0 26.09-6.437 50.484-16.94 72.62L999.98 468.255l-79.962 79.962-226.221-226.334c-22.137 10.504-46.532 16.942-72.622 16.942-93.402 0-169.411-76.01-169.411-169.412C451.765 76.009 527.775 0 621.176 0Zm395.295 225.882v112.942h790.588v1016.47h-451.765v451.765H112.941V338.824h225.883V225.882H0V1920h1421.478c45.176 0 87.755-17.619 119.717-49.581l329.224-329.11c31.962-32.076 49.581-74.655 49.581-119.831V225.882h-903.53Z" fill-rule="evenodd"/>
+</svg>

gestaoRaul/templates/static/midia/icons/pay.svg

@@ -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 fill="green" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="105px" height="105px" viewBox="0 0 256 190" enable-background="new 0 0 256 190" xml:space="preserve">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier"> <path d="M205.07,30.68c-27.11,0-48.86,22.04-48.86,49.15c0,26.96,21.89,48.85,48.86,48.85c26.96,0,49-21.89,49-49 S232.18,30.68,205.07,30.68z M208.74,106.41v7.68h-6.76v-7.44c-5.85,0-11.75-1.55-14.6-3.14l2.47-9.91 c3.14,1.55,8.07,3.38,13.29,3.38c5.6,0,8.36-2.46,8.36-5.84c0-3.39-2.66-4.79-9.14-7.3c-8.98-3.14-14.59-7.68-14.59-15.75 c0-7.45,4.93-13.29,13.97-15.13v-8.07h6.76v7.68c5.61,0,9.67,1.16,12.66,2.76l-2.75,9.66c-2.23-0.91-5.85-2.46-10.83-2.46 c-4.98,0-7.68,2.46-7.68,4.93c0,3.38,3.14,4.69,9.91,7.44c9.22,3.38,13.53,8.07,13.53,15.75 C223.34,98.34,218.65,104.18,208.74,106.41z M191,139h-47V97c0-20.46-17.88-37-38-37H43C20.91,60,1.99,79.14,2,98v77 c-0.03,8.53,6,12.99,12,13c6.01,0.01,12-4.45,12-13v-75h8v88h78v-88h8l0.08,50.37c-0.05,8.73,5.34,12.45,10.92,12.63h60 C207.36,163,207.36,139,191,139z M74.02,2c-14.43,0-25.9,11.56-25.9,25.9c0,14.34,11.56,25.91,25.9,25.91 c14.25,0,25.81-11.48,25.91-25.91C99.93,13.56,88.36,2,74.02,2z"/> </g>
+
+</svg>

gestaoRaul/templates/static/midia/icons/pen.svg

@@ -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 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier"> <title>pen</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="edit" fill="orange" transform="translate(42.666667, 42.666667)"> <path d="M426.666667,384 L426.666667,426.666667 L3.55271368e-14,426.666667 L3.55271368e-14,384 L426.666667,384 Z M277.333333,7.10542736e-15 L384,106.666667 L149.333333,341.333333 L42.6666667,341.333333 L42.6666667,234.666667 L277.333333,7.10542736e-15 Z M207.079667,130.583 L85.3333333,252.330667 L85.3333333,298.666667 L131.669333,298.666667 L253.415667,176.919 L207.079667,130.583 Z M277.333333,60.3306667 L237.249667,100.413 L283.585667,146.749 L323.669333,106.666667 L277.333333,60.3306667 Z"> </path> </g> </g> </g>
+
+</svg>