mirror of
https://github.com/Poniverse/Pony.fm.git
synced 2024-11-30 00:28:00 +01:00
37 lines
2 KiB
HTML
37 lines
2 KiB
HTML
<div class="paged-tracks-list">
|
|
<ul class="dropdowns">
|
|
<li class="dropdown" ng-class="{'has-filter': !query.filters.archive.isDefault}">
|
|
<a class="dropdown-toggle btn btn-default" bs-dropdown>
|
|
Archive: <strong>{{query.filters.archive.title}}</strong>
|
|
</a>
|
|
<a class="btn btn-default" pfm-eat-click ng-click="clearFilter('archive')"><i class="fa fa-remove"></i></a>
|
|
<ul class="dropdown-menu">
|
|
<li ng-repeat="filter in ::filters.archive.values track by $index" ng-class="{selected: filter == query.filters.archive}">
|
|
<a pfm-eat-click href="#" ng-click="setFilter('archive', filter)">{{::filter.title}}</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="pagination" ng-if="totalPages > 1">
|
|
<ul>
|
|
<li ng-class="{disabled: !prevPage}"><a href="#" ng-click="gotoPage(prevPage);" pfm-eat-click>Prev</a></li>
|
|
<li ng-repeat="page in pages track by page" ng-class="{active: page == currentPage}">
|
|
<a href="#" ng-click="gotoPage(page);" pfm-eat-click>{{page}}</a>
|
|
</li>
|
|
<li ng-class="{disabled: !nextPage}"><a href="#" ng-click="gotoPage(nextPage);" pfm-eat-click>Next</a></li>
|
|
<li class="pagination-jump">
|
|
<a href="#" ng-click="showPageSelector();" ng-hide="pageSelectorShown" pfm-eat-click>Jump…</a>
|
|
<form ng-submit="jumpToPage(inputPageNumber)" ng-show="pageSelectorShown">
|
|
<input type="number" id="pagination-jump-destination" ng-model="inputPageNumber" ng-blur="hidePageSelector()" />
|
|
<input type="submit" />
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="stretch-to-bottom">
|
|
<pfm-tracks-list ng-if="hasOverride" tracks="tracks" class="three-columns" click-override="newClickOverride(id)" has-override="true"></pfm-tracks-list>
|
|
<pfm-tracks-list ng-if="!hasOverride" tracks="tracks" class="three-columns"></pfm-tracks-list>
|
|
</div>
|
|
</div>
|