diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonChooseModal.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonChooseModal.vue index e604a8169..8c0ddb802 100644 --- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonChooseModal.vue +++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonChooseModal.vue @@ -68,6 +68,16 @@ @trigger-add-contact="triggerAddContact" /> +
+
+ {{ + trans(ADD_PERSONS_SUGGESTED_COUNTER, { + count: suggestedCounter, + }) + }} +
+
+
, + hasPreviousQuery: false, }); /** @@ -191,6 +201,8 @@ const selectedAndSuggested = computed<(Suggestion & {isSelected: boolean})[]>(() return selectedAndSuggested; }); +const hasNoResult = computed(() => search.hasPreviousQuery && suggested.value.length === 0); + function setQuery(q: string) { search.query = q; @@ -217,6 +229,7 @@ function setQuery(q: string) { ) .then((suggested: Search) => { loadSuggestions(suggested.results); + search.hasPreviousQuery = true; }) .catch((error: DOMException) => { if (error instanceof DOMException && error.name === "AbortError") { @@ -320,8 +333,13 @@ div.body-head { } } -.create-button > a { +.create-button > button { margin-top: 0.5em; - margin-left: 2.6em; + margin-left: 0.6em; +} +.noResult { + text-align: center; + margin: 2em; + font-size: large; }