Merge pull request #58 from InseeFr/impl-general-faq-business

Impl general faq business
InseeFr · Jun 11, 2024 · 2769fc0 · 2769fc0
2 parents f30d576 + 6d59db7
commit 2769fc0
Show file tree

Hide file tree

Showing 8 changed files with 22,205 additions and 20 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "colempub",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "dependencies": {
     "axios": "^0.19.2",
     "bootstrap": "^3.3.7",

diff --git a/src/components/auth/component.js b/src/components/auth/component.js
@@ -7,11 +7,13 @@ import { getSurveyVerifMailById } from 'utils/read-content';
 import { getQuestionnaireUrl } from 'utils/api';
 import useAuth from 'utils/hook/auth';
 import NoSurveyPage from 'components/content/ineligible';
+import UnauthorizedPage from 'components/content/unauthorized';
 
 const Auth = ({ urlBackEnd, id, history, keycloakAuth }) => {
   const { loading, authenticated, authError } = useAuth(keycloakAuth);
   const [error, setError] = useState(null);
   const [ineligible, setIneligible] = useState(false);
+  const [unauthorized, setUnauthorized] = useState(false);
 
   const redirectToUrl = url => {
     window.location = url;
@@ -35,8 +37,11 @@ const Auth = ({ urlBackEnd, id, history, keycloakAuth }) => {
         setIneligible(true);
       }
     } catch (e) {
-      // including 410 status - no habilitation found
-      setError('technique');
+      if (e.response.status === 401 || e.response.status === 403 || e.response.status === 404) {
+        setUnauthorized(true);
+      } else {
+        setError('technique');
+      }
     }
   }, [history, id, urlBackEnd, keycloakAuth]);
 
@@ -50,6 +55,7 @@ const Auth = ({ urlBackEnd, id, history, keycloakAuth }) => {
       {loading && <Loading id={id} />}
       {error && <ErrorComponent error={error} />}
       {ineligible && <NoSurveyPage id={id} />}
+      {unauthorized && <UnauthorizedPage id={id} />}
     </>
   );
 };

diff --git a/src/components/content/faq/component.js b/src/components/content/faq/component.js
@@ -31,9 +31,11 @@ class Faq extends Component {
     const { itemDisplayed } = this.state;
     return (
       <section>
-        <h2>{`Questions générales`}</h2>
+        {faqData.filter(f => f.type === 'general' && f.body !== undefined).length > 0 && (
+          <h2>{`Questions générales`}</h2>
+        )}
         {faqData.map(({ id, title, body, type }) =>
-          type === 'general' ? (
+          type === 'general' && body !== undefined ? (
             <FaqItem
               id={id}
               key={`faq-item-${id}`}

diff --git a/src/components/content/unauthorized.js b/src/components/content/unauthorized.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import { getUnauthorizedText } from 'utils/read-content';
+import PropTypes from 'prop-types';
+import { Link } from 'react-router-dom';
+
+const UnauthorizedPage = ({ id }) => {
+  return (
+    <>
+      <div className="no-survey">
+        <section>
+          <p>
+            <ReactMarkdown source={getUnauthorizedText()} linkTarget="_blank" />
+            {` En cas de difficultés, vous pouvez `}
+            <Link to={`/${id}/contacter-assistance`}>{`contacter l'assistance`}</Link>
+          </p>
+        </section>
+      </div>
+    </>
+  );
+};
+
+export default UnauthorizedPage;
+UnauthorizedPage.propTypes = {
+  id: PropTypes.string.isRequired,
+};
diff --git a/src/components/home.js b/src/components/home.js
@@ -6,7 +6,7 @@ import SurveyItem from 'components/template/survey-item';
 
 const Home = () => (
   <div id="main">
-    <Banner title={`Portail de réponse aux enquêtes de la statistique publique`} />
+    <Banner title={`Portail de réponse\r\n aux enquêtes de la statistique publique`} />
 
     <div className="row">
       <div className="col-md-12 text-justify">

diff --git a/src/resources/content.json b/src/resources/content.json
@@ -37,6 +37,9 @@
       ],
       "ineligible": {
         "body": "Vous n'êtes pas éligible pour répondre à une enquête."
+      },
+      "unauthorized": {
+        "body": "Vous n'êtes pas concerné par une enquête de la statistique publique."
       }
     }
   },
@@ -239,6 +242,151 @@
           { "auth": false, "value": "autre", "displayValue": "Autre" }
         ]
       }
+    },
+    {
+      "id": "bus",
+      "isSurveyOnline": true,
+      "messageSurveyOffline": "L'enquête est terminée",
+      "messageInfoSurveyOffline": "L'accés au questionnaire est actuellement impossible",
+      "title": "Survey about Armadillos",
+      "titleShort": "Armadillo Survey",
+      "verifmail": false,
+      "content": {
+        "description": {
+          "title": "Survey about Armadillos 2023",
+          "body": "Présentation des objectifs de l'enquête."
+        },
+        "resultats": {
+          "title": "Résultats de l'enquête 2019",
+          "menu-title": "Résultats de l'enquête 2019",
+          "picture-url": "img/arm_resultats.png",
+          "legende": "L'enquête donne lieu à de nombreuses publications.",
+          "link-url": "https://en.wikipedia.org/wiki/Armadillo"
+        },
+        "enquete-en-detail": {
+          "menu-link": "https://en.wikipedia.org/wiki/Armadillo"
+        },
+
+        "donnees-personnelles": {
+          "cartouche": "Vos réponses seront conservées pendant cinq ans à compter de la fin de la collecte pour les besoins de l’enquête.",
+          "context": ""
+        },
+        "a-quoi-servent-vos-reponses": {
+          "body": "Vos réponses nous sont fort utiles."
+        },
+        "faq-data": [
+          {
+            "title": "Comment va se dérouler l'enquête ?",
+            "body": "La période de collecte dure trois semaines. Deux modes de réponse sont proposés : soit Internet sur un site sécurisé, soit le téléphone avec un enquêteur.\n\n* Vous pouvez répondre par Internet en vous connectant au questionnaire en ligne, à l’aide de l’identifiant et du mot de passe figurant sur la lettre de lancement de l'enquête. Le temps moyen de réponse est de moins de 10 minutes par questionnaire individuel. Vous pourrez éventuellement interrompre la saisie du questionnaire et la reprendre là où vous l’aurez arrêtée.\n\n* Si vous n'avez pas répondu sur Internet au bout de quelques jours, un enquêteur de l'Insee vous appellera pour vous proposer de réaliser l'enquête par téléphone. Vous pourrez cependant encore répondre par Internet si vous le préférez."
+          },
+          {
+            "title": "Impossibilité d'accéder au questionnaire - message « Identifiant ou mot de passe erroné »",
+            "body": "L'identifiant et le mot de passe vous permettant d'accéder pour la première fois au questionnaire de l'enquête sont inscrits sur le courriel que vous avez reçu de l'Insee. À la saisie du mot de passe, il faut respecter les minuscules, majuscules et caractères spéciaux.\n\nLors de la première connexion, on vous demandera de changer votre mot de passe. "
+          },
+          {
+            "title": "J'ai fermé le questionnaire Internet en cours de remplissage, que faire ?",
+            "body": "Si le questionnaire s'est fermé alors que vous n'aviez pas terminé de le remplir, les données que vous avez saisies restent accessibles et vous pouvez continuer de répondre à ce questionnaire. Pour cela, connectez-vous à nouveau sur le site de l'enquête avec votre identifiant et votre mot de passe. Vous pourrez retrouver le questionnaire là où vous vous étiez arrêté.\n\nVos données sont automatiquement sauvegardées à chaque fois que vous cliquez sur le bouton « Suivant ».\n\nEn cas d'inactivité prolongée et pour des raisons de sécurité, le questionnaire se ferme automatiquement au bout de 15 minutes. Vous pouvez de nouveau y accéder en vous reconnectant sur le site de l'enquête avec vos identifiants de connexion."
+          },
+          {
+            "title": "Est-ce que je peux remplir le questionnaire en plusieurs fois ?",
+            "body": "Oui. Pour cela, il vous suffit de commencer à remplir le questionnaire, d'enregistrer les données en cliquant sur le bouton « Quitter et revenir plus tard » et de fermer le questionnaire.\n\nVous pourrez ensuite vous reconnecter sur ce questionnaire et continuer à compléter le questionnaire, à partir de l'endroit où vous vous étiez interrompu."
+          }
+        ],
+        "faq-data-general": [
+          {
+            "title": "Puis je mettre du contenu genérique mais spécifique?",
+            "body": "Oui. Pour cela, il vous suffit de  rajouter un vecteur faq-data-general dans le json spécifique de l'enquête"
+          }
+        ]
+      },
+      "configuration": {
+        "listOptionsObjetMailAssistance": [
+          {
+            "auth": true,
+            "value": "affichageQuestionnaire",
+            "displayValue": "Affichage du questionnaire"
+          },
+          {
+            "auth": true,
+            "value": "comprehensionQuestionnaire",
+            "displayValue": "Compréhension du questionnaire"
+          },
+          { "auth": true, "value": "autre", "displayValue": "Autre" },
+          { "auth": false, "value": "perteMotDePasse", "displayValue": "Mot de passe oublié" },
+          { "auth": false, "value": "perteIdentifiant", "displayValue": "Identifiant oublié" },
+          { "auth": false, "value": "autre", "displayValue": "Autre" }
+        ]
+      }
+    },
+    {
+      "id": "nes",
+      "isSurveyOnline": true,
+      "messageSurveyOffline": "L'enquête est terminée",
+      "messageInfoSurveyOffline": "L'accés au questionnaire est actuellement impossible",
+      "title": "Survey about Armadillos",
+      "titleShort": "Armadillo Survey",
+      "verifmail": false,
+      "content": {
+        "description": {
+          "title": "Survey about Armadillos 2023",
+          "body": "Présentation des objectifs de l'enquête."
+        },
+        "resultats": {
+          "title": "Résultats de l'enquête 2019",
+          "menu-title": "Résultats de l'enquête 2019",
+          "picture-url": "img/arm_resultats.png",
+          "legende": "L'enquête donne lieu à de nombreuses publications.",
+          "link-url": "https://en.wikipedia.org/wiki/Armadillo"
+        },
+        "enquete-en-detail": {
+          "menu-link": "https://en.wikipedia.org/wiki/Armadillo"
+        },
+
+        "donnees-personnelles": {
+          "cartouche": "Vos réponses seront conservées pendant cinq ans à compter de la fin de la collecte pour les besoins de l’enquête.",
+          "context": ""
+        },
+        "a-quoi-servent-vos-reponses": {
+          "body": "Vos réponses nous sont fort utiles."
+        },
+        "faq-data": [
+          {
+            "title": "Comment va se dérouler l'enquête ?",
+            "body": "La période de collecte dure trois semaines. Deux modes de réponse sont proposés : soit Internet sur un site sécurisé, soit le téléphone avec un enquêteur.\n\n* Vous pouvez répondre par Internet en vous connectant au questionnaire en ligne, à l’aide de l’identifiant et du mot de passe figurant sur la lettre de lancement de l'enquête. Le temps moyen de réponse est de moins de 10 minutes par questionnaire individuel. Vous pourrez éventuellement interrompre la saisie du questionnaire et la reprendre là où vous l’aurez arrêtée.\n\n* Si vous n'avez pas répondu sur Internet au bout de quelques jours, un enquêteur de l'Insee vous appellera pour vous proposer de réaliser l'enquête par téléphone. Vous pourrez cependant encore répondre par Internet si vous le préférez."
+          },
+          {
+            "title": "Impossibilité d'accéder au questionnaire - message « Identifiant ou mot de passe erroné »",
+            "body": "L'identifiant et le mot de passe vous permettant d'accéder pour la première fois au questionnaire de l'enquête sont inscrits sur le courriel que vous avez reçu de l'Insee. À la saisie du mot de passe, il faut respecter les minuscules, majuscules et caractères spéciaux.\n\nLors de la première connexion, on vous demandera de changer votre mot de passe. "
+          },
+          {
+            "title": "J'ai fermé le questionnaire Internet en cours de remplissage, que faire ?",
+            "body": "Si le questionnaire s'est fermé alors que vous n'aviez pas terminé de le remplir, les données que vous avez saisies restent accessibles et vous pouvez continuer de répondre à ce questionnaire. Pour cela, connectez-vous à nouveau sur le site de l'enquête avec votre identifiant et votre mot de passe. Vous pourrez retrouver le questionnaire là où vous vous étiez arrêté.\n\nVos données sont automatiquement sauvegardées à chaque fois que vous cliquez sur le bouton « Suivant ».\n\nEn cas d'inactivité prolongée et pour des raisons de sécurité, le questionnaire se ferme automatiquement au bout de 15 minutes. Vous pouvez de nouveau y accéder en vous reconnectant sur le site de l'enquête avec vos identifiants de connexion."
+          },
+          {
+            "title": "Est-ce que je peux remplir le questionnaire en plusieurs fois ?",
+            "body": "Oui. Pour cela, il vous suffit de commencer à remplir le questionnaire, d'enregistrer les données en cliquant sur le bouton « Quitter et revenir plus tard » et de fermer le questionnaire.\n\nVous pourrez ensuite vous reconnecter sur ce questionnaire et continuer à compléter le questionnaire, à partir de l'endroit où vous vous étiez interrompu."
+          }
+        ],
+        "faq-data-general": [{}]
+      },
+      "configuration": {
+        "listOptionsObjetMailAssistance": [
+          {
+            "auth": true,
+            "value": "affichageQuestionnaire",
+            "displayValue": "Affichage du questionnaire"
+          },
+          {
+            "auth": true,
+            "value": "comprehensionQuestionnaire",
+            "displayValue": "Compréhension du questionnaire"
+          },
+          { "auth": true, "value": "autre", "displayValue": "Autre" },
+          { "auth": false, "value": "perteMotDePasse", "displayValue": "Mot de passe oublié" },
+          { "auth": false, "value": "perteIdentifiant", "displayValue": "Identifiant oublié" },
+          { "auth": false, "value": "autre", "displayValue": "Autre" }
+        ]
+      }
     }
   ]
 }
diff --git a/src/utils/read-content.js b/src/utils/read-content.js
@@ -15,6 +15,8 @@ export const getA11yTitle = () => getGenericContent().accessibilite.title;
 
 export const getIneligibleText = () => getGenericContent().ineligible.body;
 
+export const getUnauthorizedText = () => getGenericContent().unauthorized.body;
+
 export const getImportantInfo = () => getGeneric().importantInfo;
 
 export const getSurveys = () =>
@@ -75,21 +77,34 @@ export const getListOptionsSurvey = id =>
       };
     });
 
-  // site enquête non accessible
+// site enquête non accessible
 
-  export const getAccessibleContentById = id => content.specifique.find(e => e.id === id).accessible;
+export const getAccessibleContentById = id => content.specifique.find(e => e.id === id).accessible;
 
 // faq
 export const getFaqData = id =>
-  getContentById(id)
-    ['faq-data'].map(element => {
-      return { ...element, type: 'specific' };
-    })
-    .concat(
-      getGenericContent()['faq-data'].map(element => {
-        return { ...element, type: 'general' };
-      })
-    )
-    .map((element, index) => {
-      return { ...element, id: index + 1 };
-    });
+  getContentById(id)['faq-data-general'] === undefined
+    ? getContentById(id)
+        ['faq-data'].map(element => {
+          return { ...element, type: 'specific' };
+        })
+        .concat(
+          getGenericContent()['faq-data'].map(element => {
+            return { ...element, type: 'general' };
+          })
+        )
+        .map((element, index) => {
+          return { ...element, id: index + 1 };
+        })
+    : getContentById(id)
+        ['faq-data'].map(element => {
+          return { ...element, type: 'specific' };
+        })
+        .concat(
+          getContentById(id)['faq-data-general'].map(element => {
+            return { ...element, type: 'general' };
+          })
+        )
+        .map((element, index) => {
+          return { ...element, id: index + 1 };
+        });