ADD search & pagination

circle/network/templates/network/blacklist-list.html

@@ -12,6 +12,20 @@
     <h1>{% trans "Blacklist" %} <small></small></h1>
 </div>
 
+<div class="row">
+  <div class="col-md-3">
+    <form action="" method="GET" id="network-blacklist-list-form">
+      <div class="input-group">
+        <input type="text" id="network-blacklist-list-input" name="s" class="form-control"
+        value="{{ request.GET.s }}" placeholder="{% trans "Search..." %}"/>
+        <span class="input-group-btn">
+          <button class="btn btn-primary"><i class="fa fa-search"></i></button>
+        </span>
+      </div>
+    </form>
+  </div>
+</div>
+
 <div class="table-responsive">
     {% render_table table %}
 </div>

circle/network/templates/network/domain-list.html

@@ -12,6 +12,20 @@
     <h1>{% trans "Domains" %}</h1>
 </div>
 
+<div class="row">
+  <div class="col-md-3">
+    <form action="" method="GET" id="network-domain-list-form">
+      <div class="input-group">
+        <input type="text" id="network-domain-list-input" name="s" class="form-control"
+        value="{{ request.GET.s }}" placeholder="{% trans "Search..." %}"/>
+        <span class="input-group-btn">
+          <button class="btn btn-primary"><i class="fa fa-search"></i></button>
+        </span>
+      </div>
+    </form>
+  </div>
+</div>
+
 <div class="table-responsive">
     {% render_table table %}
 </div>

circle/network/templates/network/firewall-list.html

@@ -14,6 +14,20 @@
   <h1>{% trans "Firewalls" %}</h1>
 </div>
 
+<div class="row">
+  <div class="col-md-3">
+    <form action="" method="GET" id="network-firewall-list-form">
+      <div class="input-group">
+        <input type="text" id="network-firewall-list-input" name="s" class="form-control"
+        value="{{ request.GET.s }}" placeholder="{% trans "Search..." %}"/>
+        <span class="input-group-btn">
+          <button class="btn btn-primary"><i class="fa fa-search"></i></button>
+        </span>
+      </div>
+    </form>
+  </div>
+</div>
+
 <div class="table-responsive">
   {% render_table table %}
 </div>

circle/network/templates/network/group-list.html

@@ -12,5 +12,21 @@
     <h1>{% trans "Host groups" %}</h1>
 </div>
 
-{% render_table table %}
+<div class="row">
+  <div class="col-md-3">
+    <form action="" method="GET" id="network-group-list-form">
+      <div class="input-group">
+        <input type="text" id="network-group-list-input" name="s" class="form-control"
+        value="{{ request.GET.s }}" placeholder="{% trans "Search..." %}"/>
+        <span class="input-group-btn">
+          <button class="btn btn-primary"><i class="fa fa-search"></i></button>
+        </span>
+      </div>
+    </form>
+  </div>
+</div>
+
+<div class="table-responsive">
+  {% render_table table %}
+</div>
 {% endblock %}

circle/network/templates/network/record-list.html

@@ -17,13 +17,28 @@
     </h1>
 </div>
 
-<ul class="nav nav-pills" style="margin: 5px 0 20px 0;">
-    <li class="disabled"><a href="#">{% trans "Filter by type" %}</a></li>
-    <li {% if not request.GET.type %} class="active"{% endif %}><a href="{{ request.path }}">{% trans "ALL" %}</a></li>
-    {% for type in types %}
-        <li{% if request.GET.type == type.0 %} class="active"{% endif %}><a href="?type={{ type.0 }}">{{ type.0 }}</a></li>
-    {% endfor %}
-</ul>
+<div class="row">
+  <div class="col-md-9">
+    <ul class="nav nav-pills" style="margin: 5px 0 20px 0;">
+        <li class="disabled"><a href="#">{% trans "Filter by type" %}</a></li>
+        <li {% if not request.GET.type %} class="active"{% endif %}><a href="{{ request.path }}">{% trans "ALL" %}</a></li>
+        {% for type in types %}
+            <li{% if request.GET.type == type.0 %} class="active"{% endif %}><a href="?type={{ type.0 }}">{{ type.0 }}</a></li>
+        {% endfor %}
+    </ul>
+  </div>
+  <div class="col-md-3">
+    <form action="" method="GET" id="network-record-list-form">
+      <div class="input-group">
+        <input type="text" id="network-record-list-input" name="s" class="form-control"
+        value="{{ request.GET.s }}" placeholder="{% trans "Search..." %}"/>
+        <span class="input-group-btn">
+          <button class="btn btn-primary"><i class="fa fa-search"></i></button>
+        </span>
+      </div>
+    </form>
+  </div>
+</div>
 
 <div class="table-responsive">
     {% render_table table %}

circle/network/templates/network/vlan-group-list.html

@@ -12,5 +12,21 @@
     <h1>{% trans "Vlan groups" %}</h1>
 </div>
 
-{% render_table table %}
+<div class="row">
+  <div class="col-md-3">
+    <form action="" method="GET" id="network-blacklist-list-form">
+      <div class="input-group">
+        <input type="text" id="network-blacklist-list-input" name="s" class="form-control"
+        value="{{ request.GET.s }}" placeholder="{% trans "Search..." %}"/>
+        <span class="input-group-btn">
+          <button class="btn btn-primary"><i class="fa fa-search"></i></button>
+        </span>
+      </div>
+    </form>
+  </div>
+</div>
+
+<div class="table-responsive">
+  {% render_table table %}
+</div>
 {% endblock %}

circle/network/templates/network/vlan-list.html

@@ -12,6 +12,20 @@
     <h1>Vlans <small>{% trans "list of all vlans" %}</small></h1>
 </div>
 
+<div class="row">
+  <div class="col-md-3">
+    <form action="" method="GET" id="network-vlan-list-form">
+      <div class="input-group">
+        <input type="text" id="network-vlan-list-input" name="s" class="form-control"
+        value="{{ request.GET.s }}" placeholder="{% trans "Search..." %}"/>
+        <span class="input-group-btn">
+          <button class="btn btn-primary"><i class="fa fa-search"></i></button>
+        </span>
+      </div>
+    </form>
+  </div>
+</div>
+
 <div class="table-responsive">
     {% render_table table %}
 </div>