Merge branch 'feature/access-preference' into develop

config/abilities/pages/myAccount.yaml

@@ -99,3 +99,8 @@ cmf_licence_person_page:
   conditions:
     - { function: organizationIsCmf }
     - { function: accessIsAdminAccount, expectedResult: false }
+
+my_settings_page:
+  action: 'display'
+  conditions:
+    - { function: organizationHasAnyModule, parameters: ['GeneralConfig'] }

lang/fr.json

@@ -1,4 +1,8 @@
 {
+  "my_settings_page": "Mes paramètres",
+  "allow_report_message": "Je souhaite recevoir les rapports d'envoi des emails que j'envoie",
+  "my-settings_breadcrumbs": "Mes paramètres",
+  "message_settings": "Paramètres des messages",
   "rewards_list": "Configuration des distinctions",
   "access_rewards_list": "Gestion des distinctions",
   "access_rewards_command": "Commande de distinctions",

models/Access/MyProfile.ts

@@ -59,4 +59,7 @@ export default class MyProfile extends ApiResource {
 
   @Attr({})
   declare originalAccess: Access | null
+
+  @Num(null)
+  declare preferencesId: number
 }

models/Access/Preferences.ts

@@ -0,0 +1,17 @@
+import { Uid, Bool } from 'pinia-orm/dist/decorators'
+import ApiModel from '~/models/ApiModel'
+
+/**
+ * Ap2i Model : Preferences
+ *
+ * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Access/Preferences.php
+ */
+export default class Preferences extends ApiModel {
+  static entity = 'preferences'
+
+  @Uid()
+  declare id: number | string | null
+
+  @Bool(true)
+  declare messageReport: boolean
+}

pages/my-settings.vue

@@ -0,0 +1,59 @@
+<!--
+Page 'Mes préférences'
+-->
+<template>
+  <LayoutContainer>
+    <v-col cols="12" sm="12" md="12">
+      <v-expansion-panels v-model="openedPanels" :multiple="true">
+        <UiExpansionPanel title="message_settings" icon="fas fa-inbox">
+          <v-container fluid class="container">
+            <v-row>
+              <UiLoadingPanel v-if="pending" />
+              <UiForm
+                v-else
+                :model="Preferences"
+                :entity="preferences"
+                action-position="bottom"
+              >
+                <v-row>
+                  <v-col cols="12">
+                    <UiInputCheckbox
+                      v-model="preferences.messageReport"
+                      field="messageReport"
+                      label="allow_report_message"
+                    />
+                  </v-col>
+                </v-row>
+              </UiForm>
+            </v-row>
+          </v-container>
+        </UiExpansionPanel>
+      </v-expansion-panels>
+    </v-col>
+  </LayoutContainer>
+</template>
+
+<script setup lang="ts">
+import type { Ref } from 'vue'
+import { useEntityFetch } from '~/composables/data/useEntityFetch'
+import Preferences from '~/models/Access/Preferences'
+import { useAccessProfileStore } from '~/stores/accessProfile'
+
+definePageMeta({
+  name: 'my_settings_page',
+})
+
+const accessProfileStore = useAccessProfileStore()
+if (accessProfileStore.preferencesId === null) {
+  throw new Error("Missing access preference's id")
+}
+
+const { fetch } = useEntityFetch()
+const openedPanels: Ref<Array<number>> = ref([0])
+const { data: preferences, pending } = await fetch(
+  Preferences,
+  accessProfileStore.preferencesId,
+)
+</script>
+
+<style scoped lang="scss"></style>

services/layout/menuBuilder/accountMenuBuilder.ts

@@ -160,6 +160,8 @@ export default class AccountMenuBuilder extends AbstractMenuBuilder {
       )
     }
 
+    children.push(...this.makeChildren([{ pageName: 'my_settings_page' }]))
+
     actions.push(
       this.createItem('logout', undefined, `/logout`, MENU_LINK_TYPE.V1),
     )

stores/accessProfile.ts

@@ -46,6 +46,7 @@ export const useAccessProfileStore = defineStore('accessProfile', () => {
   const multiAccesses: Ref<Array<BaseOrganizationProfile>> = ref([])
   const familyAccesses: Ref<Array<BaseAccessProfile>> = ref([])
   const originalAccess: Ref<OrignalAccessProfile | null> = ref(null)
+  const preferencesId: Ref<number | null> = ref(null)
 
   // Getters
   /**
@@ -134,6 +135,7 @@ export const useAccessProfileStore = defineStore('accessProfile', () => {
     isAdminAccess.value = profile.isAdminAccess
     isGuardian.value = profile.isGuardian
     isPayer.value = profile.isPayer
+    preferencesId.value = profile.preferencesId
 
     // Add the original Access (switch User case)
     if (profile.originalAccess !== null) {
@@ -213,5 +215,6 @@ export const useAccessProfileStore = defineStore('accessProfile', () => {
     setProfile,
     setHistorical,
     setHistoricalRange,
+    preferencesId,
   }
 })

tests/units/services/data/entityManager.test.ts

@@ -428,7 +428,7 @@ describe('fetchCollection', () => {
     })
 
     // @ts-expect-error Needed to avoid 'Cannot stringify non POJO' occasional bugs
-    // eslint-disable-next-line
+
     expect(result.toJSON()).toEqual(
       'Computed result from fetchCollection at : api/dummyResource',
     )

tests/units/services/layout/menuBuilder/accountMenuBuilder.test.ts

@@ -55,7 +55,7 @@ describe('build', () => {
     expect(result.label).toEqual('my_account')
 
     // @ts-ignore
-    expect(result.children.length).toEqual(14)
+    expect(result.children.length).toEqual(15)
     // @ts-ignore
     expect(result.actions.length).toEqual(1)
 

types/interfaces.d.ts

@@ -113,6 +113,7 @@ interface AccessProfile extends BaseAccessProfile {
   originalAccess: OrignalAccessProfile | null
   hasRole: (role: string) => boolean
   isAdminAccount: boolean
+  preferencesId: number | null
 }
 
 // TODO: y'a un problème entre l'interface AccessProfile et celle organizationState, les noms sont construits différemment,