From de4f5a59e18457b485ae03abb8dab66ae59a2878 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Thu, 30 Nov 2023 15:59:41 +0100
Subject: [PATCH] add alert with ssowat message

---
 composables/states.ts     |  2 ++
 layouts/default.vue       | 10 ++++++++++
 locales/en.json           |  1 +
 middleware/auth.global.ts |  8 ++++++++
 4 files changed, 21 insertions(+)

diff --git a/composables/states.ts b/composables/states.ts
index d8d85f7..c4f1bb0 100644
--- a/composables/states.ts
+++ b/composables/states.ts
@@ -74,6 +74,8 @@ export const usePreferedTheme = async () => {
 export const useRedirectUrl = () =>
   useState<string | null>('redirectUrl', () => null)
 
+export const useQueryMsg = () => useState<string | null>('queryMsg', () => null)
+
 // SETTINGS
 
 export interface Settings {
diff --git a/layouts/default.vue b/layouts/default.vue
index e03a196..b6608de 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -3,6 +3,7 @@ import type { User } from '@/composables/states'
 
 const { t } = useI18n()
 const isLoggedIn = useIsLoggedIn()
+const queryMsg = useQueryMsg()
 const settings = await useSettings()
 const user = await useUser<User | null>()
 
@@ -37,6 +38,15 @@ async function logout() {
 
 <template>
   <div class="container mx-auto p-10 min-h-screen flex flex-col">
+    <BaseAlert
+      v-if="queryMsg"
+      variant="warning"
+      icon="alert-outline"
+      :message="t('ssowat.' + queryMsg)"
+      class="mb-4"
+      assertive
+    />
+
     <header class="py-2">
       <div id="focus-reset" class="h-10 -mt-10 focus-target" tabindex="-1">
         <a class="link sr-only focus:not-sr-only" href="#main-target">
diff --git a/locales/en.json b/locales/en.json
index dfa33c5..053232b 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -49,6 +49,7 @@
         "footer": "Skip to footer"
     },
     "ssowat": {
+        "access_denied": "You are not allowed to access this url.",
         "protected": "Please log in to access this url."
     },
     "theme": "Theme",
diff --git a/middleware/auth.global.ts b/middleware/auth.global.ts
index 5afd1eb..b07e85c 100644
--- a/middleware/auth.global.ts
+++ b/middleware/auth.global.ts
@@ -1,6 +1,7 @@
 import {
   useIsLoggedIn,
   useRedirectUrl,
+  useQueryMsg,
   useSettings,
 } from '@/composables/states'
 
@@ -18,6 +19,13 @@ export default defineNuxtRouteMiddleware(async (to, from) => {
     redirectUrl.value = null
   }
 
+  const queryMsg = useQueryMsg()
+  if (to.query.msg) {
+    queryMsg.value = from.query.msg as string
+  } else {
+    queryMsg.value = null
+  }
+
   if (to.name === 'login') {
     if (isLoggedIn.value) {
       return navigateTo('/')