webui: introduce search filters for each column on the clients table

bareos · Mar 11, 2020 · 41b65b4 · 41b65b4
1 parent f83e518
commit 41b65b4
Showing 1 changed file with 33 additions and 8 deletions.
diff --git a/webui/module/Client/view/client/client/index.phtml b/webui/module/Client/view/client/client/index.phtml
@@ -47,16 +47,39 @@ $this->headTitle($title);
 
 <div class="panel-body">
 
-<table class="table table-no-bordered table-hover" id="clients">
+<table
+   class="table table-no-bordered table-hover"
+   id="clients"
+   data-filter-control="true">
 
 <thead class="bg-primary">
-   <th><?php echo $this->translate("Name"); ?></th>
-   <th><?php echo $this->translate("Version"); ?></th>
-   <th></th>
-   <th><?php echo $this->translate("Status"); ?></th>
-   <th><?php echo $this->translate("Actions"); ?></th>
-   <th></th>
-   <th></th>
+   <th
+      data-field="name"
+      data-filter-control="input"
+      data-filter-control-placeholder="<?php echo $this->translate("Name"); ?>">
+      <?php echo $this->translate("Name"); ?>
+   </th>
+   <th
+      data-field="uname"
+      data-filter-control="input"
+      data-filter-control-placeholder="<?php echo $this->translate("OS"); ?>">
+      <?php echo $this->translate("OS"); ?>
+   </th>
+   <th
+      data-field="hf-1"
+      data-filter-control="input"
+      data-filter-control-placeholder="<?php echo $this->translate("Version"); ?>">
+      <?php echo $this->translate("Version"); ?>
+   </th>
+   <th
+      data-field="enabled"
+      data-filter-control="input"
+      data-filter-control-placeholder="<?php echo $this->translate("Status"); ?>">
+      <?php echo $this->translate("Status"); ?>
+   </th>
+   <th>
+      <?php echo $this->translate("Actions"); ?>
+   </th>
 </thead>
 
 </table>
@@ -68,7 +91,9 @@ $this->headTitle($title);
 
 <?php
    echo $this->headScript()->prependFile($this->basePath() . '/js/custom-functions.js');
+   echo $this->headLink()->prependStylesheet($this->basePath() . '/css/bootstrap-table-filter-control.min.css');
    echo $this->headLink()->prependStylesheet($this->basePath() . '/css/bootstrap-table.min.css');
+   echo $this->headScript()->prependFile($this->basePath() . '/js/bootstrap-table-filter-control.min.js');
    echo $this->headScript()->prependFile($this->basePath() . '/js/bootstrap-table-locale-all.min.js');
    echo $this->headScript()->prependFile($this->basePath() . '/js/bootstrap-table-cookie.min.js');
    echo $this->headScript()->prependFile($this->basePath() . '/js/bootstrap-table.min.js');