# Todas las variables de nuestra aplicación deben empezar por VUE_APP_

######### i18n - Inernacionalización
VUE_APP_I18N_LOCALE=es
VUE_APP_I18N_FALLBACK_LOCALE=es

######### publicPath
VUE_APP_PUBLIC_PATH=replace1

######### Tiempo de sesión (milisegundos) y tiempo de espera del modal previo a cerrar sesión (segundos)
VUE_APP_SESSION_TIME=600000
VUE_APP_SESSION_WAIT=120

######### i18n - Inernacionalización
VUE_APP_I18N_LOCALE=es
VUE_APP_I18N_FALLBACK_LOCALE=es


######### Log
# Coincidirá con la propiedad server.servlet.context-path del backend
VUE_APP_API_URL=replace2
# Nombre de la aplicación - ui
VUE_APP_UMU_CLIENT_APP=replace3


######### Para .env.local #########
# Las siguientes variables son para pruebas en local, deberán ponerse en un archivo .env.local que será ignorado por git

# Para el proxy
#VUE_APP_API_ENVIRONMENT=https://micampusdesa.um.es

# Endpoint local
#VUE_APP_BACKEND=http://mipc.atica.um.es:8080

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import i18n from "@mncs/fwjs-components/i18n";

Vue.config.productionTip = false;

// Primevue
import PrimeVue from "primevue/config";
Vue.use(PrimeVue);

// Toasts
import ToastService from "primevue/toastservice";
Vue.use(ToastService);

// Estilos Primevue
import "primevue/resources/themes/saga-blue/theme.css";
import "primevue/resources/primevue.min.css";
import "primeflex/primeflex.css";
import "primeicons/primeicons.css";

// Font Awesome
import "@fortawesome/fontawesome-free/css/all.css";

// Font Awesome
import "@fortawesome/fontawesome-free/css/all.css";
const imported = document.createElement("link");
imported.href =
  process.env.NODE_ENV !== "production" ? "https://recursosdesa.um.es/forja/mncs/fontawesome/fa-5-pro/css/all.min.css" : "https://recursos.um.es/forja/mncs/fontawesome/fa-5-pro/css/all.min.css";
imported.rel = "stylesheet";
imported.type = "text/css";
document.head.appendChild(imported);

// Estilo corporativo
import "@mncs/fwjs-components/estiloUMU.css";

import mixinFixEstiloUMU from "@mncs/fwjs-components/estiloUMU/mixinFixEstiloUMU.js";
Vue.mixin(mixinFixEstiloUMU);

import VueAuthImage from "vue-auth-image";
Vue.use(VueAuthImage);

// Front logger
import log from "@mncs/fwjs-components/log";
Vue.use(log);

// Control de fin de sesion
// Idle
import IdleVue from "idle-vue";
const eventsHub = new Vue();
// idleTime es el tiempo en ms que debe pasar para que se pase a estado inactivo
var idleSeconds = 900;
// var idleSeconds = 5;
Vue.use(IdleVue, { eventEmitter: eventsHub, store, idleTime: idleSeconds * 1000, startAtIdle: false });

export const vm = new Vue({
  router,
  store,
  i18n,
  render: (h) => h(App),
});
vm.$mount("#app");

import Vue from "vue";
import Vuex from "vuex";

import user from "@mncs/fwjs-components/loginPOSE/user";
import login from "@mncs/fwjs-components/loginPOSE/login";
import loadingGlobal from "@mncs/fwjs-components/loader/loadingGlobal"

import createPersistedState from "vuex-persistedstate";

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {},
  mutations: {},
  actions: {},
  getters: {},
  modules: {
    user,
    loadingGlobal,
    login,
  },
  // Para hacer que el estado persista tras refrescar la página
  plugins: [
    createPersistedState({
      paths: ["login.forceRefresh", "user.language"],
    }),
  ],
});

export default store;

import Vue from "vue";
import VueRouter from "vue-router";
import store from "../store";
import Home from "../views/Home.vue";
import Login from "@mncs/fwjs-components/loginPOSE/Login.vue";

Vue.use(VueRouter);

// Comprobar autenticación
const checkAuth = (to, from, next) => {
  // Si no está logeado, se navega a la página de login
  if (!store.getters["login/isLogged"]) {
    window.location.href = store.getters["login/urlLogin"];
  }
  next();
};

const routes = [
  {
    path: "/",
    name: "Home",
    component: Home,
    beforeEnter: checkAuth,
  },
  { path: "/login", name: "login", component: Login },
];

const router = new VueRouter({
  routes,
});

// Después de cada navegación se guarda la ruta en el localStorage, excepto login.
// Para volver a la pantalla anterior tras hacer login.
router.afterEach((to) => {
  if (to.name !== "login") {
    localStorage.setItem("POSE_LOGIN_ROUTE_KEY", to.path);
  }
});

export default router;

registry = https://verdaccio.um.es/

<template>
  <div id="app fwjsLoader-container">
    <fwjsLoader v-if="loading" :fullScreen="true" :blurry="true" :dark="false" />
    <Toast />
    <fwjsSessionModal @expired="logout" style="width: 100%" />
    <div style="height: 56px">
      <fwjsHeader :title="$t('titulo')" :hasBack="true" :is-logged="isLogged" style="z-index: 9" />
    </div>
    <div id="contenido" style="margin-top: 15px">
      <div id="vista">
        <router-view />
      </div>
      <fwjsFooter />
    </div>
  </div>
</template>

<script>
import fwjsHeader from "@mncs/fwjs-components/fwjsHeader";
import AuthRefresher from "@mncs/fwjs-components/loginPOSE/AuthRefresher";
import { mapGetters, mapState } from "vuex";
import Toast from "primevue/toast";
import fwjsSessionModal from "@mncs/fwjs-components/fwjsSessionModal";
import fwjsLoader from "@mncs/fwjs-components/fwjsLoader";
import fwjsFooter from "@mncs/fwjs-components/fwjsFooter";

export default {
  computed: {
    ...mapState("loadingGlobal", ["loading"]),
  },
  methods: {
    logout() {
        this.$store.dispatch("login/revokeToken");
    },
  },
  mixins: [AuthRefresher],
  components: {
    fwjsHeader,
    AuthRefresher,
    Toast,
    fwjsSessionModal,
    fwjsLoader,
    fwjsFooter,
  },
};
</script>

<style scoped>
@media screen and (min-width: 40em) {
  #contenido {
    overflow: hidden;
    overflow-y: auto;
    padding: 24px 48px 0 48px;
    flex: 1;
  }
}

#vista {
  min-height: calc(100vh - 185px);
  margin-bottom: 15px;
}
</style>