PonyMirrors/Pony.fm
1
0
Fork 0
mirror of https://github.com/Poniverse/Pony.fm.git synced 2024-11-22 13:07:59 +01:00
Code Issues Projects Releases Packages Wiki Activity

Added archive button on admin pages

Browse source
This commit is contained in:
Josef Citrine 2017-05-16 21:29:52 +01:00
parent afa9e8f50e
commit 7fc9310760
2 changed files with 76 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
public/templates/directives/paged-tracks-list.html
View file

@ -1,4 +1,18 @@
<div class="paged-tracks-list"> <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"> <div class="pagination" ng-if="totalPages > 1">
<ul> <ul>
<li ng-class="{disabled: !prevPage}"><a href="#" ng-click="gotoPage(prevPage);" pfm-eat-click>Prev</a></li> <li ng-class="{disabled: !prevPage}"><a href="#" ng-click="gotoPage(prevPage);" pfm-eat-click>Prev</a></li>

98
resources/assets/scripts/app/directives/paged-tracks-list.coffee
View file

@ -27,55 +27,81 @@ module.exports = angular.module('ponyfm').directive 'pfmPagedTracksList', () ->
controller: [ controller: [
'$scope', 'tracks', '$state', '$location' '$scope', 'tracks', '$state', '$location'
($scope, tracks, $state, $location) -> ($scope, tracks, $state, $location) ->
$scope.newClickOverride = (id) -> tracks.loadFilters().then(->
$scope.clickOverride({id: id}) $scope.filters = tracks.filters
$scope.query = tracks.mainQuery
tracks.mainQuery.fromFilterString($state.params.filter)
typeEnum = switch $scope.toggleListFilter = (filter, id) ->
when $scope.type == 'normal' then tracks.FetchType.NORMAL $scope.query.toggleListFilter filter, id
when $scope.type == 'all' then tracks.FetchType.ALL $state.transitionTo $state.current.name, {filter: $scope.query.toFilterString()}
when $scope.type == 'unclassified' then tracks.FetchType.UNCLASSIFIED
else tracks.FetchType.NORMAL
tracks.mainQuery.fetch(typeEnum).done (searchResults) -> $scope.setFilter = (filter, value) ->
$scope.tracks = searchResults.tracks $scope.query.setFilter filter, value
$state.transitionTo $state.current.name, {filter: $scope.query.toFilterString()}
$scope.currentPage = parseInt(searchResults.current_page) $scope.setListFilter = (filter, id) ->
$scope.totalPages = parseInt(searchResults.total_pages) $scope.query.setListFilter filter, id
delete $scope.nextPage $state.transitionTo $state.current.name, {filter: $scope.query.toFilterString()}
delete $scope.prevPage
$scope.nextPage = $scope.currentPage + 1 if $scope.currentPage < $scope.totalPages $scope.clearFilter = (filter) ->
$scope.prevPage = $scope.currentPage - 1 if $scope.currentPage > 1 $scope.query.clearFilter filter
$scope.allPages = [1..$scope.totalPages] $state.transitionTo $state.current.name, {filter: $scope.query.toFilterString()}
# The actual first page will always be in the paginator. $scope.newClickOverride = (id) ->
$scope.pages = [1] $scope.clickOverride({id: id})
# This logic determines how many pages to add prior to the current page, if any. tracks.loadFilters().then(
firstPage = Math.max(2, $scope.currentPage-3) tracks.mainQuery.fromFilterString($state.params.filter)
$scope.pages = $scope.pages.concat [firstPage..$scope.currentPage] unless $scope.currentPage == 1 )
pagesLeftToAdd = 8-$scope.pages.length typeEnum = switch
when $scope.type == 'normal' then tracks.FetchType.NORMAL
when $scope.type == 'all' then tracks.FetchType.ALL
when $scope.type == 'unclassified' then tracks.FetchType.UNCLASSIFIED
else tracks.FetchType.NORMAL
lastPage = Math.min($scope.totalPages - 1, $scope.currentPage+1+pagesLeftToAdd) tracks.mainQuery.fetch(typeEnum).done (searchResults) ->
$scope.pages = $scope.pages.concat([$scope.currentPage+1..lastPage]) unless $scope.currentPage >= lastPage $scope.tracks = searchResults.tracks
# The actual last page will always be in the paginator. $scope.currentPage = parseInt(searchResults.current_page)
$scope.pages.push($scope.totalPages) unless $scope.totalPages in $scope.pages $scope.totalPages = parseInt(searchResults.total_pages)
delete $scope.nextPage
delete $scope.prevPage
$scope.pageSelectorShown = false $scope.nextPage = $scope.currentPage + 1 if $scope.currentPage < $scope.totalPages
$scope.prevPage = $scope.currentPage - 1 if $scope.currentPage > 1
$scope.allPages = [1..$scope.totalPages]
$scope.gotoPage = (page) -> # The actual first page will always be in the paginator.
#$scope.$emit 'pageChange', {filter: $state.params.filter, page: page} $scope.pages = [1]
$state.go '.', {filter: $state.params.filter, page: page}
$scope.showPageSelector = () -> # This logic determines how many pages to add prior to the current page, if any.
$scope.pageSelectorShown = true firstPage = Math.max(2, $scope.currentPage-3)
focus('#pagination-jump-destination') $scope.pages = $scope.pages.concat [firstPage..$scope.currentPage] unless $scope.currentPage == 1
pagesLeftToAdd = 8-$scope.pages.length
lastPage = Math.min($scope.totalPages - 1, $scope.currentPage+1+pagesLeftToAdd)
$scope.pages = $scope.pages.concat([$scope.currentPage+1..lastPage]) unless $scope.currentPage >= lastPage
# The actual last page will always be in the paginator.
$scope.pages.push($scope.totalPages) unless $scope.totalPages in $scope.pages
$scope.hidePageSelector = () ->
$scope.pageSelectorShown = false $scope.pageSelectorShown = false
$scope.jumpToPage = (inputPageNumber) -> $scope.gotoPage = (page) ->
$scope.gotoPage(inputPageNumber) #$scope.$emit 'pageChange', {filter: $state.params.filter, page: page}
$state.go '.', {filter: $state.params.filter, page: page}
$scope.showPageSelector = () ->
$scope.pageSelectorShown = true
focus('#pagination-jump-destination')
$scope.hidePageSelector = () ->
$scope.pageSelectorShown = false
$scope.jumpToPage = (inputPageNumber) ->
$scope.gotoPage(inputPageNumber)
)
] ]