Giter Site home page Giter Site logo

queen's People

Contributors

bwerquin avatar ddecrulle avatar franckco avatar laurentc35 avatar nicolasturban avatar nicolaval avatar orogel avatar simondmz avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

queen's Issues

V2 - Global navigation

🇫🇷 La navigation globale (panneau de gauche) fonctionne.

🇬🇧 Global navigation (left panel) is working.

V2 - « suite de l’entretien », en collecte, envoi directement en fin de questionnaire

#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.

V2 - Long questions are masked by the loop panel

🇬🇧 Problem pushed by EdT survey: the loop panel is hiding part of a question label (a long one), see screenshots below.

🇫🇷 Problème transmis par l'enquête EdT: le panneau de boucle masque parfois le libellé de la question, voir les captures d'écran jointes.

image
image

V2 - Can display a questionnaire

🇫🇷 A partir d'un JSON Lunatic, on peut afficher le questionnaire
🇬🇧 Given a Lunatic JSON file, we can display a questionnaire

V2 - navigation NSP /refus dans le cas des boucles

Cas d'usage :

  • on est dans une boucle liée (exemple : description des habitants)
  • si on répond NSP ou refus à la question n, on passe directement à n+2.
  • si on revient en arrière, la question n+1 s'affiche (donc comportement attendu).
    Exemple dans le json joint :
  • répondre NSP ou refus à question 3, affiche la question 5, le retour arrière affiche la 4.
  • répondre NSP ou refus à question 4, affiche la question 6, le retour arrière affiche la 5.

https://visu-queen-v2-sandbox.demo.insee.io/queen/visualize?questionnaire=https%3A%2F%2Fminio.lab.sspcloud.fr%2Fahusseini%2Fpublic%2FBugQueenNSPRefus.json

Issue208_QueenNSPRefus.zip

V2 - Loop overview

🇫🇷 Le panneau de positionnement dans la boucle (à droite) fonctionne.

🇬🇧 Loop overview panel is working.

Sequence and sub-sequence (linked with breadcrumb ?) - low priority

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 :

  • dans le cas d'une nouvelle séquence, en l'absence de déclaration on affiche une page d'intro contenant une déclaration (de type consigne) automatique dont le libellé est «Changement de séquence»
  • dans le cas d'une nouvelle séquence, en la présence de déclaration(s) on affiche uniquement ces déclarations
  • dans le cas d'une nouvelle sous-séquence, en l'absence de déclaration on n'affiche pas la page d'intro
  • dans le cas d'une nouvelle sous-séquence, en la présence de déclaration(s) on affiche uniquement ces déclarations

Refactoring Queen

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 :

V2 - No continuation after clicking on the Validate button

🇬🇧 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.

Missing shortcuts working with error

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

Bad handling of number keystroke for multiple fields page

🇬🇧 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:

  1. create a new questionnaire
  2. create a number field
  3. create a subsequence to loop over
  4. create in this subsequence a text field, a date field and a list field
  5. loop over the subsequence using the number field created in 2
  6. confirm that in the loop (with all the 3 fields on the same page) numbers keystrokes are captured by the list component denying the ability to finish typing the birthdate

🇫🇷 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 :

  1. créer un nouveau questionnaire
  2. créer un champ nombre
  3. créer une sous-séquence pour boucler
  4. dans la sous-séquence, créer trois champs prénom (texte), date de naissance (date), sexe (liste)
  5. créer une boucle sur la sous-séquence à partir du champ créé en 2
  6. confirmer le comportement problématique : les nombres tapés dans le champ date sont capturés par le composant liste quan ils correspondent à l'index de la modalité

V2 - Breadcrumbs

🇫🇷 Le fil d'Ariane fonctionne.

🇬🇧 Breadcrumbs are working.

Loop panel to be simplified

🇬🇧 (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:

  • they have an uppercase title, which is the value of the first collected variable of each iteration
  • the background color of the card is blue for the current iteration, grey otherwise
  • when an iteration has been passed, it becomes reachable, an arrow is displayed on the card itself. When clicking on a reachable card, the first page of the iteration is displayed. The current card is not clickable and doesn't have an arrow.

🇫🇷 (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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.