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 <[email protected]>
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 <[email protected]> Authored: Mon Oct 17 17:05:05 2016 -0700 Committer: Henry Robinson <[email protected]> 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}}
