Fix run select-all checkbox when floating.

When the user scrolls past the table header, the header moves to float
at the top of the window so that the column headers are still visible.
The way this is implemented means that the logic for selecting all
checkboxes does not work when the header is floating (since it is no
longer a child of the table itself).

This commit fixes this by simply creating a unique element id for the
table and passing that around instead, which allows the checkboxes to be
found in all cases.

Change-Id: I9ff2cf0a22c485b2fc0d2a5cc0689819cf87201b

Author: georges-arm

lnt/server/ui/templates/v4_run.html

@@ -23,8 +23,8 @@
   <link href="{{ url_for('.static', filename='lnt_run.css') }}" rel="stylesheet" media="screen"/>
 
   <script type="text/javascript">
-  function selectAll(source) {
-    $(source).closest("table").find("input:checkbox").prop("checked", source.checked);
+  function selectAll(source, target) {
+    $(target).find("input:checkbox").prop("checked", source.checked);
   }
   </script>
 {% endblock %}
@@ -327,10 +327,10 @@ <h4>Parameters</h4>
       {% set unit_suffix = ' (%s)' % field.unit if field.unit else '' %}
       {% set title = field.display_name + unit_suffix %}
       {{ utils.render_popup_begin('test_data-' + field.name, title, false) }}
-      <table class="table table-striped table-hover table-condensed floating_header datatable">
+      <table class="table table-striped table-hover table-condensed floating_header datatable" id="run-data-{{ field.name }}">
         <thead>
           <tr>
-            <th rowspan="1" class="sorttable_nosort"><input type="checkbox" id="select-all-{{ field.name }}" onClick="selectAll(this)"/></th>
+            <th rowspan="1" class="sorttable_nosort"><input type="checkbox" id="select-all-{{ field.name }}" onClick="selectAll(this, '#run-data-{{ field.name }}')"/></th>
             <th rowspan="1">Name</th>
             {% if options.show_previous %}<th>Prev</th>{% endif %}
             <th>Current</th>