diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/examine-management/views/section-view-examine-searchers.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/examine-management/views/section-view-examine-searchers.ts index 235beedfcd..8a7e55c264 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/examine-management/views/section-view-examine-searchers.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/examine-management/views/section-view-examine-searchers.ts @@ -1,5 +1,5 @@ import { UUITextStyles } from '@umbraco-ui/uui-css/lib'; -import { css, html, LitElement } from 'lit'; +import {css, html, LitElement, nothing} from 'lit'; import { customElement, state, query, property } from 'lit/decorators.js'; import { UmbModalService, UmbNotificationService, UmbNotificationDefaultData } from '@umbraco-cms/services'; @@ -10,6 +10,7 @@ import { ApiError, ProblemDetails, SearchResult, SearcherResource, Field } from import './modal-views/fields-viewer.element'; import './modal-views/fields-settings.element'; +import {UUIButtonState} from "@umbraco-ui/uui"; interface ExposedSearchResultField { name?: string | null; @@ -113,6 +114,9 @@ export class UmbDashboardExamineSearcherElement extends UmbContextConsumerMixin( @state() private _exposedFields?: ExposedSearchResultField[]; + @state() + private _searchLoading = false; + @query('#search-input') private _searchInput!: HTMLInputElement; @@ -135,11 +139,12 @@ export class UmbDashboardExamineSearcherElement extends UmbContextConsumerMixin( private async _onSearch() { if (!this._searchInput.value.length) return; + this._searchLoading = true; try { const res = await SearcherResource.getSearcherBySearcherNameQuery({ searcherName: this.searcherName, term: this._searchInput.value, - take: 9999, + take: 100, skip: 0, }); this._searchResults = res.items; @@ -151,6 +156,7 @@ export class UmbDashboardExamineSearcherElement extends UmbContextConsumerMixin( this._notificationService?.peek('danger', { data }); } } + this._searchLoading = false; } private _updateFieldFilter() { @@ -205,58 +211,60 @@ export class UmbDashboardExamineSearcherElement extends UmbContextConsumerMixin( } private renderSearchResults() { - if (this._searchResults?.length) { - return html`
No results found
`; } - return; + return html`