From b0a715536ceddbd95b7238dacb2311d614ff4dc2 Mon Sep 17 00:00:00 2001
From: Avris <andre@avris.it>
Date: Tue, 22 Dec 2020 11:05:33 +0100
Subject: [PATCH] [admin] filter users

---
 routes/admin.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/routes/admin.vue b/routes/admin.vue
index cc390692..3d8886f9 100644
--- a/routes/admin.vue
+++ b/routes/admin.vue
@@ -14,7 +14,8 @@
                     ({{stats.users.overall}}, {{stats.users.admins}} admins)
                 </summary>
                 <div class="border-top">
-                    <Table :data="Object.values(users)" :columns="4">
+                    <input class="form-control mt-4" v-model="userFilter" :placeholder="$t('crud.filterLong')"/>
+                    <Table :data="visibleUsers" :columns="4">
                         <template v-slot:header>
                             <th class="text-nowrap">
                                 <T>admin.user.user</T>
@@ -123,6 +124,7 @@
         data() {
             return {
                 socialProviders,
+                userFilter: '',
             }
         },
         async asyncData({ app, store }) {
@@ -148,6 +150,11 @@
                 this.users[userId].roles = role;
             }
         },
+        computed: {
+            visibleUsers() {
+                return Object.values(this.users).filter(u => u.username.toLowerCase().includes(this.userFilter.toLowerCase()));
+            },
+        },
         head() {
             return head({
                 title: this.$t('admin.header'),