Pony.fm/resources/assets/scripts/app/directives/paged-tracks-list.coffee

106 lines
4.5 KiB
CoffeeScript
Raw Normal View History

# Pony.fm - A community for pony fan music.
2018-04-26 20:39:37 +02:00
# Copyright (C) 2016 Logic
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program. If not, see <http://www.gnu.org/licenses/>.
module.exports = angular.module('ponyfm').directive 'pfmPagedTracksList', () ->
restrict: 'E'
templateUrl: '/templates/directives/paged-tracks-list.html'
replace: true
scope:
type: '@'
class: '@class'
clickOverride: '&'
2016-08-30 00:32:58 +02:00
hasOverride: '@'
2017-05-16 22:48:19 +02:00
admin: '@'
controller: [
'$scope', 'tracks', '$state', '$location'
($scope, tracks, $state, $location) ->
2017-05-16 22:48:19 +02:00
$scope.filters = tracks.filters
$scope.query = tracks.mainQuery
tracks.mainQuery.fromFilterString($state.params.filter)
tracks.mainQuery.setPage $state.params.page || 1
tracks.mainQuery.setAdmin $scope.admin || false
2017-05-16 22:48:19 +02:00
$scope.toggleListFilter = (filter, id) ->
$scope.query.toggleListFilter filter, id
$state.transitionTo $state.current.name, {filter: $scope.query.toFilterString()}
2017-05-16 22:48:19 +02:00
$scope.setFilter = (filter, value) ->
$scope.query.setFilter filter, value
$state.transitionTo $state.current.name, {filter: $scope.query.toFilterString()}
2017-05-16 22:48:19 +02:00
$scope.setListFilter = (filter, id) ->
$scope.query.setListFilter filter, id
$state.transitionTo $state.current.name, {filter: $scope.query.toFilterString()}
2017-05-16 22:48:19 +02:00
$scope.clearFilter = (filter) ->
$scope.query.clearFilter filter
$state.transitionTo $state.current.name, {filter: $scope.query.toFilterString()}
2017-05-16 22:48:19 +02:00
$scope.newClickOverride = (id) ->
$scope.clickOverride({id: id})
2017-05-16 22:48:19 +02:00
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
2017-05-16 22:48:19 +02:00
tracks.mainQuery.fetch(typeEnum).done (searchResults) ->
$scope.tracks = searchResults.tracks
2017-05-16 22:48:19 +02:00
$scope.currentPage = parseInt(searchResults.current_page)
$scope.totalPages = parseInt(searchResults.total_pages)
delete $scope.nextPage
delete $scope.prevPage
2017-05-16 22:48:19 +02:00
$scope.nextPage = $scope.currentPage + 1 if $scope.currentPage < $scope.totalPages
$scope.prevPage = $scope.currentPage - 1 if $scope.currentPage > 1
$scope.allPages = [1..$scope.totalPages]
2017-05-16 22:48:19 +02:00
# The actual first page will always be in the paginator.
$scope.pages = [1]
2017-05-16 22:29:52 +02:00
2017-05-16 22:48:19 +02:00
# This logic determines how many pages to add prior to the current page, if any.
firstPage = Math.max(2, $scope.currentPage-3)
$scope.pages = $scope.pages.concat [firstPage..$scope.currentPage] unless $scope.currentPage == 1
2017-05-16 22:29:52 +02:00
2017-05-16 22:48:19 +02:00
pagesLeftToAdd = 8-$scope.pages.length
2017-05-16 22:29:52 +02:00
2017-05-16 22:48:19 +02:00
lastPage = Math.min($scope.totalPages - 1, $scope.currentPage+1+pagesLeftToAdd)
$scope.pages = $scope.pages.concat([$scope.currentPage+1..lastPage]) unless $scope.currentPage >= lastPage
2017-05-16 22:48:19 +02:00
# The actual last page will always be in the paginator.
$scope.pages.push($scope.totalPages) unless $scope.totalPages in $scope.pages
2017-05-16 22:48:19 +02:00
$scope.pageSelectorShown = false
2017-05-16 22:29:52 +02:00
2017-05-16 22:48:19 +02:00
$scope.gotoPage = (page) ->
#$scope.$emit 'pageChange', {filter: $state.params.filter, page: page}
$state.go '.', {filter: $state.params.filter, page: page}
2017-05-16 22:29:52 +02:00
2017-05-16 22:48:19 +02:00
$scope.showPageSelector = () ->
$scope.pageSelectorShown = true
focus('#pagination-jump-destination')
2017-05-16 22:29:52 +02:00
2017-05-16 22:48:19 +02:00
$scope.hidePageSelector = () ->
$scope.pageSelectorShown = false
$scope.jumpToPage = (inputPageNumber) ->
$scope.gotoPage(inputPageNumber)
]