Filter Current assigned
parent
9e4ac74cfe
commit
1a76aa5d1a
|
@ -1 +1,3 @@
|
|||
.member {{member}}
|
||||
.assignable-member-single(ng-click="onSelectMember()")
|
||||
img.assignable-member-avatar(tg-avatar="member")
|
||||
.assignable-member-name {{member.full_name}}
|
||||
|
|
|
@ -0,0 +1,20 @@
|
|||
.assignable-member-single {
|
||||
align-items: center;
|
||||
background: $white;
|
||||
border-bottom: 1px solid $whitish;
|
||||
display: flex;
|
||||
padding: .25rem 0;
|
||||
&:hover {
|
||||
background: rgba($primary-light, .05);
|
||||
cursor: pointer;
|
||||
}
|
||||
.assignable-member-avatar {
|
||||
flex-basis: 3rem;
|
||||
margin-right: .5rem;
|
||||
max-height: 3rem;
|
||||
max-width: 3rem;
|
||||
}
|
||||
.assignable-member-name {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
|
@ -21,5 +21,14 @@ class AssignedToSelectorController
|
|||
@.$inject = []
|
||||
|
||||
constructor: () ->
|
||||
@._filterAssignedMember()
|
||||
|
||||
_filterAssignedMember: () ->
|
||||
@.nonAssignedMembers = _.filter(@.project.members, (member) =>
|
||||
return member.id != @.assigned.get('id')
|
||||
)
|
||||
|
||||
onAssignTo: (member) ->
|
||||
console.log member
|
||||
|
||||
angular.module('taigaComponents').controller('AssignedToSelectorCtrl', AssignedToSelectorController)
|
||||
|
|
|
@ -9,9 +9,9 @@ tg-lightbox-close
|
|||
ng-model="vm.assignToMember.name"
|
||||
ng-model-options="{debounce: 200}"
|
||||
)
|
||||
ul.tags-dropdown
|
||||
li(ng-repeat="member in vm.project.members | filter: vm.assignToMember.name")
|
||||
ul.assignable-member-list
|
||||
li(ng-repeat="member in vm.nonAssignedMembers | filter: vm.assignToMember.name | limitTo:6")
|
||||
tg-assigned-item.assigned-members-option(
|
||||
member="member"
|
||||
ng-click="vm.onAddTag(tag[0], tag[1], vm.project)"
|
||||
ng-click="vm.onAssignTo(member)"
|
||||
)
|
||||
|
|
|
@ -0,0 +1,7 @@
|
|||
.assigned-to-container {
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.assignable-member-list {
|
||||
margin-top: 1rem;
|
||||
}
|
|
@ -27,11 +27,11 @@ class AssignedToController
|
|||
|
||||
onSelectAssignedTo: (assigned, project) ->
|
||||
@lightboxFactory.create('tg-assigned-to-selector', {
|
||||
"class": "lightbox lightbox-assigned-to-selector open"
|
||||
"assignedTo": "assignedTo"
|
||||
"class": "lightbox lightbox-assigned-to-selector open",
|
||||
"assigned": "assigned",
|
||||
"project": "project"
|
||||
}, {
|
||||
"assignedTo": @.assignedTo
|
||||
"assigned": @.assignedTo,
|
||||
"project": @.project
|
||||
})
|
||||
|
||||
|
|
Loading…
Reference in New Issue