From 6034d55f035dbd2a55425c53e46fbd05a5b56bad Mon Sep 17 00:00:00 2001
From: "chris.watts90@outlook.com" <chris.watts90@outlook.com>
Date: Fri, 17 Mar 2017 23:54:54 +0000
Subject: [PATCH] fill the group filter drop down with the list of groups.

disable drop down option if it is applied.
#64
---
 .../WindowsDataCenter/www/index.html          | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html b/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html
index 65aae22..7179005 100644
--- a/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html
+++ b/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html
@@ -53,12 +53,26 @@
             <div class="col-xs-8">
                 <form class="input-group" action="#users" method="get">
                     <span class="input-group-btn">
-                            <button class="btn btn-default" type="submit">Go!</button>
-                        </span>
+                        <button class="btn btn-default" type="submit">Go!</button>
+                    </span>
                     <input type="text" class="form-control" placeholder="Search for..." name="query" data-bind="value: Query">
                 </form>
             </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>
         <br/>
         <div>