85 lines
2.4 KiB
Vue
85 lines
2.4 KiB
Vue
<template>
|
|
<p>{{ t("Redirecting in progress…") }}</p>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ICurrentUserRole } from "@/types/enums";
|
|
import { UPDATE_CURRENT_USER_CLIENT, LOGGED_USER } from "../../graphql/user";
|
|
import RouteName from "../../router/name";
|
|
import { saveUserData } from "../../utils/auth";
|
|
import { changeIdentity } from "../../utils/identity";
|
|
import { ICurrentUser, IUser } from "../../types/current-user.model";
|
|
import { useRouter } from "vue-router";
|
|
import { useLazyQuery, useMutation } from "@vue/apollo-composable";
|
|
import { useI18n } from "vue-i18n";
|
|
import { useHead } from "@vueuse/head";
|
|
import { computed, onMounted } from "vue";
|
|
|
|
const { t } = useI18n({ useScope: "global" });
|
|
useHead({
|
|
title: computed(() => t("Redirecting to Mobilizon")),
|
|
});
|
|
|
|
const getValueFromMeta = (name: string): string | null => {
|
|
const element = document.querySelector(`meta[name="${name}"]`);
|
|
if (element && element.getAttribute("content")) {
|
|
return element.getAttribute("content");
|
|
}
|
|
return null;
|
|
};
|
|
|
|
const accessToken = getValueFromMeta("auth-access-token");
|
|
const refreshToken = getValueFromMeta("auth-refresh-token");
|
|
const userId = getValueFromMeta("auth-user-id");
|
|
const userEmail = getValueFromMeta("auth-user-email");
|
|
const userRole = getValueFromMeta("auth-user-role") as ICurrentUserRole;
|
|
|
|
const router = useRouter();
|
|
|
|
const { onDone, mutate } = useMutation<
|
|
{ updateCurrentUser: ICurrentUser },
|
|
{ id: string; email: string; isLoggedIn: boolean; role: ICurrentUserRole }
|
|
>(UPDATE_CURRENT_USER_CLIENT);
|
|
|
|
const { onResult: onLoggedUserResult, load: loadUser } = useLazyQuery<{
|
|
loggedUser: IUser;
|
|
}>(LOGGED_USER);
|
|
|
|
onDone(async () => {
|
|
loadUser();
|
|
onLoggedUserResult(async ({ data: { loggedUser } }) => {
|
|
if (loggedUser.defaultActor) {
|
|
await changeIdentity(loggedUser.defaultActor);
|
|
await router.push({ name: RouteName.HOME });
|
|
} else {
|
|
// No need to push to REGISTER_PROFILE, the navbar will do it for us
|
|
}
|
|
});
|
|
});
|
|
|
|
onMounted(async () => {
|
|
if (!(userId && userEmail && userRole && accessToken && refreshToken)) {
|
|
await router.push("/");
|
|
} else {
|
|
const login = {
|
|
user: {
|
|
id: userId,
|
|
email: userEmail,
|
|
role: userRole,
|
|
isLoggedIn: true,
|
|
},
|
|
accessToken,
|
|
refreshToken,
|
|
};
|
|
saveUserData(login);
|
|
|
|
mutate({
|
|
id: userId,
|
|
email: userEmail,
|
|
isLoggedIn: true,
|
|
role: userRole,
|
|
});
|
|
}
|
|
});
|
|
</script>
|