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>