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;
}