Ajoute un filtre "non testé" sur les critères de l'audit (#693)

* add not tested filter

* fix types

* update changelog

Author: bellangerq

CHANGELOG.md

@@ -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.
 
+## 05/04/2024
+
+### Nouvelles fonctionnalités 🚀
+
+- Ajoute la possibilité de filtrer les critères par statut "Non testé" lors de la réalisation de l’audit ([#693](https://github.com/DISIC/Ara/pull/693))
+
 ## 07/03/2024
 
 ### Corrections 🐛

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

@@ -85,6 +85,12 @@ const notApplicableCount = computed(
       (r) => r.status === CriteriumResultStatus.NOT_APPLICABLE
     ).length
 );
+const notTestedCount = computed(
+  () =>
+    resultStore.allResults?.filter(
+      (r) => r.status === CriteriumResultStatus.NOT_TESTED
+    ).length
+);
 </script>
 
 <template>
@@ -245,6 +251,19 @@ const notApplicableCount = computed(
           </label>
         </div>
       </div>
+      <div class="fr-fieldset__element">
+        <div class="fr-checkbox-group">
+          <input
+            id="compliance-level-not-tested"
+            v-model="filterStore.complianceLevels"
+            :value="CriteriumResultStatus.NOT_TESTED"
+            type="checkbox"
+          />
+          <label class="fr-label" for="compliance-level-not-tested">
+            Non testé ({{ notTestedCount }})
+          </label>
+        </div>
+      </div>
     </fieldset>
 
     <hr />

confiture-web-app/src/components/audit/AuditGenerationHeader.vue

@@ -38,6 +38,7 @@ defineProps<{
     total: number;
     unit?: string;
     theme?: StatDonutTheme;
+    disabled?: boolean;
   }[];
   editUniqueId?: string;
 }>();

confiture-web-app/src/pages/audit/AuditGenerationPage.vue

@@ -22,6 +22,7 @@ import {
 import { AuditPage, AuditType, CriteriumResultStatus } from "../../types";
 import { getCriteriaCount, pluralize } from "../../utils";
 import { usePreviousRoute } from "../../composables/usePreviousRoute";
+import { StatDonutTheme } from "../../components/StatDonut.vue";
 
 const route = useRoute();
 const previousRoute = usePreviousRoute();
@@ -101,7 +102,9 @@ const headerInfos = computed(() => [
           value: auditIsInProgress.value ? 0 : complianceLevel.value,
           total: 100,
           unit: "%",
-          theme: auditIsInProgress.value ? "grey" : "blue",
+          theme: auditIsInProgress.value
+            ? ("grey" as StatDonutTheme)
+            : ("blue" as StatDonutTheme),
           disabled: auditIsInProgress.value
         }
       ]
@@ -115,13 +118,13 @@ const headerInfos = computed(() => [
     )} pour l’usager`,
     value: notCompliantCriteriaCount.value,
     total: getCriteriaCount(auditStore.currentAudit?.auditType as AuditType),
-    theme: "red"
+    theme: "red" as StatDonutTheme
   },
   {
     title: "Critères<br/> conformes",
     value: compliantCriteriaCount.value,
     total: getCriteriaCount(auditStore.currentAudit?.auditType as AuditType),
-    theme: "green"
+    theme: "green" as StatDonutTheme
   }
 ]);