Fixed: [accompanying period work / edit] allow endDate to be equal to startDate, and show validation errors to users

Fix https://gitlab.com/Chill-Projet/chill-bundles/-/issues/79

src/Bundle/ChillPersonBundle/Entity/AccompanyingPeriod/AccompanyingPeriodWork.php

@@ -94,8 +94,8 @@ class AccompanyingPeriodWork implements AccompanyingPeriodLinkedWithSocialIssues
      * @Serializer\Groups({"accompanying_period_work:create"})
      * @Serializer\Groups({"accompanying_period_work:edit"})
      * @Serializer\Groups({"read", "docgen:read", "read:accompanyingPeriodWork:light"})
-     * @Assert\GreaterThan(propertyPath="startDate",
-     *     message="accompanying_course_work.The endDate should be greater than the start date"
+     * @Assert\GreaterThanOrEqual(propertyPath="startDate",
+     *     message="accompanying_course_work.The endDate should be greater or equal than the start date"
      * )
      */
     private ?DateTimeImmutable $endDate = null;

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/index.js

@@ -1,15 +1,22 @@
-import { createApp } from 'vue';
-import { _createI18n } from 'ChillMainAssets/vuejs/_js/i18n';
-import { store } from './store';
-import { personMessages } from 'ChillPersonAssets/vuejs/_js/i18n'
+import {createApp} from 'vue';
+import {_createI18n} from 'ChillMainAssets/vuejs/_js/i18n';
+import {store} from './store';
+import {personMessages} from 'ChillPersonAssets/vuejs/_js/i18n'
 import App from './App.vue';
+import VueToast from "vue-toast-notification";
 
 const i18n = _createI18n(personMessages);
 
 const app = createApp({
-   template: `<app></app>`,
+    template: `<app></app>`,
 })
-.use(store)
-.use(i18n)
-.component('app', App)
-.mount('#accompanying_course_work_create');
+    .use(store)
+    .use(i18n)
+    .use(VueToast, {
+        position: "bottom-right",
+        type: "error",
+        duration: 10000,
+        dismissible: true,
+    })
+    .component('app', App)
+    .mount('#accompanying_course_work_create');

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/store.js

@@ -107,6 +107,9 @@ const store = createStore({
     setPostingWork(state) {
       state.isPostingWork = true;
     },
+    setPostingWorkDone(state) {
+      state.isPostingWork = false;
+    },
     setStartDate(state, date) {
       state.startDate = date;
     },
@@ -150,11 +153,12 @@ const store = createStore({
       const url = `/api/1.0/person/accompanying-course/${state.accompanyingCourse.id}/work.json`;
       commit('setPostingWork');
 
-      makeFetch('POST', url, payload)
+      return makeFetch('POST', url, payload)
         .then((response) => {
           window.location.assign(`/fr/person/accompanying-period/work/${response.id}/edit`)
         })
         .catch((error) => {
+          commit('setPostingWorkDone');
           throw error;
         });
     },

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue

@@ -549,7 +549,14 @@ export default {
             .catch(e => { console.log(e); throw e; });
       },
       submit() {
-         this.$store.dispatch('submit');
+         this.$store.dispatch('submit').catch((error) => {
+            if (error.name === 'ValidationException' || error.name === 'AccessException') {
+               error.violations.forEach((violation) => this.$toast.open({message: violation}));
+            } else {
+               this.$toast.open({message: 'An error occurred'});
+               throw error;
+            }
+         });
       },
       saveFormOnTheFly(payload) {
          console.log('saveFormOnTheFly: type', payload.type, ', data', payload.data);

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/index.js

@@ -15,7 +15,7 @@ const app = createApp({
 .use(VueToast, {
    position: "bottom-right",
    type: "error",
-   duration: 5000,
+   duration: 10000,
    dismissible: true
 })
 .use(i18n)

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/store.js

@@ -500,9 +500,8 @@ const store = createStore({
             window.location.assign(`/fr/person/accompanying-period/${state.work.accompanyingPeriod.id}/work`);
           }
         }).catch(error => {
-          console.log('error on submit', error);
           commit('setIsPosting', false);
-          commit('setErrors', error.violations);
+          throw error;
         });
     },
     updateDocumentTitle({commit}, payload) {

src/Bundle/ChillPersonBundle/translations/validators.fr.yml

@@ -71,3 +71,6 @@ relationship:
 
 person_creation:
     If you want to create an household, an address is required: Pour la création d'un ménage, une adresse est requise
+
+accompanying_course_work:
+    The endDate should be greater or equal than the start date: La date de fin doit être égale ou supérieure à la date de début