inseefr / queen Goto Github PK
View Code? Open in Web Editor NEWWeb application for the management of questionnaires powered by Lunatic
License: MIT License
Web application for the management of questionnaires powered by Lunatic
License: MIT License
Demande qui avait été faite sur Lunatic V1 : "Depuis la prise en compte de la pagination par Lunatic, dans les pages d'introduction de seq/sous-seq, le titre de la nouvelle séquence/sous-séquence apparaît sur la partie centrale de la page
Ce titre ne devrait apparaître que dans le fil d'Ariane"
Comportement attendu :
Version 0.10.10
🇫🇷 La navigation de base dans le questionnaire est fonctionnelle.
🇬🇧 Standard navigation is working.
Evolutions of Queen
Dylan : https://hackmd.io/@DylanDecrulle/rJg_Way4i
The objectives are to modernize Queen to improve its maintainability, its performance and to integrate the new version of Lunatic
Things to do
public
|_index.html
|_favicon.ico
src
|_ui
|_routes
|_components
|_pages
|_shared
|_assets
|_coreApi
|-coreProvider.tsx
|-index.ts
|_index.tsx
|_theme.tsx
|_core (exclusively .ts file)
|_ports
|_adapter
...
index.ts
|_i18n
index.ts
package.json
yarn.lock.json
tsconfig.json
.prettierrc.js
.eslintrc.js
.gitignore
Dockerfile
README.md
LICENSE
.env
.env.local
Important refactoring to better manage asynchronous :
🇫🇷 Le panneau de positionnement dans la boucle (à droite) fonctionne.
🇬🇧 Loop overview panel is working.
🇫🇷 La charte graphique du questionnaire est respectée.
🇬🇧 Questionnaire layout is ok.
🇬🇧 (loose translation of the original post in french, see below)
When in a loop, we'd like to display a summary card for each iteration. Those cards helps with navigating the loop.
What is described below is a simplification of the current behaviour.
How the cards work:
🇫🇷 (verbatim d'un ticket Trello créé par Quentin)
Principe : dès qu'on se situe dans une boucle, on souhaite afficher à l'écran des cartes récapitulatives correspondant chacune à une itération de la boucle.
Ces cartes possèdent un titre et proposent de la navigation. Actuellement dans une carte on détaillait la réponse à toutes les variables associée à l'itération, on retire ce fonctionnel (mal pensé pour les QCU/QCM/missing...)
Fonctionnement des cartes :
le titre de la carte correspond à la valeur de la première variable collectée associée à l'itération. Le titre est affiché en majuscule
--> ex en PJ : j'itère sur une boucle PRENOM dont la valeur de la première variable est ["Quentin", "Julie", "Paul"]
la carte correspondant à l'itération dans laquelle on se situe est affichée en bleu ; les autres en gris
--> ex en PJ : je me situe dans la 2e itération de la boucle, correspondant à "Julie"
lorsque la première page d'une itération est atteignable (donc qu'on l'a déjà passée), sa carte est cliquable et une flèche est visible sur la carte. Le clic sur la carte permet alors de renvoyer vers la première page de l'itération. La carte de l'itération dans laquelle on se situe est non cliquable sans flèche
--> ex en PJ : je me situe actuellement dans l'itération "Julie", la carte est non cliquable sans flèche. Je peux revenir sur l'itération "Quentin" en cliquant sur la carte. Je n'ai pas commencé l'itération "Paul" donc non cliquable sans flèche. Si je reviens sur l'itération "Quentin", cette fois je pourrai revenir sur "Julie" car itération atteignable
🇬🇧 In loops, the button "Suite de l'entretien" replaces the standard "Continuer" but without properly working.
🇫🇷 Dans les boucles, le bouton "Suite de l'entretien" remplace inopinément le bouton "Continuer" mais ne fonctionne pas.
Cas d'usage :
Solved in Lunatic (InseeFr/Lunatic#792)
But it seems there is still a pb with Queen
https://minio.lab.sspcloud.fr/ahusseini/public/liens2a2Enov3.json :
ok storybook 2.7.4
ko Queen : 1.1.2 | Lunatic : 2.7.4
🇫🇷 Le fil d'Ariane fonctionne.
🇬🇧 Breadcrumbs are working.
Hi,
The demo webapp (https://queen.dev.insee.io/queen/questionnaire/simpsons2020x00/survey-unit/11) gives me a 404 error on this page.
🇫🇷 A partir d'un JSON Lunatic, on peut afficher le questionnaire
🇬🇧 Given a Lunatic JSON file, we can display a questionnaire
🇬🇧 When looping over a subsequence containing several response fields, the number keystrokes are captured by a list even when typing a value in another field.
How to reproduce:
🇫🇷 Dans une boucle sur une sous-séquence contenant un champ date et un champ liste, la frappe des nombres est capturé par le deuxième ce qui ne permet pas de taper la date (une réponse à la souris sur le composant calendrier fonctionne)
Pour reproduire :
🇫🇷 La navigation globale (panneau de gauche) fonctionne.
🇬🇧 Global navigation (left panel) is working.
🇫🇷 La fonctionnalité "Ne sait pas / Refus" fonctionne.
🇬🇧 "Doesn't know / Refusal" feature is working.
Remettre la fonctionnalité "suite de l'entretien" qui permet d'accéder au dernier écran accédé (lastReachedPage ?)
🇫🇷 Le suggester fonctionne.
🇬🇧 Suggester is working.
#202 ?
comportement :
https://questionnaire-enqueteurs.enquetes.recette2.insee.fr/queen/visualize?questionnaire=https%3A%2F%2Fminio.lab.sspcloud.fr%2Fahusseini%2Fpublic%2Fvpp2023x02_tel.json&data=https%3A%2F%2Fminio.lab.sspcloud.fr%2Fahusseini%2Fpublic%2Fvpp2023x02_data.json
une fois qu'on a été à la fin du questionnaire (Kish=2 et Kish_web=1 par exemple), alors si on modifie les filtres (Kish = 1 par exemple) la suite de l'entretien ramène à la fin.
🇫🇷 La sauvegarde des données au fil de l'eau est active, même en mode offline
🇬🇧 Responses are saved even on offline mode
in an orchestrator using missing shortcuts feature for Components,
clicking DK or RF buttons works and use provided missing strategy
using Shortcuts (both F2 and F4) triggers handleChange with good value in missingResponse AND throw following error :
TypeError: onClick(...) is not a function
onKeyEvent
C:/GIT/Queen/node_modules/@inseefr/lunatic/lib/components/commons/components/missing/missing.js:82
79 | handleKeys: Object.values(missingShortcut),
80 | onKeyEvent: function onKeyEvent(key, e) {
81 | e.preventDefault();
82 | if (key === missingShortcut.dontKnow) onClick(_constants.DK)();
83 | if (key === missingShortcut.refused) onClick(_constants.RF)();
84 | },
85 | handleFocusableElements: true
=> the lunatic state is correctly updated but the browser doesn't respond during a few seconds when internally processing the exception
Devrait ne passer qu'une page
Bug with Queen - LunaticV1
We don't do anything but we'll check if Queen and LunaticV2 solves the pb
OK si sortie par arret mais KO si on est à la fin dans le questionnaire : on ne peut pas valider
🇬🇧 At the end of the questionnaire, the "Validate" button doesn't seem to work, no action follow - we should be redirected to the survey unit landing page.
🇫🇷 Le bouton "Valider" à la fin du questionnaire ne déclenche rien - on devrait être redirigé vers la page d'accueil de l'unité enquêtée.
🇫🇷 libellés : mettre la même largeur cliquable que celle des CheckBoxGroup
🇫🇷 libellés : mettre la même hauteur que celle des libellés des CheckBoxGroup
🇬🇧 labels: set the same clickable width as the one of the CheckBoxGroup labels and set the same height as the one of the CheckBoxGroup labels
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.