Fix related userstories view for users without edit permission

stable
David Barragán Merino 2016-09-21 21:10:27 +02:00
parent 2389bf4785
commit b7cc9e9c1e
4 changed files with 29 additions and 18 deletions

View File

@ -20,12 +20,18 @@
module = angular.module("taigaEpics")
class RelatedUserStoriesController
@.$inject = ["tgEpicsService"]
@.$inject = [
"tgProjectService",
"tgEpicsService"
]
constructor: (@epicsService) ->
constructor: (@projectService, @epicsService) ->
@.sectionName = "Epics"
@.showCreateRelatedUserstoriesLightbox = false
userCanSort: () ->
return @projectService.hasPermission("modify_epic")
loadRelatedUserstories: () ->
@epicsService.listRelatedUserStories(@.epic)
.then (userstories) =>

View File

@ -15,7 +15,7 @@ section.related-userstories
)
tg-related-userstory-row.row(
tg-repeat="us in vm.userstories track by us.get('id')"
ng-class="{closed: us.get('is_closed'), blocked: us.get('is_blocked')}"
ng-class="{closed: us.get('is_closed'), blocked: us.get('is_blocked'), sortable: vm.userCanSort()}"
userstory="us"
epic="vm.epic"
project="vm.project"

View File

@ -1,5 +1,6 @@
tg-svg.icon-drag(
svg-icon="icon-drag"
tg-check-permission="modify_epic"
)
.userstory-name
@ -33,7 +34,9 @@ tg-svg.icon-drag(
)
.status
span.userstory-status(ng-style="{'color': vm.userstory.getIn(['status_extra_info', 'color'])}") {{vm.userstory.getIn(['status_extra_info', 'name'])}}
span.userstory-status(
ng-style="{'color': vm.userstory.getIn(['status_extra_info', 'color'])}"
) {{vm.userstory.getIn(['status_extra_info', 'name'])}}
.assigned-to-column
figure.avatar

View File

@ -2,26 +2,28 @@ tg-related-userstory-row {
@include font-size(small);
align-items: center;
border-bottom: 1px solid $whitish;
cursor: move;
display: flex;
padding: .5rem 0 .5rem .5rem;
&:hover {
background: rgba($primary-light, .05);
.userstory-settings {
opacity: 1;
transition: all .2s ease-in;
&.sortable {
cursor: move;
&:hover {
background: rgba($primary-light, .05);
.userstory-settings {
opacity: 1;
transition: all .2s ease-in;
}
.icon-drag {
opacity: 1;
}
}
.icon-drag {
opacity: 1;
@include svg-size(.75rem);
cursor: move;
fill: $whitish;
opacity: 0;
transition: opacity .1s;
}
}
.icon-drag {
@include svg-size(.75rem);
cursor: move;
fill: $whitish;
opacity: 0;
transition: opacity .1s;
}
.status {
flex-shrink: 0;
position: relative;