diff --git a/config/locales/js-en.yml b/config/locales/js-en.yml index 6b298aa7c4..542981c315 100644 --- a/config/locales/js-en.yml +++ b/config/locales/js-en.yml @@ -1286,6 +1286,7 @@ en: include_all_selected: 'Include all sub-projects is currently selected.' current_project: 'This is the current project you are in.' does_not_match_search: 'Project does not match the search criteria.' + no_results: 'No project matches your search criteria.' forms: submit_success_message: 'The form was successfully submitted' diff --git a/frontend/src/app/shared/components/autocompleter/project-menu-autocomplete/project-menu-autocomplete.component.ts b/frontend/src/app/shared/components/autocompleter/project-menu-autocomplete/project-menu-autocomplete.component.ts index 32fe4f9d06..1b91d8e9c5 100644 --- a/frontend/src/app/shared/components/autocompleter/project-menu-autocomplete/project-menu-autocomplete.component.ts +++ b/frontend/src/app/shared/components/autocompleter/project-menu-autocomplete/project-menu-autocomplete.component.ts @@ -116,6 +116,7 @@ export class ProjectMenuAutocompleteComponent { select: this.I18n.t('js.label_select_project'), }, search_placeholder: this.I18n.t('js.include_projects.search_placeholder'), + no_results: this.I18n.t('js.include_projects.no_results'), }; /* This seems like a way too convoluted loading check, but there's a good reason we need it. diff --git a/frontend/src/app/shared/components/autocompleter/project-menu-autocomplete/project-menu-autocomplete.template.html b/frontend/src/app/shared/components/autocompleter/project-menu-autocomplete/project-menu-autocomplete.template.html index 16fa71a4a3..2fbc2009f0 100644 --- a/frontend/src/app/shared/components/autocompleter/project-menu-autocomplete/project-menu-autocomplete.template.html +++ b/frontend/src/app/shared/components/autocompleter/project-menu-autocomplete/project-menu-autocomplete.template.html @@ -46,15 +46,24 @@ - + + + + + + {{text.no_results}} + + +
diff --git a/frontend/src/app/shared/components/project-include/project-include.component.html b/frontend/src/app/shared/components/project-include/project-include.component.html index 9fe981d454..c7b4a10676 100644 --- a/frontend/src/app/shared/components/project-include/project-include.component.html +++ b/frontend/src/app/shared/components/project-include/project-include.component.html @@ -49,18 +49,27 @@ - + +
    + + + + {{text.no_results}} + + +
    diff --git a/frontend/src/app/shared/components/project-include/project-include.component.ts b/frontend/src/app/shared/components/project-include/project-include.component.ts index b98d2f2881..9420092ec7 100644 --- a/frontend/src/app/shared/components/project-include/project-include.component.ts +++ b/frontend/src/app/shared/components/project-include/project-include.component.ts @@ -53,6 +53,7 @@ export class OpProjectIncludeComponent extends UntilDestroyedMixin implements On clear_selection: this.I18n.t('js.include_projects.clear_selection'), apply: this.I18n.t('js.include_projects.apply'), include_subprojects: this.I18n.t('js.include_projects.include_subprojects'), + no_results: this.I18n.t('js.include_projects.no_results'), }; public opened = false; diff --git a/frontend/src/global_styles/content/_project_list_modal.sass b/frontend/src/global_styles/content/_project_list_modal.sass index 3b35ca5fc5..2cdd0ae0e2 100644 --- a/frontend/src/global_styles/content/_project_list_modal.sass +++ b/frontend/src/global_styles/content/_project_list_modal.sass @@ -23,3 +23,8 @@ &--loading padding: $spot-spacing-1 + + &--no-results + @include spot-body-small(normal, italic) + margin: $spot-spacing-1-5 $spot-spacing-1 + color: $spot-color-basic-gray-3