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 {