Add search feature to proxy host

2022-02-12 10:38:15 +07:00
parent 96e034aa75
commit 30a9d3ae8d
2 changed files with 61 additions and 26 deletions
--- a/frontend/js/app/nginx/proxy/main.ejs
+++ b/frontend/js/app/nginx/proxy/main.ejs
@ -3,6 +3,14 @@
    <div class="card-header">
        <h3 class="card-title"><%- i18n('proxy-hosts', '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 Host…" aria-label="Search in Hosts">
+                </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-success btn-sm ml-2 add-item"><%- i18n('proxy-hosts', 'add') %></a>