From 517e5203c903bf41fd8e5fee425ff32b64b2c565 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Sat, 14 Jun 2025 12:10:41 -0300
Subject: [PATCH] =?UTF-8?q?Agregado=20LoginDropdown.vue=20con=20opciones?=
 =?UTF-8?q?=20de=20login=20seg=C3=BAn=20urlRol?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/components/login/LoginDropdown.vue     | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 resources/js/components/login/LoginDropdown.vue

diff --git a/resources/js/components/login/LoginDropdown.vue b/resources/js/components/login/LoginDropdown.vue
new file mode 100644
index 0000000..894ed23
--- /dev/null
+++ b/resources/js/components/login/LoginDropdown.vue
@@ -0,0 +1,48 @@
+<script>
+import { mapGetters } from "vuex";
+
+export default {
+    name: "LoginDropdown",
+    computed: {
+        ...mapGetters("login", ["opcionesLogin", "estilos"])
+    },
+    data() {
+        return {
+            dropdownActivo: false
+        };
+    },
+}
+</script>
+
+<template>
+    <div class="buttons is-right">
+        <div class="dropdown" :class="{'is-active': dropdownActivo}" @mouseleave="dropdownActivo = false">
+            <div class="dropdown-trigger">
+                <button class="button"
+                        aria-haspopup="true"
+                        aria-controls="dropdown-menu"
+                        type="button"
+                        @click="dropdownActivo = !dropdownActivo">
+                    <span class="icon is-small">
+                        <i class="fa fa-solid fa-user-check"></i>
+                    </span>
+                    <span>Cambiar login</span>
+                    <span class="icon is-small">
+                        <i class="fas fa-angle-down" aria-hidden="true"></i>
+                    </span>
+                </button>
+            </div>
+            <div class="dropdown-menu" role="menu">
+                <div class="dropdown-content">
+                    <a class="dropdown-item" v-for="opcion in opcionesLogin" :href="opcion.href">
+                        {{ opcion.nombre }}
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+
+</style>