move postPerson fetch method out of OnTheFly component for addPersons create person case

OnTheFly don't use store anymore, but addPerson still use it

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue

@@ -67,7 +67,8 @@
                   <on-the-fly
                      v-if="query.length >= 3"
                      v-bind:buttonText="$t('onthefly.create.button', {q: query})"
-                     action="create"><!-- TODO first close this modal -->
+                     action="create"
+                     @saveFormOnTheFly="saveFormOnTheFly">
                   </on-the-fly>
                </div>
 
@@ -90,6 +91,7 @@ import Modal from 'ChillMainAssets/vuejs/_components/Modal';
 import OnTheFly from 'ChillMainAssets/vuejs/_components/OnTheFly.vue';
 import PersonSuggestion from './AddPersons/PersonSuggestion';
 import { searchPersons, searchPersons_2 } from 'ChillPersonAssets/vuejs/_api/AddPersons';
+import { postPerson } from "ChillPersonAssets/vuejs/_api/OnTheFly";
 import {mapGetters, mapState} from "vuex";
 
 export default {
@@ -145,7 +147,7 @@ export default {
          return this.search.selected.length;
       },
       selectedAndSuggested() {
-         this.checkPriorSuggestion();
+         this.addPriorSuggestion();
          const uniqBy = (a, key) => [
                ...new Map(
                   a.map(x => [key(x), x])
@@ -222,15 +224,36 @@ export default {
       itemKey(item) {
          return item.result.type + item.result.id;
       },
-      checkPriorSuggestion() {
+      addPriorSuggestion() {
          if (this.hasPriorSuggestion) {
-            console.log('checkPriorSuggestion',);
+            console.log('addPriorSuggestion',);
             this.suggested.unshift(this.priorSuggestion);
             this.selected.unshift(this.priorSuggestion);
 
             console.log('reset priorSuggestion');
             this.$store.commit('newPriorSuggestion', null);
          }
+      },
+      saveFormOnTheFly({ type, data }) {
+         console.log('saveFormOnTheFly from addPersons', { type, data });
+
+         // create/edit person
+         if (type === 'person') {
+
+            console.log('type person with', data);
+            postPerson(data)
+               .then(person => new Promise((resolve, reject) => {
+                  this.person = person;
+                  this.$store.commit('newPriorSuggestion', person);
+                  resolve();
+               }));
+         }
+
+         // create/edit thirdparty
+         else if (type === 'thirdparty') {
+            console.log('not yet implemented: type thirdparty with', type, data);
+         }
+
       }
    },
 }