Add search feature to stream

2022-02-12 11:36:59 +07:00
parent 181f163cb5
commit e141b5ff20
2 changed files with 61 additions and 26 deletions
--- a/frontend/js/app/nginx/stream/main.ejs
+++ b/frontend/js/app/nginx/stream/main.ejs
@ -3,6 +3,14 @@
    <div class="card-header">
        <h3 class="card-title"><%- i18n('streams', '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 Port…" aria-label="Search in Incoming Port">
+                </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-blue btn-sm ml-2 add-item"><%- i18n('streams', 'add') %></a>