permissions dialog: filter out selected groups from dropdown

This commit is contained in:
Mads Rasmussen
2017-06-25 21:51:17 +02:00
parent f92e119060
commit 86cb750ca1
2 changed files with 23 additions and 17 deletions

View File

@@ -146,12 +146,18 @@
}
});
});
// set to selected so we can remove from the dropdown easily
group.selected = true;
vm.selectedUserGroups.push(group);
setViewSate("manageGroups");
}
function removePermissions(index) {
// remove as selected so we can select it from the dropdown again
var group = vm.selectedUserGroups[index];
group.selected = false;
vm.selectedUserGroups.splice(index, 1);
}

View File

@@ -8,7 +8,22 @@
<h5>Ut tempor dui nec consectetur efficitur.</h5>
<p class="abstract" style="margin-bottom: 20px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tellus purus, malesuada sed purus ut, semper sollicitudin odio.</p>
<div style="margin-bottom: 10px;">
<div style="position: relative; display: inline-block; margin-bottom: 20px;">
<a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
Add permissions for...
<span class="caret" style="margin-left: 10px;"></span>
</a>
<ul class="dropdown-menu" style="width: 100%;">
<li ng-repeat="group in vm.availableUserGroups | filter:{selected: '!true'}">
<a href="" ng-click="vm.editPermissions(group)" prevent-default>
<i class="{{group.icon}}"></i>
{{group.name}}
</a>
</li>
</ul>
</div>
<div>
<umb-user-group-preview
ng-repeat="group in vm.selectedUserGroups"
icon="group.icon"
@@ -19,21 +34,6 @@
</umb-user-group-preview>
</div>
<div style="position: relative; display: inline-block;">
<a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
Add permissions for...
<span class="caret" style="margin-left: 10px;"></span>
</a>
<ul class="dropdown-menu" style="width: 100%;">
<li ng-repeat="group in vm.availableUserGroups">
<a href="" ng-click="vm.editPermissions(group)" prevent-default>
<i class="{{group.icon}}"></i>
{{group.name}}
</a>
</li>
</ul>
</div>
</div>
</div>