[JENKINS-42359] Search box to filter jobs/agents (#35)

* Initial approach to filter job names Change-Id: I2e4fca42970154763ca79aa0034ee3840cb01bb3 * Filtering Agents and Jobs altogether Change-Id: I055ff4f1d0590b92531062343b18d7a3d32575e7
jenkinsci · Aug 15, 2017 · be509f7 · be509f7
1 parent 4637878
commit be509f7
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 1 deletion.
diff --git a/src/main/resources/org/jenkins/ci/plugins/jenkinslint/JenkinsLintAction/_table.css b/src/main/resources/org/jenkins/ci/plugins/jenkinslint/JenkinsLintAction/_table.css
@@ -0,0 +1,10 @@
+#filter-box {
+    background: white url('search.gif') no-repeat 2px center;
+    padding-left: 20px;
+    width: 15em;
+}
+
+#filter-container {
+    margin: 1em;
+    text-align: right;
+}
diff --git a/src/main/resources/org/jenkins/ci/plugins/jenkinslint/JenkinsLintAction/_table.js b/src/main/resources/org/jenkins/ci/plugins/jenkinslint/JenkinsLintAction/_table.js
@@ -0,0 +1,29 @@
+Behaviour.specify("#filter-box", '_table', 0, function(e) {
+      function applyFilter() {
+          var filter = e.value.toLowerCase();
+          ["jenkinsLintTable","jenkinsSlaveTable"].each(function(clz) {
+              // Declare variables
+              var input, filter, table, tr, td, i;
+              input = document.getElementById("filter-box");
+              filter = input.value.toUpperCase();
+              table = document.getElementById(clz);
+              tr = table.getElementsByTagName("tr");
+
+              // Loop through all table rows, and hide those who don't match the search query
+              for (i = 0; i < tr.length; i++) {
+                td = tr[i].getElementsByTagName("td")[0];
+                if (td) {
+                  if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
+                    tr[i].style.display = "";
+                  } else {
+                    tr[i].style.display = "none";
+                  }
+                }
+              }
+          });
+
+          layoutUpdateCallback.call();
+      }
+
+      e.onkeyup = applyFilter;
+});
diff --git a/src/main/resources/org/jenkins/ci/plugins/jenkinslint/JenkinsLintAction/index.jelly b/src/main/resources/org/jenkins/ci/plugins/jenkinslint/JenkinsLintAction/index.jelly
@@ -1,5 +1,5 @@
 <?jelly escape-by-default='true'?>
-<j:jelly xmlns:j="jelly:core" xmlns:l="/lib/layout">
+<j:jelly xmlns:j="jelly:core" xmlns:l="/lib/layout" xmlns:st="jelly:stapler">
   <j:getStatic var="permission" className="hudson.model.Item" field="CREATE"/>
   <l:layout norefresh="true" permission="${permission}" title="${%Jenkins.Lint.Title}">
     <l:side-panel>
@@ -24,10 +24,16 @@
         <j:set var="data" value="${it.data}"/>
         <h1>${%Jenkins.Lint.Title}</h1>
         <j:if test="${(filter == null) or (filter == 'job')}">
+
             <h4>${%Jenkins.Lint.Description}</h4>
             ${%Jenkins.Lint.Description.1}
             ${%Jenkins.Lint.Description.2}
             <br/>
+            <st:adjunct includes="org.jenkins.ci.plugins.jenkinslint.JenkinsLintAction._table"/>
+            <div id="filter-container">
+                ${%Filter}:
+                <input type="text" id="filter-box" />
+            </div>
             <table class="sortable pane bigtable" id="jenkinsLintTable">
                 <thead>
                   <tr>

diff --git a/src/main/resources/org/jenkins/ci/plugins/jenkinslint/JenkinsLintAction/search.gif b/src/main/resources/org/jenkins/ci/plugins/jenkinslint/JenkinsLintAction/search.gif