From c25b04e07553df5be5c5aa262233347f326d3701 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 3 Jul 2024 11:48:51 +0200
Subject: [PATCH] improve QChebox

---
 src/pages/Ticket/Card/TicketSaleTracking.vue | 27 ++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/pages/Ticket/Card/TicketSaleTracking.vue b/src/pages/Ticket/Card/TicketSaleTracking.vue
index 86f391a1d..823fe762f 100644
--- a/src/pages/Ticket/Card/TicketSaleTracking.vue
+++ b/src/pages/Ticket/Card/TicketSaleTracking.vue
@@ -368,6 +368,7 @@ const clickControled = (sale) => {
                 <QCheckbox
                     :model-value="!!row.hasSaleGroupDetail"
                     color="pink"
+                    class="pink"
                     :toggle-indeterminate="false"
                     @update:model-value="clickSaleGroupDetail(row)"
                 >
@@ -378,6 +379,7 @@ const clickControled = (sale) => {
                 <QCheckbox
                     :model-value="!!row.isPreviousSelected"
                     color="info"
+                    class="info"
                     :toggle-indeterminate="false"
                     @update:model-value="clickPreviousSelected(row)"
                 >
@@ -388,6 +390,7 @@ const clickControled = (sale) => {
                 <QCheckbox
                     :model-value="!!row.isPrevious"
                     color="cyan"
+                    class="cyan"
                     :toggle-indeterminate="false"
                     @update:model-value="clickPrevious(row)"
                 >
@@ -398,6 +401,7 @@ const clickControled = (sale) => {
                 <QCheckbox
                     :model-value="!!row.isPrepared"
                     color="warning"
+                    class="warning"
                     :toggle-indeterminate="false"
                     @update:model-value="clickPrepared(row)"
                 >
@@ -408,6 +412,8 @@ const clickControled = (sale) => {
                 <QCheckbox
                     :model-value="!!row.isControled"
                     color="yellow"
+                    class="yellow"
+                    style="stroke: red"
                     :toggle-indeterminate="false"
                     @update:model-value="clickControled(row)"
                 >
@@ -540,3 +546,24 @@ const clickControled = (sale) => {
         </QTable>
     </QDialog>
 </template>
+
+<style lang="scss">
+$estados: (
+    info: var(--q-info),
+    warning: var(--q-warning),
+    cyan: #00bcd4,
+    pink: pink,
+    yellow: #ffeb3b,
+);
+
+@each $estado, $color in $estados {
+    .q-checkbox.#{$estado} {
+        > .q-checkbox__inner > .q-checkbox__bg.absolute {
+            border-radius: 50% !important;
+            & .q-checkbox__svg > .q-checkbox__truthy {
+                stroke: $color;
+            }
+        }
+    }
+}
+</style>