|
|
|
@ -4,9 +4,49 @@
|
|
|
|
|
<input type="text" id="search" class="form-control form-control-custom searchwidth" placeholder="Search" (keyup)="search($event)">
|
|
|
|
|
<span class="input-group-btn">
|
|
|
|
|
<button id="filterBtn" class="btn btn-sm btn-info-outline" (click)="filterDisplay = !filterDisplay" >
|
|
|
|
|
<i class="fa fa-filter"></i> {{ 'Requests.Filter' | translate }}</button>
|
|
|
|
|
<!-- <button id="filterBtn" class="btn btn-sm btn-warning-outline" (click)="sortDisplay = !sortDisplay" >
|
|
|
|
|
<i class="fa fa-sort"></i> {{ 'Requests.Sort' | translate }}</button> -->
|
|
|
|
|
<i class="fa fa-filter"></i> {{ 'Requests.Filter' | translate }}
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<button class="btn btn-sm btn-primary-outline dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
|
|
|
|
|
<i class="fa fa-sort"></i> {{ 'Requests.Sort' | translate }}
|
|
|
|
|
<span class="caret"></span>
|
|
|
|
|
</button>
|
|
|
|
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
|
|
|
|
|
<li>
|
|
|
|
|
<a (click)="setOrder('requestedDate')">{{ 'Requests.SortRequestDate' | translate }}
|
|
|
|
|
<span *ngIf="order === 'requestedDate'">
|
|
|
|
|
<span [hidden]="reverse"><small><i class="fa fa-arrow-down" aria-hidden="true"></i></small></span>
|
|
|
|
|
<span [hidden]="!reverse"><small><i class="fa fa-arrow-up" aria-hidden="true"></i></small></span>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
<a (click)="setOrder('title')">{{ 'Requests.SortTitle' | translate}}
|
|
|
|
|
<span *ngIf="order === 'title'">
|
|
|
|
|
<span [hidden]="reverse"><small><i class="fa fa-arrow-down" aria-hidden="true"></i></small></span>
|
|
|
|
|
<span [hidden]="!reverse"><small><i class="fa fa-arrow-up" aria-hidden="true"></i></small></span>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
<a (click)="setOrder('releaseDate')">{{ 'Requests.TheatricalReleaseSort' | translate }}
|
|
|
|
|
<span *ngIf="order === 'releaseDate'">
|
|
|
|
|
<span [hidden]="reverse"><small><i class="fa fa-arrow-down" aria-hidden="true"></i></small></span>
|
|
|
|
|
<span [hidden]="!reverse"><small><i class="fa fa-arrow-up" aria-hidden="true"></i></small></span>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
<a (click)="setOrder('requestedUser.userAlias')">{{ 'Requests.SortRequestedBy' | translate }}
|
|
|
|
|
<span *ngIf="order === 'requestedUser.userAlias'">
|
|
|
|
|
<span [hidden]="reverse"><small><i class="fa fa-arrow-down" aria-hidden="true"></i></small></span>
|
|
|
|
|
<span [hidden]="!reverse"><small><i class="fa fa-arrow-up" aria-hidden="true"></i></small></span>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a (click)="setOrder('status')">{{ 'Requests.SortStatus' | translate }}
|
|
|
|
|
<span *ngIf="order === 'status'">
|
|
|
|
|
<span [hidden]="reverse"><small><i class="fa fa-arrow-down" aria-hidden="true"></i></small></span>
|
|
|
|
|
<span [hidden]="!reverse"><small><i class="fa fa-arrow-up" aria-hidden="true"></i></small></span>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
@ -19,7 +59,7 @@
|
|
|
|
|
<div infinite-scroll [infiniteScrollDistance]="1" [infiniteScrollThrottle]="100" (scrolled)="loadMore()">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div *ngFor="let request of movieRequests">
|
|
|
|
|
<div *ngFor="let request of movieRequests | orderBy: order : reverse : 'case-insensitive'">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|