Added a minor loading animation when searching.

This commit is contained in:
Tom
2025-06-25 14:49:05 +00:00
parent 3326b7c589
commit 7875c5407c
3 changed files with 63 additions and 25 deletions

View File

@ -1,21 +1,24 @@
<div class="search-content">
<search-box
(searchOutput)="search.next($event)"
(filtersOutput)="filters.next($event)" />
<div #scrollbar
class="search-content">
<search-box (searchOutput)="search.next($event)"
(filtersOutput)="filters.next($event)" />
<div class="results-box"
(scroll)="onResultsScroll($event)">
@for (result of results; track $index) {
<media-search-item class="result-item"
[media]="result" />
}
@if (busy()) {
<div class="loading"></div>
}
@if (searchError() != null) {
<p class="results-error">
<img src="/icons/error_icon.svg"
alt="error icon"
class="filter-error" />
{{searchError()}}
</p>
}
<p class="results-error">
<img src="/icons/error_icon.svg"
alt="error icon"
class="filter-error" />
{{searchError()}}
</p>
}
@if (endOfResults()) {
<div class="results-end">
<img src="/icons/warning_icon.svg"