Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ajoute une liste éditable des élements transverse de l'audit #964

Open
wants to merge 7 commits into
base: main
Choose a base branch
from

Conversation

hissalht
Copy link
Collaborator

closes #780

Avant de merger la pull request, s’assurer que :

  • Les checks GitHub passent (lint...).
  • Les tests Cypress ont été lancés en local (dans le cas d’une correction de bug ou d’une nouvelle fonctionnalité).

@hissalht hissalht linked an issue Feb 20, 2025 that may be closed by this pull request
@hissalht hissalht temporarily deployed to ara-780-rappel-des-elem-izword February 20, 2025 14:17 Inactive
@hissalht hissalht temporarily deployed to ara-780-rappel-des-elem-izword February 20, 2025 15:07 Inactive
@hissalht hissalht force-pushed the 780-rappel-des-éléments-audités-dans-longlet-transverse branch from 9060c88 to a2ca35c Compare February 20, 2025 15:08
@hissalht hissalht marked this pull request as ready for review February 20, 2025 15:08
@hissalht hissalht requested review from bellangerq and yaaax February 20, 2025 15:08
@hissalht hissalht temporarily deployed to ara-780-rappel-des-elem-izword February 20, 2025 15:08 Inactive
@benoitdequick
Copy link
Contributor

Faudrait aussi penser à l'affichage de ces informations côté rapport dans les onglets détail des nc et points d'amélioration

@AdrienMuzyczka
Copy link
Collaborator

AdrienMuzyczka commented Feb 25, 2025

Autres retours :

  • Passer en taille MD les boutons “Enregistrer” et “Annuler”
  • Ajouter un espace de 16 px entre ces 2 boutons (utiliser un “groupe de boutons” ?)
  • Si l’usager clique sur “Enregistrer” et qu’une saisie est présente, créer un tag

Affichage tags dans le rapport : https://www.figma.com/design/lbnXmYmTsTgkWvgzdR6W1c/Ara_V0.10_B%C3%AAta?node-id=7197-567337&t=K1wnQOjLLCFGRPO0-1

@hissalht hissalht temporarily deployed to ara-780-rappel-des-elem-izword February 26, 2025 16:32 Inactive
@@ -2,6 +2,12 @@

Tous les changements notables de Ara sont documentés ici avec leur date, leur catégorie (nouvelle fonctionnalité, correction de bug ou autre changement) et leur pull request (PR) associée.

## 20/02/2025
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Penser à mettre à jour la date lors du merge

<button
v-if="i === tags.length - 1"
class="fr-btn fr-btn--sm fr-btn--tertiary-no-outline fr-btn--icon-left fr-icon-edit-fill fr-ml-1v edit-tags-button"
@click="editing = true"
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Au click sur ce bouton, focus le champs de saisie pour ne pas perdre le focus.

});
}

function cancelEdition() {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Focus le bouton "Modifier" quand on annule pour ne pas perdre le focus.

...auditStore.currentAudit,
transverseElements
})
.then(() => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Focus le bouton "Modifier" quand on sauvegarde pour ne pas perdre le focus.

import { useAuditStore } from "../../store";
import DsfrField from "../ui/DsfrField.vue";

let nextUid = 1;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

On peut utiliser le hook useUniqueId() ?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

useUniqueId renvoie une ref, on est sensé s'en servir à la racine d'un setup. Là on veut s'en servir des dans des fonctions

$emit('update:modelValue', ($event.target as HTMLInputElement).value)
"
/>
<slot name="trailing" />
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Je suis pas trop sûr de ce à quoi ça sert 🤔 . De ce que je comprends c'est pour insérer un bouton à côté mais dans ce cas c'est pas possible de créer un container flex 2 colonnes avec d'un côté le <DsfrField /> et e l'autre un bouton ?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

On peut faire ça mais ça inclut le label dans la colonne flex. Du coup, le label va à la ligne au lieu de passer au dessus du bouton

image image

au lieu de

image

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Aaah je vois 👍🏼

@benoitdequick
Copy link
Contributor

Il faudrait ajouter un <span sr-only> l'élement transverse au bouton Ajouter. (comme pour le bouton modifier)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Rappel des éléments audités dans l'onglet transverse
4 participants