You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@impala.apache.org by he...@apache.org on 2016/10/18 06:00:54 UTC
[6/7] incubator-impala git commit: Add search / sort to HTML tables
for metrics and threads
Add search / sort to HTML tables for metrics and threads
Change-Id: If069ce6a9eae00bacaa30605d23bea72f29e5c4f
Reviewed-on: http://gerrit.cloudera.org:8080/4743
Tested-by: Internal Jenkins
Reviewed-by: Henry Robinson <he...@cloudera.com>
Project: http://git-wip-us.apache.org/repos/asf/incubator-impala/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-impala/commit/d0a2d1d4
Tree: http://git-wip-us.apache.org/repos/asf/incubator-impala/tree/d0a2d1d4
Diff: http://git-wip-us.apache.org/repos/asf/incubator-impala/diff/d0a2d1d4
Branch: refs/heads/master
Commit: d0a2d1d43da5ab8d4c1c06db3524458cb23a76bb
Parents: e3a0891
Author: Henry Robinson <he...@cloudera.com>
Authored: Mon Oct 17 17:05:05 2016 -0700
Committer: Henry Robinson <he...@cloudera.com>
Committed: Tue Oct 18 05:08:21 2016 +0000
----------------------------------------------------------------------
www/metric_group.tmpl | 62 ++++++++++++++++++++++++++++------------------
www/thread-group.tmpl | 44 +++++++++++++++++++++-----------
2 files changed, 67 insertions(+), 39 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-impala/blob/d0a2d1d4/www/metric_group.tmpl
----------------------------------------------------------------------
diff --git a/www/metric_group.tmpl b/www/metric_group.tmpl
index 82f5408..0cbfefe 100644
--- a/www/metric_group.tmpl
+++ b/www/metric_group.tmpl
@@ -19,33 +19,47 @@ under the License.
{{!Renders a metric group and all its children, one table each}}
<a id="{{name}}"><h3>{{name}}</h3></a>
-<table class='table table-bordered table-hover'>
- <tr>
- <th>Name</th>
- <th>Value</th>
- <th>Description</th>
- </tr>
+<table id ="{{name}}-tbl" class='table table-bordered table-hover'>
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ <th>Description</th>
+ </tr>
+ </thead>
+ <tbody>
{{#metrics}}
- <tr>
- <td><tt>{{name}}</tt></td>
- {{! Is this a stats metric? }}
- {{?mean}}
- <td>
- Last (of {{count}}): <strong>{{last}}</strong>.
- Min: {{min}}, max: {{max}}, avg: {{mean}}</td>
- {{/mean}}
- {{^mean}}
- <td>
- {{human_readable}}
- </td>
- {{/mean}}
- <td>
- {{description}}
- </td>
- </tr>
- {{/metrics}}
+ <tr>
+ <td><tt>{{name}}</tt></td>
+ {{! Is this a stats metric? }}
+ {{?mean}}
+ <td>
+ Last (of {{count}}): <strong>{{last}}</strong>.
+ Min: {{min}}, max: {{max}}, avg: {{mean}}</td>
+ {{/mean}}
+ {{^mean}}
+ <td>
+ {{human_readable}}
+ </td>
+ {{/mean}}
+ <td>
+ {{description}}
+ </td>
+ </tr>
+ {{/metrics}}
+ </tbody>
</table>
+<script>
+ $(document).ready(function() {
+ $('#{{name}}-tbl').DataTable({
+ "order": [[ 1, "desc" ]],
+ "pageLength": 100
+ });
+ });
+</script>
+
+
{{! Recurse into all child groups }}
{{#child_groups}}
{{>www/metric_group.tmpl}}
http://git-wip-us.apache.org/repos/asf/incubator-impala/blob/d0a2d1d4/www/thread-group.tmpl
----------------------------------------------------------------------
diff --git a/www/thread-group.tmpl b/www/thread-group.tmpl
index 90f6cd4..19730c6 100644
--- a/www/thread-group.tmpl
+++ b/www/thread-group.tmpl
@@ -20,21 +20,35 @@ under the License.
<h2>Thread Group: {{thread-group.category}}</h2>
-<table class='table table-hover table-border'>
- <tr>
- <th>Thread name</th>
- <th>Cumulative User CPU(s)</th>
- <th>Cumulative Kernel CPU(s)</th>
- <th>Cumulative IO-wait(s)</th>
- </tr>
- {{#threads}}
- <tr>
- <td>{{name}}</td>
- <td>{{user_ns}}</td>
- <td>{{kernel_ns}}</td>
- <td>{{iowait_ns}}</td>
- </tr>
- {{/threads}}
+<table id="{{thread-group.category}}-tbl" class='table table-hover table-bordered'
+ style='table-layout:fixed; word-wrap: break-word'>
+ <thead>
+ <tr>
+ <th>Thread name</th>
+ <th>Cumulative User CPU(s)</th>
+ <th>Cumulative Kernel CPU(s)</th>
+ <th>Cumulative IO-wait(s)</th>
+ </tr>
+ </thead>
+ <tbody>
+ {{#threads}}
+ <tr>
+ <td>{{name}}</td>
+ <td>{{user_ns}}</td>
+ <td>{{kernel_ns}}</td>
+ <td>{{iowait_ns}}</td>
+ </tr>
+ {{/threads}}
+ </tbody>
</table>
+<script>
+ $(document).ready(function() {
+ $('#{{thread-group.category}}-tbl').DataTable({
+ "order": [[ 1, "desc" ]],
+ "pageLength": 100
+ });
+ });
+</script>
+
{{> www/common-footer.tmpl}}