From 020d554019033eca2730efcba7ff0da69e2f0ff0 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Wed, 21 May 2025 18:44:22 -0300
Subject: [PATCH] Formato

---
 .../js/components/pedidos/SubpedidoSelect.vue | 156 +++++++++---------
 1 file changed, 80 insertions(+), 76 deletions(-)

diff --git a/resources/js/components/pedidos/SubpedidoSelect.vue b/resources/js/components/pedidos/SubpedidoSelect.vue
index 9031c7a..5f58996 100644
--- a/resources/js/components/pedidos/SubpedidoSelect.vue
+++ b/resources/js/components/pedidos/SubpedidoSelect.vue
@@ -1,28 +1,32 @@
 <template>
-	<div>
-	    <label class="label">Escribí el nombre de tu familia o grupo de convivencia</label>
-  		<div class="columns">
-	  		<div class="column is-two-thirds">
-				<div class="field">
-			        <div class="control">
-		        		<input class="input" @input="onType" v-model="subpedido"/>
-					</div>
-					<p class="help">Debe ser claro para que tus compas del barrio te identifiquen.</p>
-				</div>
-			</div>
-	  		<div class="column is-one-third buttons">
-			  	<button class="button is-danger" v-show="!botonCrearDesabilitado" @click="submit">Crear nuevo pedido</button>
-			</div>
-		</div>
+    <div>
+        <label class="label">Escribí el nombre de tu familia o grupo de convivencia</label>
+        <div class="columns">
+            <div class="column is-two-thirds">
+                <div class="field">
+                    <div class="control">
+                        <input class="input" @input="onType" v-model="subpedido"/>
+                    </div>
+                    <p class="help">Debe ser claro para que tus compas del barrio te identifiquen.</p>
+                </div>
+            </div>
+            <div class="column is-one-third buttons">
+                <button class="button is-danger" v-show="!botonCrearDesabilitado" @click="submit">Crear nuevo pedido
+                </button>
+            </div>
+        </div>
         <div v-if="subpedidosExistentes.length" class="block">
             <label class="label">Si ya comenzaste a hacer tu pedido este mes, elegilo en esta lista:</label>
             <p class="help">Podés seguir escribiendo en el campo de arriba para refinar la búsqueda.</p>
-            <div class="columns is-mobile" v-for="(subpedidoExistente, index) in subpedidosExistentes" :class="{'has-background-grey-lighter': index % 2}" :key="index">
+            <div class="columns is-mobile" v-for="(subpedidoExistente, index) in subpedidosExistentes"
+                 :class="{'has-background-grey-lighter': index % 2}" :key="index">
                 <div class="column is-half-mobile is-two-thirds-desktop is-two-thirds-tablet">
-                    <p style="padding-top: calc(.5em - 1px); margin-bottom: .5rem" v-text="subpedidoExistente.nombre"></p>
+                    <p style="padding-top: calc(.5em - 1px); margin-bottom: .5rem"
+                       v-text="subpedidoExistente.nombre"></p>
                 </div>
                 <div class="buttons column is-half-mobile is-one-third-desktop is-one-third-tablet">
-                    <button class="button is-danger" @click="elegirSubpedido(subpedidoExistente)">Continuar pedido</button>
+                    <button class="button is-danger" @click="elegirSubpedido(subpedidoExistente)">Continuar pedido
+                    </button>
                 </div>
             </div>
         </div>
@@ -30,62 +34,62 @@
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				subpedido: null,
-				subpedidosExistentes: []
-			}
-		},
-	  computed: {
-	    nombresDeSubpedidos: function() {
-	      return this.subpedidosExistentes.map(a => a.nombre.toLowerCase())
-	    },
-	    botonCrearDesabilitado : function() {
-	      return !this.subpedido || this.nombresDeSubpedidos.includes(this.subpedido.toLowerCase())
-	    }
-	  },
-		props: ["gdcid"],
-		mounted() {
-			console.log("ready");
-		},
-		methods: {
-	  		onType() {
-	        if (!this.subpedido){
-	          this.subpedidosExistentes = [];
-	          return;
-	        }
-		    	axios.get("/api/subpedidos", {
-	          params: {
-	            nombre: this.subpedido,
-	            grupo_de_compra: this.gdcid
-	          }
-	        }).then(response => {
-		    		this.subpedidosExistentes = response.data
-		    	});
-	  		},
-	  		submit() {
-	  			axios.post("/api/subpedidos", {
-	  				nombre: this.subpedido,
-	  				grupo_de_compra_id: this.gdcid
-	  			}).then(response => {
-					//se creo el subpedido
-					this.elegirSubpedido(response.data);
-	  			});
-	  		},
-	      elegirSubpedido(subpedido){
-	        //lo guardamos en sesion
-	        this.guardarSubpedidoEnSesion(subpedido);
-	      },
-	      guardarSubpedidoEnSesion(subpedido) {
-	        axios.post("/subpedidos/guardar_sesion", {
-	          subpedido: subpedido,
-              grupo_de_compra_id: this.gdcid
-	        }).then(_ => {
-				Event.$emit('obtener-sesion')
-	          window.location.href = 'productos';
-	        });
-	      }
-	  	}
-	}
+export default {
+    data() {
+        return {
+            subpedido: null,
+            subpedidosExistentes: []
+        }
+    },
+    computed: {
+        nombresDeSubpedidos: function () {
+            return this.subpedidosExistentes.map(a => a.nombre.toLowerCase())
+        },
+        botonCrearDesabilitado: function () {
+            return !this.subpedido || this.nombresDeSubpedidos.includes(this.subpedido.toLowerCase())
+        }
+    },
+    props: ["gdcid"],
+    mounted() {
+        console.log("ready");
+    },
+    methods: {
+        onType() {
+            if (!this.subpedido) {
+                this.subpedidosExistentes = [];
+                return;
+            }
+            axios.get("/api/subpedidos", {
+                params: {
+                    nombre: this.subpedido,
+                    grupo_de_compra: this.gdcid
+                }
+            }).then(response => {
+                this.subpedidosExistentes = response.data
+            });
+        },
+        submit() {
+            axios.post("/api/subpedidos", {
+                nombre: this.subpedido,
+                grupo_de_compra_id: this.gdcid
+            }).then(response => {
+                //se creo el subpedido
+                this.elegirSubpedido(response.data);
+            });
+        },
+        elegirSubpedido(subpedido) {
+            //lo guardamos en sesion
+            this.guardarSubpedidoEnSesion(subpedido);
+        },
+        guardarSubpedidoEnSesion(subpedido) {
+            axios.post("/subpedidos/guardar_sesion", {
+                subpedido: subpedido,
+                grupo_de_compra_id: this.gdcid
+            }).then(_ => {
+                Event.$emit('obtener-sesion')
+                window.location.href = 'productos';
+            });
+        }
+    }
+}
 </script>