Ajoute un filtre pour cacher les tests et les références (#329)

* feat: add filter in store and filters sidebar

* feat: hide tests and references accordeons when filter is checked

* docs: update changelog

* docs: fix changelog order

Author: bellangerq

CHANGELOG.md

@@ -4,13 +4,17 @@ Tous les changements notables de Ara sont documentés ici avec leur date, leur c
 
 ## 24/03/2023
 
-## 23/03/2023
+## Nouvelles fonctionnalités 🚀
+
+- Ajout d’un filtre pour cacher les tests et références des critères ([#329](https://github.com/DISIC/Ara/pull/329))
 
 ## Autres changements ⚙️
 
 - Petits ajustements d’affichage du contenu de la page Contexte d’un audit ([#331](https://github.com/DISIC/Ara/pull/331))
 - Mise à jour du wording pour la saisie d’un moyen de contact dans la déclaration ([#330](https://github.com/DISIC/Ara/pull/330))
 
+## 23/03/2023
+
 ## Nouvelles fonctionnalités 🚀
 
 - Ajout d’un interrupteur pour marquer le résultat d’un critère comme transverse sur toutes les pages ([#317](https://github.com/DISIC/Ara/pull/317))

confiture-web-app/src/components/AuditGenerationCriterium.vue

@@ -15,12 +15,13 @@ import CriteriumNotApplicableAccordion from "./CriteriumNotApplicableAccordion.v
 import CriteriumNotCompliantAccordion from "./CriteriumNotCompliantAccordion.vue";
 import CriteriumRecommendationAccordion from "./CriteriumRecommendationAccordion.vue";
 import CriteriumTestsAccordion from "./CriteriumTestsAccordion.vue";
-import { useResultsStore } from "../store";
+import { useResultsStore, useFiltersStore } from "../store";
 import { useNotifications } from "../composables/useNotifications";
 import RadioGroup, { RadioColor } from "./RadioGroup.vue";
 import { captureException } from "@sentry/core";
 
 const store = useResultsStore();
+const filtersStore = useFiltersStore();
 
 const props = defineProps<{
   topicNumber: number;
@@ -196,7 +197,14 @@ const uniqueId = computed(() => {
     </div>
 
     <!-- STATUS -->
-    <div class="fr-mb-2w fr-ml-6w criterium-radios-container">
+    <div
+      :class="[
+        'fr-ml-6w criterium-radios-container',
+        {
+          'fr-mb-2w': result.status !== CriteriumResultStatus.NOT_TESTED,
+        },
+      ]"
+    >
       <RadioGroup
         v-model="result.status"
         :label="`Statut du critère ${topicNumber}.${criterium.number}`"
@@ -256,6 +264,10 @@ const uniqueId = computed(() => {
 
     <!-- TESTS + METHODO -->
     <CriteriumTestsAccordion
+      v-if="!filtersStore.hideTestsAndReferences"
+      :class="{
+        'fr-mt-2w': result.status === CriteriumResultStatus.NOT_TESTED,
+      }"
       :topic-number="topicNumber"
       :criterium="criterium"
     />

confiture-web-app/src/components/AuditGenerationFilters.vue

@@ -116,6 +116,17 @@ watch(
         filterStore.newEvaluatedCriteria.length
       }})
     </button>
+
+    <div class="fr-checkbox-group fr-mt-4w">
+      <input
+        id="hide-tests-and-references"
+        v-model="filterStore.hideTestsAndReferences"
+        type="checkbox"
+      />
+      <label class="fr-label" for="hide-tests-and-references">
+        Masquer les tests et références
+      </label>
+    </div>
   </div>
 
   <div class="fr-form-group">

confiture-web-app/src/store/filters.ts

@@ -9,6 +9,7 @@ interface FiltersStoreState {
   search: string;
   topics: number[];
   hideEvaluatedCriteria: boolean;
+  hideTestsAndReferences: boolean;
   newEvaluatedCriteria: string[];
 }
 
@@ -17,6 +18,7 @@ export const useFiltersStore = defineStore("filters", {
     search: "",
     topics: [],
     hideEvaluatedCriteria: false,
+    hideTestsAndReferences: false,
     newEvaluatedCriteria: [],
   }),
   getters: {