139 lines
4.9 KiB
CoffeeScript
139 lines
4.9 KiB
CoffeeScript
###
|
|
# Copyright (C) 2014-2017 Andrey Antukh <niwi@niwi.nz>
|
|
# Copyright (C) 2014-2017 Jesús Espino Garcia <jespinog@gmail.com>
|
|
# Copyright (C) 2014-2017 David Barragán Merino <bameda@dbarragan.com>
|
|
# Copyright (C) 2014-2017 Alejandro Alonso <alejandro.alonso@kaleidos.net>
|
|
# Copyright (C) 2014-2017 Juan Francisco Alcántara <juanfran.alcantara@kaleidos.net>
|
|
# Copyright (C) 2014-2017 Xavi Julian <xavier.julian@kaleidos.net>
|
|
#
|
|
# 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/taskboard/charts.coffee
|
|
###
|
|
|
|
taiga = @.taiga
|
|
|
|
mixOf = @.taiga.mixOf
|
|
toggleText = @.taiga.toggleText
|
|
scopeDefer = @.taiga.scopeDefer
|
|
bindOnce = @.taiga.bindOnce
|
|
groupBy = @.taiga.groupBy
|
|
timeout = @.taiga.timeout
|
|
|
|
module = angular.module("taigaTaskboard")
|
|
|
|
#############################################################################
|
|
## Sprint burndown graph directive
|
|
#############################################################################
|
|
|
|
SprintGraphDirective = ($translate)->
|
|
redrawChart = (element, dataToDraw) ->
|
|
width = element.width()
|
|
element.height(240)
|
|
|
|
days = _.map(dataToDraw, (x) -> moment.utc(x.day))
|
|
|
|
data = []
|
|
data.unshift({
|
|
data: _.zip(days, _.map(dataToDraw, (d) -> d.optimal_points))
|
|
lines:
|
|
fillColor : "rgba(120,120,120,0.2)"
|
|
})
|
|
data.unshift({
|
|
data: _.zip(days, _.map(dataToDraw, (d) -> d.open_points))
|
|
lines:
|
|
fillColor : "rgba(102,153,51,0.3)"
|
|
})
|
|
|
|
options =
|
|
grid:
|
|
borderWidth: { top: 0, right: 1, left:0, bottom: 0 }
|
|
borderColor: '#ccc'
|
|
hoverable: true
|
|
xaxis:
|
|
tickSize: [1, "day"]
|
|
min: days[0]
|
|
max: _.last(days)
|
|
mode: "time"
|
|
daysNames: days
|
|
axisLabel: $translate.instant("TASKBOARD.CHARTS.XAXIS_LABEL")
|
|
axisLabelUseCanvas: true
|
|
axisLabelFontSizePixels: 12
|
|
axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif'
|
|
axisLabelPadding: 5
|
|
yaxis:
|
|
min: 0
|
|
axisLabel: $translate.instant("TASKBOARD.CHARTS.YAXIS_LABEL")
|
|
axisLabelUseCanvas: true
|
|
axisLabelFontSizePixels: 12
|
|
axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif'
|
|
axisLabelPadding: 5
|
|
series:
|
|
shadowSize: 0
|
|
lines:
|
|
show: true
|
|
fill: true
|
|
points:
|
|
show: true
|
|
fill: true
|
|
radius: 4
|
|
lineWidth: 2
|
|
colors: ["rgba(102,153,51,1)", "rgba(120,120,120,0.2)"]
|
|
tooltip: true
|
|
tooltipOpts:
|
|
content: (label, xval, yval, flotItem) ->
|
|
formattedDate = moment(xval).format($translate.instant("TASKBOARD.CHARTS.DATE"))
|
|
roundedValue = Math.round(yval)
|
|
|
|
if flotItem.seriesIndex == 1
|
|
return $translate.instant("TASKBOARD.CHARTS.OPTIMAL", {
|
|
formattedDate: formattedDate,
|
|
roundedValue: roundedValue
|
|
})
|
|
|
|
else
|
|
return $translate.instant("TASKBOARD.CHARTS.REAL", {
|
|
formattedDate: formattedDate,
|
|
roundedValue: roundedValue
|
|
})
|
|
|
|
element.empty()
|
|
element.plot(data, options).data("plot")
|
|
|
|
link = ($scope, $el, $attrs) ->
|
|
element = angular.element($el)
|
|
|
|
$scope.$on "resize", ->
|
|
redrawChart(element, $scope.stats.days) if $scope.stats
|
|
|
|
$scope.$on "taskboard:graph:toggle-visibility", ->
|
|
$el.parent().toggleClass('open')
|
|
|
|
# fix chart overflow
|
|
timeout(100, ->
|
|
redrawChart(element, $scope.stats.days) if $scope.stats
|
|
)
|
|
|
|
$scope.$watch 'stats', (value) ->
|
|
if not $scope.stats?
|
|
return
|
|
redrawChart(element, $scope.stats.days)
|
|
|
|
$scope.$on "$destroy", ->
|
|
$el.off()
|
|
|
|
return {link: link}
|
|
|
|
module.directive("tgSprintGraph", ["$translate", SprintGraphDirective])
|