From c0d8392f6ea02ba02ec2b3656e585f889b36d5ac Mon Sep 17 00:00:00 2001 From: ale <ale.tasistro@gmail.com> Date: Tue, 27 May 2025 15:25:47 -0300 Subject: [PATCH] =?UTF-8?q?Agregado=20metodo=20para=20titulo=20gen=C3=A9ri?= =?UTF-8?q?co=20de=20login?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/js/components/login/Titulos.vue | 27 +++++++++++++++++++++++ resources/js/store/modules/login.js | 21 ++++++++++++++++++ 2 files changed, 48 insertions(+) create mode 100644 resources/js/components/login/Titulos.vue diff --git a/resources/js/components/login/Titulos.vue b/resources/js/components/login/Titulos.vue new file mode 100644 index 0000000..bc96e84 --- /dev/null +++ b/resources/js/components/login/Titulos.vue @@ -0,0 +1,27 @@ +<script> +import { mapGetters } from "vuex"; + +export default { + name:'LoginTitulos', + computed: { + ...mapGetters('login',["titulos", "urlRol"]), + whiteText() { + console.log(this.urlRol); + return this.urlRol === 'admin'; + } + } +}; +</script> + +<template> +<div class="block"> + <h1 class="title" :class="{'has-text-white': whiteText}">{{ titulos.titulo }}</h1> + <p class="subtitle" :class="{'has-text-white': whiteText}"> + {{ `Bienvenidx a la ${titulos.subtitlo} del ` }}<strong :class="{'has-text-white': whiteText}">Mercado Popular de Subistencia</strong> + </p> +</div> +</template> + +<style scoped> + +</style> diff --git a/resources/js/store/modules/login.js b/resources/js/store/modules/login.js index aabda95..abbbe00 100644 --- a/resources/js/store/modules/login.js +++ b/resources/js/store/modules/login.js @@ -49,6 +49,27 @@ const getters = { ayuda: `Si no la sabés, consultá a ${getters.adminUrl() ? 'la comisión informática ' : 'tus compañerxs'}.` }; }, + urlRol() { + let split = window.location.pathname + .replace('login', '') + .split('/') + .filter(x => x.length); + return split.length ? split[0] : 'pedido'; + }, + titulos() { + let rol = getters.urlRol(); + switch (rol) { + case 'admin': + return { titulo: "Administración de Pedidos MPS", subtitlo: "administración de pedidos" }; + case 'compras': + return { titulo: "Comisiones MPS", subtitlo: "página de comisiones" }; + case 'pedido': + return { titulo: "Pedidos MPS", subtitlo: "aplicación de pedidos" }; + default: + throw new Error("Url inválida"); + } + }, + }; export default {