Merge branch 'redmine-issues/19725' into 'develop'

REDMINE_ISSUE-19725 | Redirection vers la page de connexion du portail MRN si l'utilisateur n'est pas connecté

See merge request !843

src/router/index.js

@@ -204,7 +204,7 @@ const routes = [
   },
 
   {
-    path: `/projet/:slug/type-signalement/:slug_type_signal/signalement/:slug_signal/attachment-preview/`,
+    path: '/projet/:slug/type-signalement/:slug_type_signal/signalement/:slug_signal/attachment-preview/',
     name: 'attachment-preview',
     component: () => import('../views/AttachmentPreview.vue')
   },

src/views/AttachmentPreview.vue

 <template>
   <div
-    v-if="configuration.VUE_APP_SSO_LOGIN_URL_WITH_REDIRECT && !user || !currentFeature"
+    v-if="(configuration.VUE_APP_SSO_LOGIN_URL_WITH_REDIRECT && !user) || !currentFeature"
     class="no-access"
   >
-    <h3>🔒&nbsp;Vous n'avez pas accès à ce signalement <span v-if="!user"> en tant qu'utilisateur anonyme&nbsp;🥸</span></h3>
-    <p v-if="!user">Veuillez vous connectez afin de pouvoir visualiser le document</p>
+    <h3>
+      🔒&nbsp;Vous n'avez pas accès à ce signalement
+      <span v-if="!user"> en tant qu'utilisateur anonyme&nbsp;🥸</span>
+    </h3>
+    <p v-if="!user">
+      Veuillez vous connectez afin de pouvoir visualiser le document
+    </p>
   </div>
 
   <div
@@ -49,11 +54,30 @@ export default {
     },
   },
 
+  watch: {
+    user() {
+      /**
+       * Specific for platform with login by token
+       * When the user is setted, fetching again the feature with the cookies setted
+       * since automatic authentification can take time to return the response
+       * setting the cookies, while the app is loading already
+       */ 
+      this.getFeature();
+    }
+  },
+
   mounted() {
-    this.$store.dispatch('feature/GET_PROJECT_FEATURE', {
-      project_slug: this.$route.params.slug,
-      feature_id: this.$route.params.slug_signal,
-    })
+    this.getFeature();
+  },
+  
+  methods: {
+    getFeature() {
+      console.log('getFeature'); // Keeping for debugging after deployment
+      this.$store.dispatch('feature/GET_PROJECT_FEATURE', {
+        project_slug: this.$route.params.slug,
+        feature_id: this.$route.params.slug_signal,
+      });
+    }
   }
 };
 </script>