All files / app/features/picture/pages/picture-page picture-page.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="pictures-page">
    <app-picture-search-bar (searchChange)="onSearchChange($event)" />
 
    @if (isLoading()) {
        <div class="pictures-page__loading">
            <ui-spinner />
        </div>
    } @else if (hasResults()) {
        <div class="pictures-page__gallery" #galleryContainer>
            <ui-virtual-scroller
                [items]="rows()"
                [itemSize]="208"
                [totalItems]="totalRows()"
                [isLoading]="isLoadingMore()"
                [trackByFn]="trackByFn"
                (loadMore)="onLoadMore()"
            >
                <ng-template uiVirtualScrollerItem let-row>
                    <app-picture-row
                        [row]="row"
                        (pictureClick)="onPictureClick($event)"
                    />
                </ng-template>
            </ui-virtual-scroller>
        </div>
    } @else if (showNoResults()) {
        <div class="pictures-page__empty">Ничего не найдено</div>
    }
</div>