fill the group filter drop down with the list of groups.

disable drop down option if it is applied.
#64
This commit is contained in:
chris.watts90@outlook.com 2017-03-17 23:54:54 +00:00
parent 4e3319ef69
commit 6034d55f03

View File

@ -53,12 +53,26 @@
<div class="col-xs-8"> <div class="col-xs-8">
<form class="input-group" action="#users" method="get"> <form class="input-group" action="#users" method="get">
<span class="input-group-btn"> <span class="input-group-btn">
<button class="btn btn-default" type="submit">Go!</button> <button class="btn btn-default" type="submit">Go!</button>
</span> </span>
<input type="text" class="form-control" placeholder="Search for..." name="query" data-bind="value: Query"> <input type="text" class="form-control" placeholder="Search for..." name="query" data-bind="value: Query">
</form> </form>
</div> </div>
<button class="btn btn-default pull-right" data-bind="click: $root.returnButtonClick" pagedestination="newUser"><span class="glyphicon glyphicon-plus"></span> Add New User</button> <div class="dropdown col-xs-2" data-bind="with: $root.groupsList">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
Group Filter
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<!-- ko foreach: Groups -->
<li data-bind="css:{disabled:$root.userList().GroupFilter.Name===Name}">
<a data-bind="click: function(){$root.groupFilter(Id);}, text: Name"></a>
</li>
<!-- /ko -->
</ul>
</div>
<button class="btn btn-default pull-right" data-bind="click: $root.returnButtonClick"
pagedestination="newUser"><span class="glyphicon glyphicon-plus"></span> Add New User</button>
</div> </div>
<br/> <br/>
<div> <div>