Experimental: Add requirements assessment special page

frontend/messages/en.json

@@ -654,6 +654,7 @@
  "partial": "Partial",
  "noResultFound": "No result found",
  "filters": "Filters",
+ "advanced": "Advanced",
  "notApplicableScore": "You cannot score if the requirement assessment is not applicable",
  "maturity": "Maturity",
  "progress": "Progress",

frontend/messages/fr.json

@@ -610,6 +610,7 @@
  "partial": "Partielle",
  "noResultFound": "Aucun résultat trouvé",
  "filters": "Filtres",
+ "advanced": "Avancé",
  "notApplicableScore": "Vous ne pouvez pas scorer si l'évaluation des exigences n'est pas applicable",
  "maturity": "Maturité",
  "progress": "Progression",

frontend/src/lib/components/SideBar/navData.ts

@@ -156,7 +156,6 @@ export const navData = {
  }
  ]
  },
-
  {
  name: 'extra',
  items: [
@@ -191,6 +190,16 @@ export const navData = {
  permissions: ['change_globalsettings']
  }
  ]
+ },
+ {
+ name: 'advanced',
+ items: [
+ {
+ name: 'requirementAssessments',
+ fa_icon: 'fa-solid fa-cogs',
+ href: '/requirement-assessments'
+ }
+ ]
  }
  ]
 };

frontend/src/lib/utils/locales.ts

@@ -78,6 +78,7 @@ export function localItems(): LocalItems {
  compliance: m.compliance(),
  organization: m.organization(),
  extra: m.extra(),
+ advanced: m.advanced(),
  analytics: m.analytics(),
  calendar: m.calendar(),
  threats: m.threats(),

frontend/src/lib/utils/table.ts

@@ -82,6 +82,24 @@ const STATUS_FILTER: ListViewFilterConfig = {
  alwaysDisplay: true
 };
 
+const RESULT_FILTER: ListViewFilterConfig = {
+ component: SelectFilter,
+ getColumn: (row) => row.meta.result,
+ extraProps: {
+ defaultOptionName: 'result'
+ },
+ alwaysDisplay: true
+};
+
+const AUDIT_FILTER: ListViewFilterConfig = {
+ component: SelectFilter,
+ getColumn: (row) => row.meta.compliance_assessment.str,
+ extraProps: {
+ defaultOptionName: 'complianceAssessment'
+ },
+ alwaysDisplay: true
+};
+
 const TREATMENT_FILTER: ListViewFilterConfig = {
  // I could make a function just make the code less repeatitive and long for nothing
  component: SelectFilter,
@@ -356,7 +374,12 @@ export const listViewFields: ListViewFieldsConfig = {
  'requirement-assessments': {
  head: ['name', 'description', 'complianceAssessment'],
  body: ['name', 'description', 'compliance_assessment'],
- breadcrumb_link_disabled: true
+ breadcrumb_link_disabled: true,
+ filters: {
+ status: STATUS_FILTER,
+ result: RESULT_FILTER,
+ audit: AUDIT_FILTER
+ }
  },
  evidences: {
  head: ['name', 'file', 'size', 'description'],