accompanying course: confirm DRAFT acc. period when suggestedReferrers is unique or null

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue

@@ -59,9 +59,35 @@
          </template>
          <template v-slot:body>
             <p>{{ $t('confirm.sure_description') }}</p>
+            <div v-if="accompanyingCourse.user === null">
+                <div v-if="filteredReferrersSuggested.length === 0">
+                   <p class="alert alert-warning">{{ $t('confirm.no_suggested_referrer') }}</p>
+                </div>
+                <div v-if="filteredReferrersSuggested.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>
+                     </li>
+                   </ul>
+                   <p>{{ $t('confirm.choose_suggested_referrer') }}</p>
+                   <ul class="record_actions">
+                      <li>
+                     <button class="btn btn-save mr-5" @click="chooseSuggestedReferrer">
+                        {{ $t('confirm.choose_button') }}
+                     </button>
+                      </li>
+                      <li>
+                     <button class="btn btn-secondary" @click="doNotChooseSuggestedReferrer">
+                        {{ $t('confirm.do_not_choose_button') }}
+                     </button>
+                     </li>
+                   </ul>
+                </div>
+            </div>
          </template>
          <template v-slot:footer>
-            <button class="btn btn-danger" @click="confirmCourse">
+            <button class="btn btn-danger" :disabled="disableConfirm" @click="confirmCourse">
                {{ $t('confirm.ok') }}
             </button>
          </template>
@@ -74,11 +100,13 @@
 <script>
 import {mapGetters, mapState} from "vuex";
 import Modal from 'ChillMainAssets/vuejs/_components/Modal';
+import UserRenderBoxBadge from "ChillMainAssets/vuejs/_components/Entity/UserRenderBoxBadge";
 
 export default {
    name: "Confirm",
    components: {
       Modal,
+      UserRenderBoxBadge
    },
    data() {
       return {
@@ -115,13 +143,15 @@ export default {
                msg: 'confirm.job_not_valid',
                anchor: '#section-80'
             },
-         }
+         },
+         clickedDoNotChooseReferrer: false
       }
    },
    computed: {
-      ...mapState([
+      ...mapState({
-         'accompanyingCourse'
+         accompanyingCourse: state => state.accompanyingCourse,
-      ]),
+         filteredReferrersSuggested: state => state.filteredReferrersSuggested
+      }),
       ...mapGetters([
          'isParticipationValid',
          'isSocialIssueValid',
@@ -135,6 +165,11 @@ export default {
       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);
+      }
    },
    methods: {
       confirmCourse() {
@@ -146,6 +181,19 @@ export default {
                   this.$toast.open({message: 'An error occurred'})
                }
             });
+      },
+      chooseSuggestedReferrer() {
+         this.$store.dispatch('updateReferrer', this.filteredReferrersSuggested[0])
+            .catch(({name, violations}) => {
+               if (name === 'ValidationException' || name === 'AccessException') {
+                  violations.forEach((violation) => this.$toast.open({message: violation}));
+               } else {
+                  this.$toast.open({message: 'An error occurred'})
+               }
+            });
+      },
+      doNotChooseSuggestedReferrer() {
+         this.clickedDoNotChooseReferrer = true;
       }
    }
 }

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue

@@ -43,9 +43,9 @@
          @select="updateReferrer">
       </VueMultiselect>
 
-      <template v-if="referrersSuggested.length > 0">
+      <template v-if="filteredReferrersSuggested.length > 0">
          <ul class="list-suggest add-items inline">
-            <li v-for="(u, i) in referrersSuggested" @click="updateReferrer(u)" :key="`referrer-${i}`">
+            <li v-for="(u, i) in filteredReferrersSuggested" @click="updateReferrer(u)" :key="`referrer-${i}`">
                <span>
                   <user-render-box-badge :user="u"></user-render-box-badge>
                </span>
@@ -103,20 +103,7 @@ export default {
                return false;
             }
          }),
-         referrersSuggested: state => state.referrersSuggested.filter(u => {
+         filteredReferrersSuggested: state => state.filteredReferrersSuggested,
-            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;
-            }
-         }),
       }),
       ...mapGetters([
          'isJobValid'
@@ -127,7 +114,6 @@ export default {
    },
    methods: {
       updateReferrer(value) {
-         //console.log('value', value);
          this.$store.dispatch('updateReferrer', value)
             .catch(({name, violations}) => {
                if (name === 'ValidationException' || name === 'AccessException') {

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js

@@ -139,7 +139,12 @@ const appMessages = {
          sure: "Êtes-vous sûr ?",
          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"
+         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.",
+         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",
+         do_not_choose_button: "Ne pas désigner"
       },
       job: {
          label: "Métier",

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js

@@ -35,6 +35,7 @@ let initPromise = Promise.all([scopesPromise, accompanyingCoursePromise])
             scopesAtBackend: accompanyingCourse.scopes.map(scope => scope),
             // the users which are available for referrer
             referrersSuggested: [],
+            filteredReferrersSuggested: [],
             // all the users available
             users: [],
             permissions: {}
@@ -210,6 +211,22 @@ let initPromise = Promise.all([scopesPromise, accompanyingCoursePromise])
                   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;
@@ -663,6 +680,7 @@ let initPromise = Promise.all([scopesPromise, accompanyingCoursePromise])
                return makeFetch('PATCH', url, body)
                   .then((response) => {
                      commit('updateReferrer', response.user);
+                     commit('setFilteredReferrersSuggested');
                   })
                   .catch((error) => {
                      commit('catchError', error);
@@ -676,6 +694,7 @@ let initPromise = Promise.all([scopesPromise, accompanyingCoursePromise])
                return makeFetch('PATCH', url, body)
                   .then((response) => {
                      commit('updateJob', response.job);
+                     commit('setFilteredReferrersSuggested');
                   })
                   .catch((error) => {
                      commit('catchError', error);
@@ -685,6 +704,7 @@ let initPromise = Promise.all([scopesPromise, accompanyingCoursePromise])
             async fetchReferrersSuggested({ state, commit}) {
                let users = await getReferrersSuggested(state.accompanyingCourse);
                commit('setReferrersSuggested', users);
+               commit('setFilteredReferrersSuggested');
                if (
                  null === state.accompanyingCourse.user
                  && !state.accompanyingCourse.confidential