merge last AddPerson branch

2025-08-21 15:13:50 +00:00 · 2022-02-16 11:23:21 +01:00
parent 4de2cbe807 99afd2e830
commit 9d651a70e9
105 changed files with 1554 additions and 882 deletions
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue
@@ -60,14 +60,14 @@
         <template v-slot:body>
            <p>{{ $t('confirm.sure_description') }}</p>
            <div v-if="accompanyingCourse.user === null">
-                <div v-if="filteredReferrersSuggested.length === 0">
+                <div v-if="usersSuggestedFilteredByJob.length === 0">
                   <p class="alert alert-warning">{{ $t('confirm.no_suggested_referrer') }}</p>
                </div>
-                <div v-if="filteredReferrersSuggested.length === 1" class="alert alert-info">
+                <div v-if="usersSuggestedFilteredByJob.length === 1" class="alert alert-info">
                   <p>{{ $t('confirm.one_suggested_referrer') }}:</p>
                   <ul class="list-suggest add-items inline">
                     <li>
-                       <user-render-box-badge :user="filteredReferrersSuggested[0]"></user-render-box-badge>
+                       <user-render-box-badge :user="usersSuggestedFilteredByJob[0]"></user-render-box-badge>
                     </li>
                   </ul>
                   <p>{{ $t('confirm.choose_suggested_referrer') }}</p>
@@ -150,7 +150,6 @@ export default {
   computed: {
      ...mapState({
         accompanyingCourse: state => state.accompanyingCourse,
-         filteredReferrersSuggested: state => state.filteredReferrersSuggested
      }),
      ...mapGetters([
         'isParticipationValid',
@@ -160,15 +159,16 @@ export default {
         'isLocationValid',
         'isJobValid',
         'validationKeys',
-         'isValidToBeConfirmed'
+         'isValidToBeConfirmed',
+         'usersSuggestedFilteredByJob',
      ]),
      deleteLink() {
         return `/fr/parcours/${this.accompanyingCourse.id}/delete`; //TODO locale
      },
      disableConfirm() {
-         return this.clickedDoNotChooseReferrer
-               ? (this.accompanyingCourse.user === null && this.filteredReferrersSuggested.length === 0)
-               : (this.accompanyingCourse.user === null && this.filteredReferrersSuggested.length === 0) || (this.filteredReferrersSuggested.length === 1);
+        return (this.accompanyingCourse.user === null
+            && this.usersSuggestedFilteredByJob.length === 1
+            && this.clickedDoNotChooseReferrer === false);
      }
   },
   methods: {
@@ -183,7 +183,7 @@ export default {
            });
      },
      chooseSuggestedReferrer() {
-         this.$store.dispatch('updateReferrer', this.filteredReferrersSuggested[0])
+         this.$store.dispatch('updateReferrer', this.usersSuggestedFilteredByJob[0])
            .catch(({name, violations}) => {
               if (name === 'ValidationException' || name === 'AccessException') {
                  violations.forEach((violation) => this.$toast.open({message: violation}));
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
@@ -20,7 +20,6 @@
            <div class="form-check" v-for="p in participationWithoutHousehold" :key="p.id">
               <input type="checkbox"
                  class="form-check-input"
-                  v-model="hasNoHousehold"
                  name="persons[]"
                  checked="checked"
                  :id="p.person.id"
@@ -56,14 +55,18 @@
   </div>

   <div>
-      <add-persons
-         buttonTitle="persons_associated.add_persons"
-         modalTitle="add_persons.title"
-         v-bind:key="addPersons.key"
-         v-bind:options="addPersons.options"
-         @addNewPersons="addNewPersons"
-         ref="addPersons"> <!-- to cast child method -->
-      </add-persons>
+      <ul class="record_actions">
+         <li class="add-persons">
+            <add-persons
+               buttonTitle="persons_associated.add_persons"
+               modalTitle="add_persons.title"
+               v-bind:key="addPersons.key"
+               v-bind:options="addPersons.options"
+               @addNewPersons="addNewPersons"
+               ref="addPersons"> <!-- to cast child method -->
+            </add-persons>
+         </li>
+      </ul>
   </div>

   <div v-if="!isParticipationValid" class="alert alert-warning to-confirm">
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue
@@ -10,6 +10,7 @@
               addAge : true,
               hLevel : 3,
               isConfidential :  false,
+               isMultiline: true,
            }"
      :person="participation.person"
      :returnPath="getAccompanyingCourseReturnPath">
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
@@ -1,164 +1,172 @@
 <template>
-<div class="vue-component">
-   <h2><a id="section-80"></a>{{ $t('referrer.title') }}</h2>
+  <div class="vue-component">
+    <h2><a id="section-80"></a>{{ $t('referrer.title') }}</h2>

-   <div>
+    <div>

      <label class="col-form-label" for="selectJob">
-         {{ $t('job.label') }}
+        {{ $t('job.label') }}
      </label>

      <VueMultiselect
-         name="selectJob"
-         label="text"
-         :custom-label="customJobLabel"
-         track-by="id"
-         :multiple="false"
-         :searchable="true"
-         :placeholder="$t('job.placeholder')"
-         v-model="valueJob"
-         :options="jobs"
-         :select-label="$t('multiselect.select_label')"
-         :deselect-label="$t('multiselect.deselect_label')"
-         :selected-label="$t('multiselect.selected_label')"
-         @select="updateJob">
-      </VueMultiselect>
+          name="selectJob"
+          label="text"
+          :custom-label="customJobLabel"
+          track-by="id"
+          :multiple="false"
+          :searchable="true"
+          :placeholder="$t('job.placeholder')"
+          v-model="valueJob"
+          :options="jobs"
+          :select-label="$t('multiselect.select_label')"
+          :deselect-label="$t('multiselect.deselect_label')"
+          :selected-label="$t('multiselect.selected_label')"
+      ></VueMultiselect>

      <label class="col-form-label" for="selectReferrer">
-         {{ $t('referrer.label') }}
+        {{ $t('referrer.label') }}
      </label>

      <VueMultiselect
-         name="selectReferrer"
-         label="text"
-         track-by="id"
-         :multiple="false"
-         :searchable="true"
-         :placeholder="$t('referrer.placeholder')"
-         v-model="value"
-         :options="users"
-         :select-label="$t('multiselect.select_label')"
-         :deselect-label="$t('multiselect.deselect_label')"
-         :selected-label="$t('multiselect.selected_label')"
-         @select="updateReferrer">
-      </VueMultiselect>
+          name="selectReferrer"
+          label="text"
+          track-by="id"
+          :multiple="false"
+          :searchable="true"
+          :placeholder="$t('referrer.placeholder')"
+          v-model="value"
+          :options="users"
+          :select-label="$t('multiselect.select_label')"
+          :deselect-label="$t('multiselect.deselect_label')"
+          :selected-label="$t('multiselect.selected_label')"
+      ></VueMultiselect>

-      <template v-if="filteredReferrersSuggested.length > 0">
-         <ul class="list-suggest add-items inline">
-            <li v-for="(u, i) in filteredReferrersSuggested" @click="updateReferrer(u)" :key="`referrer-${i}`">
+      <template v-if="usersSuggestedFilteredByJob.length > 0">
+        <ul class="list-suggest add-items inline">
+          <li v-for="(u, i) in usersSuggestedFilteredByJob" @click="updateReferrer(u)" :key="`referrer-${i}`">
               <span>
                  <user-render-box-badge :user="u"></user-render-box-badge>
               </span>
-            </li>
+          </li>
        </ul>
      </template>
-   </div>
+    </div>

-   <div>
+    <div>
      <ul class="record_actions">
-         <li>
-            <button
-               class="btn btn-create"
-               type="button"
-               name="button"
-               @click="assignMe">
-               {{ $t('referrer.assign_me') }}
-            </button>
-         </li>
+        <li>
+          <button
+              class="btn btn-create"
+              type="button"
+              name="button"
+              @click="assignMe">
+            {{ $t('referrer.assign_me') }}
+          </button>
+        </li>
      </ul>
-   </div>
+    </div>

-   <div v-if="!isJobValid" class="alert alert-warning to-confirm">
+    <div v-if="!isJobValid" class="alert alert-warning to-confirm">
      {{ $t('job.not_valid') }}
-   </div>
+    </div>

-</div>
+  </div>
 </template>

 <script>
 import VueMultiselect from 'vue-multiselect';
-import { makeFetch } from 'ChillMainAssets/lib/api/apiMethods';
-import { mapState, mapGetters } from 'vuex';
+import {makeFetch} from 'ChillMainAssets/lib/api/apiMethods';
+import {mapState, mapGetters} from 'vuex';
 import UserRenderBoxBadge from "ChillMainAssets/vuejs/_components/Entity/UserRenderBoxBadge";

 export default {
-   name: "Referrer",
-   components: {
-     UserRenderBoxBadge,
-     VueMultiselect,
-   },
-   data() {
-      return {
-         jobs: []
+  name: "Referrer",
+  components: {
+    UserRenderBoxBadge,
+    VueMultiselect,
+  },
+  data() {
+    return {
+      jobs: []
+    }
+  },
+  computed: {
+    ...mapState({
+      valueJob: state => state.accompanyingCourse.job,
+    }),
+    ...mapGetters(['isJobValid', 'usersSuggestedFilteredByJob']),
+    users: function () {
+      let users = this.$store.getters.usersFilteredByJob;
+      // ensure that the selected user is in the list. add it if necessary
+      if (this.$store.state.accompanyingCourse.user !== null && users.find(u => this.$store.state.accompanyingCourse.user.id === u.id) === undefined) {
+        users.push(this.$store.state.accompanyingCourse.user);
      }
-   },
-   computed: {
-      ...mapState({
-         value: state => state.accompanyingCourse.user,
-         valueJob: state => state.accompanyingCourse.job,
-         users: state => state.users.filter(u => {
-            if (u.user_job && state.accompanyingCourse.job) {
-                return u.user_job.id === state.accompanyingCourse.job.id;
-            } else {
-               return false;
-            }
-         }),
-         filteredReferrersSuggested: state => state.filteredReferrersSuggested,
-      }),
-      ...mapGetters([
-         'isJobValid'
-      ])
-   },
-   mounted() {
-      this.getJobs();
-   },
-   methods: {
-      updateReferrer(value) {
-         this.$store.dispatch('updateReferrer', value)
+      return users;
+    },
+    valueJob: {
+      get() {
+        return this.$store.state.accompanyingCourse.job;
+      },
+      set(value) {
+        this.$store.dispatch('updateJob', value)
            .catch(({name, violations}) => {
-               if (name === 'ValidationException' || name === 'AccessException') {
-                  violations.forEach((violation) => this.$toast.open({message: violation}));
-               } else {
-                  this.$toast.open({message: 'An error occurred'})
-               }
+              if (name === 'ValidationException' || name === 'AccessException') {
+                violations.forEach((violation) => this.$toast.open({message: violation}));
+              } else {
+                this.$toast.open({message: 'An error occurred'})
+              }
            });
-      },
-      getJobs() {
-         const url = '/api/1.0/main/user-job.json';
-         makeFetch('GET', url)
-            .then(response => {
-               this.jobs  = response.results;
-            })
-            .catch((error) => {
-               this.$toast.open({message: error.txt})
-            })
-      },
-      updateJob(value) {
-         this.$store.dispatch('updateJob', value)
-            .catch(({name, violations}) => {
-               if (name === 'ValidationException' || name === 'AccessException') {
-                  violations.forEach((violation) => this.$toast.open({message: violation}));
-               } else {
-                  this.$toast.open({message: 'An error occurred'})
-               }
-            });
-      },
-      customJobLabel(value) {
-          return value.label.fr;
-      },
-      assignMe() {
-         const url = `/api/1.0/main/whoami.json`;
-         makeFetch('GET', url)
-            .then(response => {
-               this.$store.dispatch('updateReferrer', response);
-               return response;
-            })
-            .catch((error) => {
-               commit('catchError', error);
-               this.$toast.open({message: error.body})
-            })
      }
-   }
+    },
+    value: {
+      get() {
+        return this.$store.state.accompanyingCourse.user;
+      },
+      set(value) {
+        console.log('set referrer', value);
+        this.$store.dispatch('updateReferrer', value)
+            .catch(({name, violations}) => {
+              if (name === 'ValidationException' || name === 'AccessException') {
+                violations.forEach((violation) => this.$toast.open({message: violation}));
+              } else {
+                this.$toast.open({message: 'An error occurred'})
+              }
+            });
+      }
+    },
+  },
+  mounted() {
+    this.getJobs();
+  },
+  methods: {
+    updateReferrer(value) {
+      this.value = value;
+    },
+    getJobs() {
+      const url = '/api/1.0/main/user-job.json';
+      makeFetch('GET', url)
+          .then(response => {
+            this.jobs = response.results;
+          })
+          .catch((error) => {
+            this.$toast.open({message: error.txt})
+          })
+    },
+    customJobLabel(value) {
+      return value.label.fr;
+    },
+    assignMe() {
+      const url = `/api/1.0/main/whoami.json`;
+      makeFetch('GET', url)
+          .then(user => {
+            this.value = user
+          })
+      /*.catch((error) => {
+         commit('catchError', error);
+         this.$toast.open({message: error.body})
+      })*/
+    }
+  }
 }
 </script>

--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
@@ -6,7 +6,7 @@
   <div v-if="accompanyingCourse.requestor && isAnonymous" class="flex-table">

      <label>
-         <input type="checkbox" v-model="isAnonymous" class="me-2" />
+         <input type="checkbox" v-model="requestorIsAnonymous" class="me-2" />
         {{ $t('requestor.is_anonymous') }}
      </label>
      <confidential v-if="accompanyingCourse.requestor.type === 'thirdparty'">
@@ -72,7 +72,7 @@

   <div v-else-if="accompanyingCourse.requestor && !isAnonymous" class="flex-table">
      <label>
-         <input type="checkbox" v-model="isAnonymous" class="me-2" />
+         <input type="checkbox" v-model="requestorIsAnonymous" class="me-2" />
         {{ $t('requestor.is_anonymous') }}
      </label>

@@ -144,14 +144,18 @@
   </div>

   <div>
-      <add-persons v-if="accompanyingCourse.requestor === null"
-         buttonTitle="requestor.add_requestor"
-         modalTitle="requestor.add_requestor"
-         v-bind:key="addPersons.key"
-         v-bind:options="addPersons.options"
-         @addNewPersons="addNewPersons"
-         ref="addPersons"> <!-- to cast child method -->
-      </add-persons>
+      <ul class="record_actions">
+         <li class="add-persons">
+            <add-persons v-if="accompanyingCourse.requestor === null"
+               buttonTitle="requestor.add_requestor"
+               modalTitle="requestor.add_requestor"
+               v-bind:key="addPersons.key"
+               v-bind:options="addPersons.options"
+               @addNewPersons="addNewPersons"
+               ref="addPersons"> <!-- to cast child method -->
+            </add-persons>
+         </li>
+      </ul>
   </div>

 </div>
@@ -214,7 +218,7 @@ export default {
      accompanyingCourse() {
         return this.$store.state.accompanyingCourse
      },
-      isAnonymous: {
+      requestorIsAnonymous: {
         set(value) {
            this.$store.dispatch('requestorIsAnonymous', value);
         },
@@ -283,7 +287,9 @@ export default {
            body.name = payload.data.text;
            body.email = payload.data.email;
            body.telephone = payload.data.phonenumber;
-            body.address = { id: payload.data.address.address_id };
+            if (payload.data.address) {
+                body.address = { id: payload.data.address.address_id };
+            }

            makeFetch('PATCH', `/api/1.0/thirdparty/thirdparty/${payload.data.id}.json`, body)
               .then(response => {
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
@@ -29,14 +29,18 @@
   </div>

   <div>
-      <add-persons
-      buttonTitle="resources.add_resources"
-      modalTitle="resources.add_resources"
-      v-bind:key="addPersons.key"
-      v-bind:options="addPersons.options"
-      @addNewPersons="addNewPersons"
-      ref="addPersons"> <!-- to cast child method -->
-      </add-persons>
+      <ul class="record_actions">
+         <li class="add-persons">
+            <add-persons
+            buttonTitle="resources.add_resources"
+            modalTitle="resources.add_resources"
+            v-bind:key="addPersons.key"
+            v-bind:options="addPersons.options"
+            @addNewPersons="addNewPersons"
+            ref="addPersons"> <!-- to cast child method -->
+            </add-persons>
+         </li>
+      </ul>
   </div>

 </div>
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js
@@ -140,7 +140,7 @@ const appMessages = {
         sure_description: "Une fois le changement confirmé, il ne sera plus possible de le remettre à l'état de brouillon !",
         ok: "Confirmer le parcours",
         delete: "Supprimer le parcours",
-         no_suggested_referrer: "Il n'y a aucun référent qui puisse être désigné pour ce parcours. Vérifiez la localisation du parcours, les métiers et service indiqués. Si le problème persiste, contactez l'administrateur du logiciel.",
+         no_suggested_referrer: "Il n'y a aucun référent qui puisse être suggéré pour ce parcours. Vérifiez la localisation du parcours, les métiers et service indiqués. Si les données sont correctes, vous pouvez confirmer ce parcours.",
         one_suggested_referrer: "Un unique référent peut être suggéré pour ce parcours",
         choose_suggested_referrer: "Voulez-vous le désigner directement ?",
         choose_button: "Désigner",
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js
@@ -40,7 +40,6 @@ let initPromise = (root) => Promise.all([getScopesPromise(root), accompanyingCou
            scopesAtBackend: accompanyingCourse.scopes.map(scope => scope),
            // the users which are available for referrer
            referrersSuggested: [],
-            filteredReferrersSuggested: [],
            // all the users available
            users: [],
            permissions: {}
@@ -93,6 +92,30 @@ let initPromise = (root) => Promise.all([getScopesPromise(root), accompanyingCou

               return false;
            },
+            usersFilteredByJob(state) {
+               return state.users.filter(u => {
+                  if (null !== state.accompanyingCourse.job) {
+                     return (u.user_job === null ? null : u.user_job.id) === state.accompanyingCourse.job.id;
+                  } else {
+                     return true;
+                  }
+               });
+            },
+            usersSuggestedFilteredByJob(state) {
+               return state.referrersSuggested.filter(u => {
+                  if (null !== state.accompanyingCourse.job) {
+                     return (u.user_job === null ? null : u.user_job.id) === state.accompanyingCourse.job.id;
+                  } else {
+                     return true;
+                  }
+               }).filter(u => {
+                  if (null !== state.accompanyingCourse.user) {
+                     return u.id !== state.accompanyingCourse.user.id;
+                  }
+
+                  return true;
+               });
+            },
         },
         mutations: {
            catchError(state, error) {
@@ -216,22 +239,6 @@ let initPromise = (root) => Promise.all([getScopesPromise(root), accompanyingCou
                  return u;
               });
            },
-            setFilteredReferrersSuggested(state) {
-               state.filteredReferrersSuggested = state.referrersSuggested.filter(u => {
-                  if (u.user_job && state.accompanyingCourse.job && state.accompanyingCourse.user) {
-                      return u.user_job.id === state.accompanyingCourse.job.id && state.accompanyingCourse.user.id !== u.id
-                  } else {
-                     if (null === state.accompanyingCourse.user) {
-                         if (u.user_job && state.accompanyingCourse.job) {
-                            return u.user_job.id === state.accompanyingCourse.job.id
-                         } else {
-                            return true;
-                         }
-                     }
-                     return state.accompanyingCourse.user.id !== u.id;
-                  }
-               })
-            },
            confirmAccompanyingCourse(state, response) {
               //console.log('### mutation: confirmAccompanyingCourse: response', response);
               state.accompanyingCourse.step = response.step;
@@ -421,42 +428,6 @@ let initPromise = (root) => Promise.all([getScopesPromise(root), accompanyingCou
                      throw error;
                   })
            },
-            /**
-             * On The Fly
-             */
-            patchOnTheFly({ commit }, payload) {
-               // TODO should be into the dedicated component, no ? JF
-               console.log('## action: patch OnTheFly', payload);
-               let body = { type: payload.type };
-               if (payload.type === 'person') {
-                  body.firstName = payload.data.firstName;
-                  body.lastName = payload.data.lastName;
-                  if (payload.data.birthdate !== null) { body.birthdate = payload.data.birthdate; }
-                  body.phonenumber = payload.data.phonenumber;
-                  body.mobilenumber = payload.data.mobilenumber;
-                  body.gender = payload.data.gender;
-                  console.log('id', payload.data.id, 'and body', body);
-                  patchPerson(payload.data.id, body)
-                     .then(person => new Promise((resolve, reject) => {
-                        console.log('patch person', person);
-                        commit('updatePerson', { target: payload.target, person: person });
-                        resolve();
-                     }));
-               }
-               else if (payload.type === 'thirdparty') {
-                  body.name = payload.data.text;
-                  body.email = payload.data.email;
-                  body.telephone = payload.data.phonenumber;
-                  body.address = { id: payload.data.address.address_id };
-                  console.log('id', payload.data.id, 'and body', body);
-                  patchThirdparty(payload.data.id, body)
-                     .then(thirdparty => new Promise((resolve, reject) => {
-                        console.log('patch thirdparty', thirdparty);
-                        commit('updateThirdparty', { target: payload.target, thirdparty: thirdparty });
-                        resolve();
-                  }));
-               }
-            },
            /**
             * Update accompanying course intensity/emergency/confidentiality
             */
@@ -689,8 +660,14 @@ let initPromise = (root) => Promise.all([getScopesPromise(root), accompanyingCou
                  })
            },
            updateReferrer({ commit }, payload) {
+               console.log('update referrer', payload);
+               console.log('payload !== null', payload !== null);
               const url = `/api/1.0/person/accompanying-course/${id}.json`;
-               const body = { type: "accompanying_period", user: { id: payload.id, type: payload.type }};
+               let body = { type: "accompanying_period", user: null };
+
+               if (payload !== null) {
+                  body = { type: "accompanying_period", user: { id: payload.id, type: payload.type } };
+               }

               return makeFetch('PATCH', url, body)
                  .then((response) => {
@@ -704,12 +681,15 @@ let initPromise = (root) => Promise.all([getScopesPromise(root), accompanyingCou
            },
            updateJob({ commit }, payload) {
               const url = `/api/1.0/person/accompanying-course/${id}.json`;
-               const body = { type: "accompanying_period", job: { id: payload.id, type: payload.type }};
+               let body = { type: "accompanying_period", job: null };
+
+               if (payload !== null) {
+                  body = { type: "accompanying_period", job: { id: payload.id, type: payload.type } };
+               }

               return makeFetch('PATCH', url, body)
                  .then((response) => {
                     commit('updateJob', response.job);
-                     commit('setFilteredReferrersSuggested');
                  })
                  .catch((error) => {
                     commit('catchError', error);
@@ -734,7 +714,6 @@ let initPromise = (root) => Promise.all([getScopesPromise(root), accompanyingCou
            async fetchReferrersSuggested({ state, commit}) {
               let users = await getReferrersSuggested(state.accompanyingCourse);
               commit('setReferrersSuggested', users);
-               commit('setFilteredReferrersSuggested');
               if (
                  null === state.accompanyingCourse.user
                  && !state.accompanyingCourse.confidential