31 lines
870 B
HTML
31 lines
870 B
HTML
<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>
|
|
}
|
|
@if (endOfResults()) {
|
|
<div class="results-end">
|
|
<img src="/icons/warning_icon.svg"
|
|
alt="warning icon"
|
|
class="filter-warning" />
|
|
No more results returned from the provider.
|
|
</div>
|
|
}
|
|
</div>
|
|
</div> |