From bdac2a4a41338680104179bc4545e5592a4b4f24 Mon Sep 17 00:00:00 2001
From: Kenn Jacobsen <kja@vertica.dk>
Date: Mon, 18 Mar 2019 13:27:00 +0100
Subject: [PATCH] Use umb-checkbox for user filters

---
 .../src/views/users/views/users/users.html    | 26 ++++++-------------
 1 file changed, 8 insertions(+), 18 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html b/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
index e32297341d..965880d94f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
+++ b/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
@@ -128,15 +128,10 @@
                     </a>
                     <umb-dropdown class="pull-right" ng-if="vm.page.showStatusFilter" on-close="vm.page.showStatusFilter = false;">
                         <umb-dropdown-item ng-repeat="userState in vm.userStatesFilter | filter:{ count: '!0', key: '!All'}" style="padding: 8px 20px 8px 16px;">
-                            <div class="flex items-center">
-                                <input
-                                    id="state-{{$index}}"
-                                    type="checkbox"
-                                    ng-model="userState.selected"
-                                    ng-change="vm.setUserStatesFilter(userState)"
-                                    style="margin-right: 10px; margin-top: -3px;" />
-                                <label for="state-{{$index}}">{{ userState.name }} ({{userState.count}})</label>
-                            </div>
+                            <umb-checkbox model="userState.selected"
+                                          on-change="vm.setUserStatesFilter(userState)"
+                                          text="{{ userState.name }} ({{userState.count}})">
+                            </umb-checkbox>
                         </umb-dropdown-item>
                     </umb-dropdown>
                 </div>
@@ -150,15 +145,10 @@
                     </a>
                     <umb-dropdown class="pull-right" ng-if="vm.page.showGroupFilter" on-close="vm.page.showGroupFilter = false;">
                         <umb-dropdown-item ng-repeat="userGroup in vm.userGroups" style="padding: 8px 20px 8px 16px;">
-                            <div class="flex items-center">
-                                <input
-                                    id="group-{{$index}}"
-                                    type="checkbox"
-                                    ng-model="userGroup.selected"
-                                    ng-change="vm.setUserGroupFilter(userGroup)"
-                                    style="margin-right: 10px; margin-top: -3px;" />
-                                <label for="group-{{$index}}">{{ userGroup.name }}</label>
-                            </div>
+                            <umb-checkbox model="userGroup.selected"
+                                          on-change="vm.setUserGroupFilter(userGroup)"
+                                          text="{{ userGroup.name }}">
+                            </umb-checkbox>
                         </umb-dropdown-item>
                     </umb-dropdown>
                 </div>