Intial controller and directive for issues page including pagination implementation.
Andrey Antukh
parent
0cae5bfb7a
commit
8aba67d820
|
|
@ -76,6 +76,7 @@ modules = [
|
|||
# Specific Modules
|
||||
"taigaBacklog",
|
||||
"taigaTaskboard",
|
||||
"taigaIssues",
|
||||
|
||||
# Vendor modules
|
||||
"ngRoute",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
###
|
||||
# Copyright (C) 2014 Andrey Antukh <niwi@niwi.be>
|
||||
# Copyright (C) 2014 Jesús Espino Garcia <jespinog@gmail.com>
|
||||
# Copyright (C) 2014 David Barragán Merino <bameda@dbarragan.com>
|
||||
#
|
||||
# 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/>.
|
||||
#
|
||||
# File: modules/issues.coffee
|
||||
###
|
||||
|
||||
module = angular.module("taigaIssues", [])
|
||||
|
|
@ -0,0 +1,213 @@
|
|||
###
|
||||
# Copyright (C) 2014 Andrey Antukh <niwi@niwi.be>
|
||||
# Copyright (C) 2014 Jesús Espino Garcia <jespinog@gmail.com>
|
||||
# Copyright (C) 2014 David Barragán Merino <bameda@dbarragan.com>
|
||||
#
|
||||
# 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/>.
|
||||
#
|
||||
# File: modules/issues.coffee
|
||||
###
|
||||
|
||||
taiga = @.taiga
|
||||
mixOf = @.taiga.mixOf
|
||||
|
||||
module = angular.module("taigaIssues")
|
||||
|
||||
#############################################################################
|
||||
## Issues Controller
|
||||
#############################################################################
|
||||
|
||||
class IssuesController extends mixOf(taiga.Controller, taiga.PageMixin)
|
||||
@.$inject = [
|
||||
"$scope",
|
||||
"$rootScope",
|
||||
"$tgRepo",
|
||||
"$tgConfirm",
|
||||
"$tgResources",
|
||||
"$routeParams",
|
||||
"$q"
|
||||
]
|
||||
|
||||
constructor: (@scope, @rootscope, @repo, @confirm, @rs, @params, @q) ->
|
||||
@scope.sprintId = @params.id
|
||||
@scope.page = @params.page or 1
|
||||
|
||||
promise = @.loadInitialData()
|
||||
promise.then null, ->
|
||||
console.log "FAIL" #TODO
|
||||
|
||||
loadFilters: ->
|
||||
defered = @q.defer()
|
||||
defered.resolve()
|
||||
return defered.promise
|
||||
|
||||
loadProject: ->
|
||||
return @rs.projects.get(@scope.projectId).then (project) =>
|
||||
@scope.project = project
|
||||
@scope.points = _.sortBy(project.points, "order")
|
||||
@scope.taskStatusList = _.sortBy(project.task_statuses, "order")
|
||||
@scope.usStatusList = _.sortBy(project.us_statuses, "order")
|
||||
return project
|
||||
|
||||
loadIssues: ->
|
||||
filters = {page: @scope.page}
|
||||
promise = @rs.issues.list(@scope.projectId, filters).then (data) =>
|
||||
console.log "loadIssues:", data
|
||||
@scope.issues = data.models
|
||||
@scope.page = data.current
|
||||
@scope.count = data.count
|
||||
@scope.paginatedBy = data.paginatedBy
|
||||
return data
|
||||
|
||||
return promise
|
||||
|
||||
loadInitialData: ->
|
||||
promise = @repo.resolve({pslug: @params.pslug}).then (data) =>
|
||||
@scope.projectId = data.project
|
||||
return data
|
||||
|
||||
return promise.then(=> @.loadProject())
|
||||
.then(=> @.loadUsersAndRoles())
|
||||
.then(=> @.loadFilters())
|
||||
.then(=> @.loadIssues())
|
||||
|
||||
module.controller("IssuesController", IssuesController)
|
||||
|
||||
#############################################################################
|
||||
## Issues Controller
|
||||
#############################################################################
|
||||
|
||||
paginatorTemplate = """
|
||||
<ul class="paginator">
|
||||
<% if (showPrevious) { %>
|
||||
<li class="previous">
|
||||
<a href="" class="previous next_prev_button" class="disabled">
|
||||
<span i18next="pagination.prev">Prev</span>
|
||||
</a>
|
||||
</li>
|
||||
<% } %>
|
||||
|
||||
<% _.each(pages, function(item) { %>
|
||||
<li class="<%= item.classes %>">
|
||||
<% if (item.type === "page") { %>
|
||||
<a href="" data-pagenum="<%= item.num %>"><%= item.num %></a>
|
||||
<% } else if (item.type === "page-active") { %>
|
||||
<span class="active"><%= item.num %></span>
|
||||
<% } else { %>
|
||||
<span>...</span>
|
||||
<% } %>
|
||||
</li>
|
||||
<% }); %>
|
||||
|
||||
<% if (showNext) { %>
|
||||
<li class="next">
|
||||
<a href="" class="next next_prev_button" class="disabled">
|
||||
<span i18next="pagination.next">Next</span>
|
||||
</a>
|
||||
</li>
|
||||
<% } %>
|
||||
</ul>
|
||||
"""
|
||||
|
||||
IssuesDirective = ($log, $location) ->
|
||||
|
||||
#########################
|
||||
## Issues Pagination
|
||||
#########################
|
||||
|
||||
# Constants
|
||||
template = _.template(paginatorTemplate)
|
||||
|
||||
linkPagination = ($scope, $el, $attrs, $ctrl) ->
|
||||
# Constants
|
||||
afterCurrent = 5
|
||||
beforeCurrent = 5
|
||||
atBegin = 2
|
||||
atEnd = 2
|
||||
|
||||
$pagEl = $el.find("section.issues-paginator")
|
||||
|
||||
getNumPages = ->
|
||||
numPages = $scope.count / $scope.paginatedBy
|
||||
if parseInt(numPages, 10) < numPages
|
||||
numPages = parseInt(numPages, 10) + 1
|
||||
else
|
||||
numPages = parseInt(numPages, 10)
|
||||
|
||||
return numPages
|
||||
|
||||
renderPagination = ->
|
||||
numPages = getNumPages()
|
||||
|
||||
if numPages <= 1
|
||||
$pagEl.hide()
|
||||
return
|
||||
|
||||
pages = []
|
||||
options = {}
|
||||
options.pages = pages
|
||||
options.showPrevious = ($scope.page > 1)
|
||||
options.showNext = not ($scope.page == numPages)
|
||||
|
||||
cpage = $scope.page
|
||||
|
||||
for i in [1..numPages]
|
||||
if i == (cpage + afterCurrent) and numPages > (cpage + afterCurrent + atEnd)
|
||||
pages.push({classes: "dots", type: "dots"})
|
||||
else if i == (cpage - beforeCurrent) and cpage > (atBegin + beforeCurrent)
|
||||
pages.push({classes: "dots", type: "dots"})
|
||||
else if i > (cpage + afterCurrent) and i <= (numPages - atEnd)
|
||||
else if i < (cpage - beforeCurrent) and i > atBegin
|
||||
else if i == cpage
|
||||
pages.push({classes: "active", num: i, type: "page-active"})
|
||||
else
|
||||
pages.push({classes: "page", num: i, type: "page"})
|
||||
|
||||
$pagEl.html(template(options))
|
||||
|
||||
$scope.$watch "issues", (value) ->
|
||||
# Do nothing if value is not logical true
|
||||
return if not value
|
||||
|
||||
renderPagination()
|
||||
|
||||
$el.on "click", ".issues-paginator a.next", (event) ->
|
||||
event.preventDefault()
|
||||
|
||||
$scope.$apply ->
|
||||
$scope.page += 1
|
||||
$location.noreload($scope).search("page", $scope.page)
|
||||
$ctrl.loadIssues()
|
||||
|
||||
$el.on "click", ".issues-paginator a.previous", (event) ->
|
||||
event.preventDefault()
|
||||
$scope.$apply ->
|
||||
$scope.page -= 1
|
||||
$location.noreload($scope).search("page", $scope.page)
|
||||
$ctrl.loadIssues()
|
||||
|
||||
|
||||
#########################
|
||||
## Issues Link
|
||||
#########################
|
||||
|
||||
link = ($scope, $el, $attrs) ->
|
||||
console.log "IssuesDirective:link"
|
||||
$ctrl = $el.controller()
|
||||
linkPagination($scope, $el, $attrs, $ctrl)
|
||||
|
||||
return {link:link}
|
||||
|
||||
|
||||
module.directive("tgIssues", ["$log", "$tgLocation", IssuesDirective])
|
||||
|
|
@ -5,17 +5,17 @@ section.issues-table.basic-table
|
|||
div.width-7.subject Subject
|
||||
div.width-2 Status
|
||||
div.width-2 Assigned to
|
||||
- for (var x = 0; x < 50; x++)
|
||||
div.row.table-main
|
||||
div.level-field.width-1
|
||||
div.level
|
||||
div.level-field.width-1
|
||||
div.level
|
||||
div.width-7.subject
|
||||
| #2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet leo accumsan, commodo neque eu, iaculis nisl. Phasellus fermentum ipsum eget sapien suscipit pretium.
|
||||
div.width-2
|
||||
In progress
|
||||
div.width-2
|
||||
figure.avatar
|
||||
img(src="http://thecodeplayer.com/u/uifaces/12.jpg", alt="username")
|
||||
figcaption Pilar
|
||||
div.row.table-main(ng-repeat="issue in issues track by issue.id")
|
||||
div.level-field.width-1
|
||||
div.level
|
||||
div.level-field.width-1
|
||||
div.level
|
||||
div.width-7.subject(tg-bo-html="issue.subject")
|
||||
div.width-2
|
||||
In progress
|
||||
div.width-2
|
||||
figure.avatar
|
||||
img(src="http://thecodeplayer.com/u/uifaces/12.jpg", alt="username")
|
||||
figcaption Pilar
|
||||
|
||||
section.issues-paginator
|
||||
|
|
@ -39,6 +39,7 @@ paths = {
|
|||
"app/coffee/modules/*.coffee",
|
||||
"app/coffee/modules/common/*.coffee",
|
||||
"app/coffee/modules/backlog/*.coffee",
|
||||
"app/coffee/modules/issues/*.coffee",
|
||||
"app/coffee/modules/locales/*.coffee",
|
||||
"app/coffee/modules/base/*.coffee",
|
||||
"app/coffee/modules/resources/*.coffee"]
|
||||
|
|
|
|||
Loading…
Reference in New Issue