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

Upvote and Downvote issues from listing

stable
Xavier Julián 2016-06-13 09:59:03 +02:00 committed by Juanfran
parent 4a2ae30d30
commit 45d618ca13
3 changed files with 61 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/coffee/modules/issues/list.coffee
View File

@ -62,6 +62,7 @@ class IssuesController extends mixOf(taiga.Controller, taiga.PageMixin, taiga.Fi
@navUrls, @events, @analytics, @translate, @errorHandlingService) ->
@scope.sectionName = "Issues"
@scope.filters = {}
@.voting = false
if _.isEmpty(@location.search())
filters = @rs.issues.getFilters(@params.pslug)
@ -315,6 +316,27 @@ class IssuesController extends mixOf(taiga.Controller, taiga.PageMixin, taiga.Fi
addIssuesInBulk: ->
@rootscope.$broadcast("issueform:bulk", @scope.projectId)
upVoteIssue: (issueId) ->
@.voting = issueId
onSuccess = =>
@.loadIssues()
@.voting = null
onError = =>
@confirm.notify("error")
@.voting = null
return @rs.issues.upvote(issueId).then(onSuccess, onError)
downVoteIssue: (issueId) ->
@.voting = issueId
onSuccess = =>
@.loadIssues()
@.voting = null
onError = =>
@confirm.notify("error")
@.voting = null
return @rs.issues.downvote(issueId).then(onSuccess, onError)
module.controller("IssuesController", IssuesController)

16
app/partials/includes/modules/issues-table.jade
View File

@ -17,11 +17,23 @@ section.issues-table.basic-table(ng-class="{empty: !issues.length}")
div.level-field(tg-listitem-severity="issue")
div.level-field(tg-listitem-priority="issue")
div.votes(
ng-class="{'inactive': !issue.total_voters, 'is-voted': issue.is_voter}"
ng-class="{'inactive': !issue.total_voters}"
ng-if="!issue.is_voter"
title="{{ 'COMMON.VOTE_BUTTON.COUNTER_TITLE'|translate:{total:issue.total_voters||0}:'messageformat' }}"
ng-click="ctrl.upVoteIssue(issue.id)"
tg-loading="ctrl.voting == issue.id"
)
tg-svg(svg-icon="icon-upvote")
span {{ ::issue.total_voters }}
span {{ issue.total_voters }}
div.votes(
ng-class="{'is-voted': issue.is_voter}"
ng-if="issue.is_voter"
title="{{ 'COMMON.VOTE_BUTTON.COUNTER_TITLE'|translate:{total:issue.total_voters||0}:'messageformat' }}"
ng-click="ctrl.downVoteIssue(issue.id)"
tg-loading="ctrl.voting == issue.id"
)
tg-svg(svg-icon="icon-upvote")
span {{ issue.total_voters }}
div.subject
a(
href=""

28
app/styles/modules/issues/issues-table.scss
View File

@ -59,16 +59,22 @@
}
.votes {
color: $gray;
cursor: pointer;
flex-basis: 75px;
flex-shrink: 0;
text-align: center;
width: 75px;
&:hover {
color: $primary-light;
transition: all .2s linear;
svg {
fill: $primary-light;
transition: all .2s linear;
}
}
&.inactive {
color: $gray-light;
}
&.is-voted {
color: $primary-light;
}
svg {
@include svg-size(.75rem);
fill: $gray;
@ -76,6 +82,22 @@
vertical-align: middle;
}
}
.is-voted {
color: $primary-light;
transition: all .2s linear;
svg {
fill: $primary-light;
transition: all .2s linear;
}
&:hover {
color: $red-light;
svg {
fill: $red-light;
transform: rotate(180deg);
}
}
}
.subject {
overflow: hidden;
padding-right: 1rem;