taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improved graph in summary page with some styling and titles

stable
Xavier Julián 2014-10-02 02:29:24 +02:00 committed by David Barragán Merino
parent 684f066863
commit 3e2bbf24b2
2 changed files with 16 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/coffee/modules/backlog/main.coffee
View File

@ -120,7 +120,7 @@ class BacklogController extends mixOf(taiga.Controller, taiga.PageMixin, taiga.F
@scope.stats.completedPercentage = Math.round(100 * stats.closed_points / stats.total_points)
else
@scope.stats.completedPercentage = 0
return stats
refreshTagsColors: ->
@ -978,9 +978,9 @@ module.directive("tgGmBacklogGraph", tgBacklogGraphDirective)
TgBacklogProgressBarDirective = ->
template = _.template("""
<div class="defined-points"></div>
<div class="project-points-progress" style="width: <%- projectPointsPercentaje %>%"></div>
<div class="closed-points-progress" style="width: <%- closedPointsPercentaje %>%"></div>
<div class="defined-points" title="Excess of points"></div>
<div class="project-points-progress" title="Pending Points" style="width: <%- projectPointsPercentaje %>%"></div>
<div class="closed-points-progress" title="Closed points" style="width: <%- closedPointsPercentaje %>%"></div>
""")
render = (el, projectPointsPercentaje, closedPointsPercentaje) ->

29
app/styles/components/summary.scss
View File

@ -54,27 +54,22 @@
padding: 3px;
position: relative;
width: 15%;
.current-progress {
.defined-points {
background: $red-light;
height: 24px;
position: absolute;
width: calc(100% - 6px);
}
.project-points-progress {
background: $white;
height: 24px;
position: absolute;
}
.closed-points-progress {
background: $fresh-taiga;
height: 24px;
width: calc(30% - 4px);
}
.defined-points{
width: 100%;
background: red;
height: 24px;
position: absolute;
}
.project-points-progress{
background: gray;
height: 24px;
position: absolute;
}
.closed-points-progress{
height: 24px;
position: absolute;
background: green;
}
}