AddPerson: optimize request while searching

* wait for a person to finish to type: delay before launching request;
* cancel previous requests, if any

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

@@ -90,7 +90,7 @@
 import Modal from 'ChillMainAssets/vuejs/_components/Modal';
 import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly.vue';
 import PersonSuggestion from './AddPersons/PersonSuggestion';
-import { searchPersons, searchPersons_2 } from 'ChillPersonAssets/vuejs/_api/AddPersons';
+import { searchEntities } from 'ChillPersonAssets/vuejs/_api/AddPersons';
 import { postPerson } from "ChillPersonAssets/vuejs/_api/OnTheFly";
 import { postThirdparty } from "ChillThirdPartyAssets/vuejs/_api/OnTheFly";
 
@@ -115,6 +115,8 @@ export default {
          },
          search: {
             query: "",
+            previousQuery: "",
+            currentSearchQueryController: null,
             suggested: [],
             selected: [],
             priorSuggestion: {}
@@ -189,16 +191,24 @@ export default {
       },
       setQuery(query) {
          this.search.query = query;
-         if (query.length >= 3) {
-            searchPersons_2({ query, options: this.options })
-               .then(suggested => new Promise((resolve, reject) => {
-                  //console.log('suggested', suggested);
-                  this.loadSuggestions(suggested.results);
-                  resolve();
-            }));
-         } else {
-            this.loadSuggestions([]);
-         }
+
+         setTimeout(function() {
+            if (query === "") {
+              this.loadSuggestions([]);
+              return;
+            }
+            if (query === this.search.query) {
+              if (this.currentSearchQueryController !== undefined) {
+                this.currentSearchQueryController.abort()
+              }
+              this.currentSearchQueryController = new AbortController();
+              searchEntities({ query, options: this.options }, this.currentSearchQueryController)
+                  .then(suggested => new Promise((resolve, reject) => {
+                    this.loadSuggestions(suggested.results);
+                    resolve();
+                  }));
+            }
+         }.bind(this), query.length > 3 ? 300 : 700);
       },
       loadSuggestions(suggested) {
          this.search.suggested = suggested;