mirror of https://github.com/Ombi-app/Ombi
parent
ea54dfa3bf
commit
227ec0a6f8
@ -1,34 +1,28 @@
|
|||||||
|
<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">
|
||||||
<div class="row justify-content-md-center top-spacing">
|
<button type="button" (click)="popular()" [attr.color]="popularActive ? 'accent' : 'primary'"
|
||||||
<div class="btn-group" role="group" aria-label="Basic example">
|
[ngClass]="popularActive ? 'mat-accent' : 'mat-primary'" mat-raised-button
|
||||||
<button type="button" (click)="popular()" [attr.color]="popularActive ? 'accent' : 'primary'"
|
class="btn grow">{{'Discovery.PopularTab' | translate}}</button>
|
||||||
[ngClass]="popularActive ? 'mat-accent' : 'mat-primary'" mat-raised-button
|
<button type="button" (click)="trending()" [attr.color]="trendingActive ? 'accent' : 'primary'"
|
||||||
class="btn grow" >{{'Discovery.PopularTab' | translate}}</button>
|
[ngClass]="trendingActive ? 'mat-accent' : 'mat-primary'" mat-raised-button class="btn grow"
|
||||||
<button type="button" (click)="trending()"
|
color="primary">{{'Discovery.TrendingTab' | translate}}</button>
|
||||||
[attr.color]="trendingActive ? 'accent' : 'primary'"
|
<button type="button" (click)="upcoming()" [attr.color]="upcomingActive ? 'accent' : 'primary'"
|
||||||
[ngClass]="trendingActive ? 'mat-accent' : 'mat-primary'"
|
[ngClass]="upcomingActive ? 'mat-accent' : 'mat-primary'" mat-raised-button class="btn grow"
|
||||||
mat-raised-button class="btn grow" color="primary">{{'Discovery.TrendingTab' | translate}}</button>
|
color="primary">{{'Discovery.UpcomingTab' | 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"
|
|
||||||
infiniteScroll
|
|
||||||
[infiniteScrollDistance]="2"
|
|
||||||
[infiniteScrollThrottle]="300"
|
|
||||||
(scrolled)="onScroll()"
|
|
||||||
></div>
|
|
||||||
<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>
|
</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"
|
||||||
|
infiniteScroll
|
||||||
|
[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>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in new issue