|
|
|
@ -1,33 +1,27 @@
|
|
|
|
|
|
|
|
|
|
<div class="small-middle-container">
|
|
|
|
|
<div class="small-middle-container">
|
|
|
|
|
|
|
|
|
|
<div class="row justify-content-md-center top-spacing">
|
|
|
|
|
<div class="btn-group" role="group" aria-label="Basic example">
|
|
|
|
|
<button type="button" (click)="popular()" [attr.color]="popularActive ? 'accent' : 'primary'"
|
|
|
|
|
[ngClass]="popularActive ? 'mat-accent' : 'mat-primary'" mat-raised-button
|
|
|
|
|
class="btn grow" >{{'Discovery.PopularTab' | translate}}</button>
|
|
|
|
|
<button type="button" (click)="trending()"
|
|
|
|
|
[attr.color]="trendingActive ? 'accent' : 'primary'"
|
|
|
|
|
[ngClass]="trendingActive ? 'mat-accent' : 'mat-primary'"
|
|
|
|
|
mat-raised-button class="btn grow" color="primary">{{'Discovery.TrendingTab' | translate}}</button>
|
|
|
|
|
<button type="button" (click)="upcoming()"
|
|
|
|
|
[attr.color]="upcomingActive ? 'accent' : 'primary'"
|
|
|
|
|
[ngClass]="upcomingActive ? 'mat-accent' : 'mat-primary'"
|
|
|
|
|
mat-raised-button class="btn grow" color="primary">{{'Discovery.UpcomingTab' | translate}}</button>
|
|
|
|
|
class="btn grow">{{'Discovery.PopularTab' | translate}}</button>
|
|
|
|
|
<button type="button" (click)="trending()" [attr.color]="trendingActive ? 'accent' : 'primary'"
|
|
|
|
|
[ngClass]="trendingActive ? 'mat-accent' : 'mat-primary'" mat-raised-button class="btn grow"
|
|
|
|
|
color="primary">{{'Discovery.TrendingTab' | translate}}</button>
|
|
|
|
|
<button type="button" (click)="upcoming()" [attr.color]="upcomingActive ? 'accent' : 'primary'"
|
|
|
|
|
[ngClass]="upcomingActive ? 'mat-accent' : 'mat-primary'" mat-raised-button class="btn grow"
|
|
|
|
|
color="primary">{{'Discovery.UpcomingTab' | translate}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="loadingFlag" class="row justify-content-md-center top-spacing loading-spinner">
|
|
|
|
|
<mat-spinner [color]="'accent'"></mat-spinner>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="discoverResults" class="row full-height discoverResults">
|
|
|
|
|
<div *ngIf="discoverResults"
|
|
|
|
|
<div *ngIf="discoverResults" class="row full-height discoverResults"
|
|
|
|
|
infiniteScroll
|
|
|
|
|
[infiniteScrollDistance]="2"
|
|
|
|
|
[infiniteScrollThrottle]="300"
|
|
|
|
|
(scrolled)="onScroll()"
|
|
|
|
|
></div>
|
|
|
|
|
[fromRoot]="true"
|
|
|
|
|
[infiniteScrollDistance]="1"
|
|
|
|
|
(scrolled)="onScroll()">
|
|
|
|
|
<div class="col-xl-2 col-lg-3 col-md-3 col-6 col-sm-4 small-padding" *ngFor="let result of discoverResults">
|
|
|
|
|
|
|
|
|
|
<discover-card [result]="result"></discover-card>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|