Release 1.5.3

src/web/views/settings/users/list.hbs

@@ -5,17 +5,21 @@
   </div>
 </div>
 
-<div class="card card-outline card-primary">
+<div class="card card-outline card-primary" data-table-search-container>
   <div class="card-header">
     <h3 class="card-title">Existing users</h3>
-    {{#if (hasPermission currentUser 'users.create')}}
-      <div class="card-tools">
-        <a class="btn btn-primary btn-sm" href="/users/new">Add user</a>
+    <div class="card-tools d-flex flex-nowrap align-items-center gap-2">
+      <div class="input-group input-group-sm flex-shrink-1" style="width: min(14rem, 100%);">
+        <span class="input-group-text" aria-hidden="true"><i class="bi bi-search"></i></span>
+        <input type="search" class="form-control" placeholder="Search users" aria-label="Search users" data-table-search />
       </div>
-    {{/if}}
+      {{#if (hasPermission currentUser 'users.create')}}
+        <a class="btn btn-primary btn-sm" href="/users/new">Add user</a>
+      {{/if}}
+    </div>
   </div>
   <div class="card-body table-responsive p-0">
-  <table class="table table-striped w-100 mb-0 users-table">
+  <table class="table table-striped w-100 mb-0 users-table" data-table-searchable>
     <thead>
       <tr>
         <th>User</th>
@@ -27,7 +31,7 @@
     <tbody>
       {{#if users.length}}
         {{#each users}}
-          <tr>
+          <tr data-table-search-row>
             <td data-label="User">
               <div class="user-cell">
                 <div>
@@ -85,9 +89,10 @@
           </tr>
         {{/each}}
       {{else}}
-        <tr><td colspan="4" class="empty">No users found.</td></tr>
+        <tr data-table-search-empty-default><td colspan="4" class="empty">No users found.</td></tr>
       {{/if}}
     </tbody>
   </table>
   </div>
+  {{> table-pagination pagination=pagination basePath="/users"}}
 </div>