Add search feature to Access Lists

2022-02-12 12:17:45 +07:00
parent 078114ee67
commit de84d5d463
2 changed files with 61 additions and 26 deletions
--- a/frontend/js/app/nginx/access/main.ejs
+++ b/frontend/js/app/nginx/access/main.ejs
@ -3,6 +3,14 @@
    <div class="card-header">
        <h3 class="card-title"><%- i18n('access-lists', 'title') %></h3>
        <div class="card-options">
+            <form class="search-form" role="search">
+                <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <i class="fe fe-search"></i>
+                    </span>
+                    <input name="source-query" type="text" value="" class="form-control form-control-sm" placeholder="Search Access…" aria-label="Search in Access Lists">
+                </div>
+            </form>
            <a href="#" class="btn btn-outline-secondary btn-sm ml-2 help"><i class="fe fe-help-circle"></i></a>
            <% if (showAddButton) { %>
            <a href="#" class="btn btn-outline-teal btn-sm ml-2 add-item"><%- i18n('access-lists', 'add') %></a>