From fe292802cd0c35afd81f2db519649ab67a10ca5b Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Mon, 19 May 2025 03:04:29 -0300
Subject: [PATCH] =?UTF-8?q?Clase=20login=20gen=C3=A9rica=20para=20barrio?=
 =?UTF-8?q?=20y=20admin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/js/components/comunes/Login.vue | 57 +++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 resources/js/components/comunes/Login.vue

diff --git a/resources/js/components/comunes/Login.vue b/resources/js/components/comunes/Login.vue
new file mode 100644
index 0000000..9da6903
--- /dev/null
+++ b/resources/js/components/comunes/Login.vue
@@ -0,0 +1,57 @@
+<template>
+    <div v-if="grupo_de_compra_elegido !== null" class="block">
+        <div class="field">
+            <label class="label"
+                   :class="admin ? 'has-text-white' : ''">{{ mensajes.mensaje }}</label>
+            <div class="field has-addons">
+                <div class="control">
+                    <input required class="input" :type="this.passwordType" name="password"  :placeholder="mensajes.mensaje">
+                </div>
+                <div class="control">
+                    <a class="button is-warning" @click="togglePassword">
+                        {{ (passwordVisible ? 'Ocultar' : 'Mostrar') + ' contraseña'}}
+                    </a>
+                </div>
+            </div>
+            <p class="help"
+               :class="admin ? 'has-text-white' : ''">{{ mensajes.ayuda }}</p>
+        </div>
+        <div class="field">
+            <div class="control">
+                <input type="submit" class="button is-warning" value="Log in"/>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { mapGetters, mapState } from "vuex";
+
+export default {
+    name: 'Login',
+    data() {
+        return {
+            passwordVisible: false,
+            passwordType: "password",
+        }
+    },
+    computed: {
+        ...mapState('login',["grupo_de_compra_elegido"]),
+        ...mapGetters('login',["admin","mensajes"]),
+    },
+    methods: {
+        togglePassword() {
+            if (this.passwordVisible) this.passwordType = "password";
+            else this.passwordType = "text"
+            this.passwordVisible = !this.passwordVisible
+        }
+    }
+}
+</script>
+
+
+<style>
+.help {
+    font-size: 1rem;
+}
+</style>