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>

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 {