person: accompanying course: treat validation error when editing on-the-fly entities

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue

@@ -63,6 +63,7 @@ import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly.vue';
 import ButtonLocation from '../ButtonLocation.vue';
 import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
 import Modal from 'ChillMainAssets/vuejs/_components/Modal';
+import { makeFetch } from 'ChillMainAssets/lib/api/apiMethods';
 
 export default {
    name: 'ParticipationItem',
@@ -111,17 +112,53 @@ export default {
       saveFormOnTheFly(payload) {
          console.log('saveFormOnTheFly: type', payload.type, ', data', payload.data);
          payload.target = 'participation';
-         this.$store.dispatch('patchOnTheFly', 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;
+
+            makeFetch('PATCH', `/api/1.0/person/person/${payload.data.id}.json`, body)
                .then(response => {
+                  this.$store.dispatch('addPerson', { target: payload.target, body: response })
                   this.canCloseOnTheFlyModal = true;
                })
-            .catch(({name, violations}) => {
+               .catch((error) => {
-               if (name === 'ValidationException' || name === 'AccessException') {
+                  if (error.name === 'ValidationException') {
-                  violations.forEach((violation) => this.$toast.open({message: violation}));
+                     for (let v of error.violations) {
-               } else {
+                         this.$toast.open({message: v });
-                  this.$toast.open({message: 'An error occurred'})
                      }
-            });
+                  } else {
+                      this.$toast.open({message: 'An error occurred'});
+                  }
+               })
+         }
+         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 };
+
+            makeFetch('PATCH', `/api/1.0/third-party/third-party/${payload.data.id}.json`, body)
+               .then(response => {
+                  this.$store.dispatch('addThirdparty', { target: payload.target, body: response })
+                  this.canCloseOnTheFlyModal = true;
+               })
+               .catch((error) => {
+                  if (error.name === 'ValidationException') {
+                     for (let v of error.violations) {
+                         this.$toast.open({message: v });
+                     }
+                  } else {
+                      this.$toast.open({message: 'An error occurred'});
+                  }
+               })
+         }
+
       }
    }
 }

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

@@ -113,7 +113,7 @@
          <template v-slot:record-actions>
             <ul class="record_actions">
                <li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="show"></on-the-fly></li>
-               <li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="edit" @saveFormOnTheFly="saveFormOnTheFly"></on-the-fly></li>
+               <li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="edit" @saveFormOnTheFly="saveFormOnTheFly" :canCloseModal="canCloseOnTheFlyModal"></on-the-fly></li>
             </ul>
          </template>
       </person-render-box>
@@ -162,6 +162,7 @@ import PersonRenderBox from '../../_components/Entity/PersonRenderBox.vue';
 import ThirdPartyRenderBox from 'ChillThirdPartyAssets/vuejs/_components/Entity/ThirdPartyRenderBox.vue';
 import Confidential from 'ChillMainAssets/vuejs/_components/Confidential.vue';
 import { mapState } from 'vuex';
+import { makeFetch } from 'ChillMainAssets/lib/api/apiMethods';
 
 export default {
    name: 'Requestor',
@@ -182,7 +183,8 @@ export default {
                priority: null,
                uniq: true,
             }
-         }
+         },
+         canCloseOnTheFlyModal: false
       }
    },
    computed: {
@@ -246,14 +248,52 @@ export default {
       saveFormOnTheFly(payload) {
          console.log('saveFormOnTheFly: type', payload.type, ', data', payload.data);
          payload.target = 'requestor';
-         this.$store.dispatch('patchOnTheFly', payload)
+
-            .catch(({name, violations}) => {
+         let body = { type: payload.type };
-               if (name === 'ValidationException' || name === 'AccessException') {
+         if (payload.type === 'person') {
-                  violations.forEach((violation) => this.$toast.open({message: violation}));
+            body.firstName = payload.data.firstName;
-               } else {
+            body.lastName = payload.data.lastName;
-                  this.$toast.open({message: 'An error occurred'})
+            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;
+
+            makeFetch('PATCH', `/api/1.0/person/person/${payload.data.id}.json`, body)
+               .then(response => {
+                  this.$store.dispatch('addPerson', { target: payload.target, body: response })
+                  this.canCloseOnTheFlyModal = true;
+               })
+               .catch((error) => {
+                  if (error.name === 'ValidationException') {
+                     for (let v of error.violations) {
+                         this.$toast.open({message: v });
+                     }
+                  } else {
+                      this.$toast.open({message: 'An error occurred'});
+                  }
+               })
+         }
+         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 };
+
+            makeFetch('PATCH', `/api/1.0/third-party/third-party/${payload.data.id}.json`, body)
+               .then(response => {
+                  this.$store.dispatch('addThirdparty', { target: payload.target, body: response })
+                  this.canCloseOnTheFlyModal = true;
+               })
+               .catch((error) => {
+                  if (error.name === 'ValidationException') {
+                     for (let v of error.violations) {
+                         this.$toast.open({message: v });
+                     }
+                  } else {
+                      this.$toast.open({message: 'An error occurred'});
+                  }
+               })
          }
-            });
       },
       addSuggestedEntity(e) {
          this.$store.dispatch('addRequestor', { result: e, type: e.type })

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

@@ -34,7 +34,8 @@
                   :type="resource.resource.type"
                   :id="resource.resource.id"
                   action="edit"
-                  @saveFormOnTheFly="saveFormOnTheFly">
+                  @saveFormOnTheFly="saveFormOnTheFly"
+                  :canCloseModal="canCloseOnTheFlyModal">
                </on-the-fly>
             </li>
             <li>
@@ -80,7 +81,8 @@
                   :type="resource.resource.type"
                   :id="resource.resource.id"
                   action="edit"
-                  @saveFormOnTheFly="saveFormOnTheFly">
+                  @saveFormOnTheFly="saveFormOnTheFly"
+                  :canCloseModal="canCloseOnTheFlyModal">
                </on-the-fly>
             </li>
             <li>
@@ -101,6 +103,7 @@ import ButtonLocation from '../ButtonLocation.vue';
 import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
 import ThirdPartyRenderBox from 'ChillThirdPartyAssets/vuejs/_components/Entity/ThirdPartyRenderBox.vue';
 import WriteComment from './WriteComment';
+import { makeFetch } from 'ChillMainAssets/lib/api/apiMethods';
 
 export default {
    name: 'ResourceItem',
@@ -113,6 +116,11 @@ export default {
    },
    props: ['resource'],
    emits: ['remove'],
+   data() {
+      return {
+         canCloseOnTheFlyModal: false
+      }
+   },
    computed: {
       parent() {
          return {
@@ -136,14 +144,52 @@ export default {
       saveFormOnTheFly(payload) {
          console.log('saveFormOnTheFly: type', payload.type, ', data', payload.data);
          payload.target = 'resource';
-         this.$store.dispatch('patchOnTheFly', payload)
+
-            .catch(({name, violations}) => {
+         let body = { type: payload.type };
-               if (name === 'ValidationException' || name === 'AccessException') {
+         if (payload.type === 'person') {
-                  violations.forEach((violation) => this.$toast.open({message: violation}));
+            body.firstName = payload.data.firstName;
-               } else {
+            body.lastName = payload.data.lastName;
-                  this.$toast.open({message: 'An error occurred'})
+            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;
+
+            makeFetch('PATCH', `/api/1.0/person/person/${payload.data.id}.json`, body)
+               .then(response => {
+                  this.$store.dispatch('addPerson', { target: payload.target, body: response })
+                  this.canCloseOnTheFlyModal = true;
+               })
+               .catch((error) => {
+                  if (error.name === 'ValidationException') {
+                     for (let v of error.violations) {
+                         this.$toast.open({message: v });
+                     }
+                  } else {
+                      this.$toast.open({message: 'An error occurred'});
+                  }
+               })
+         }
+         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 };
+
+            makeFetch('PATCH', `/api/1.0/third-party/third-party/${payload.data.id}.json`, body)
+               .then(response => {
+                  this.$store.dispatch('addThirdparty', { target: payload.target, body: response })
+                  this.canCloseOnTheFlyModal = true;
+               })
+               .catch((error) => {
+                  if (error.name === 'ValidationException') {
+                     for (let v of error.violations) {
+                         this.$toast.open({message: v });
+                     }
+                  } else {
+                      this.$toast.open({message: 'An error occurred'});
+                  }
+               })
          }
-            });
       },
       updateComment(resource) {
          console.log('updateComment', resource);

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

@@ -286,6 +286,12 @@ let initPromise = Promise.all([scopesPromise, accompanyingCoursePromise])
                commit('removeParticipation', payload);
                // fetch DELETE request...
             },
+            addPerson({ commit }, payload) {
+               commit('updatePerson', { target: payload.target, person: payload.body });
+            },
+            addThirdparty({ commit }, payload) {
+               commit('updateThirdparty', { target: payload.target, thirdparty: payload.body });
+            },
             /**
              * Add/close participation
              */