diff options
Diffstat (limited to 'modules-available/dnbd3/templates/page-proxy-images.html')
| -rw-r--r-- | modules-available/dnbd3/templates/page-proxy-images.html | 30 |
1 files changed, 20 insertions, 10 deletions
diff --git a/modules-available/dnbd3/templates/page-proxy-images.html b/modules-available/dnbd3/templates/page-proxy-images.html index 54c18497..0dd06801 100644 --- a/modules-available/dnbd3/templates/page-proxy-images.html +++ b/modules-available/dnbd3/templates/page-proxy-images.html @@ -1,29 +1,32 @@ <div role="tabpanel" class="tab-pane" id="tab-images"> <h2>{{lang_imageList}}</h2> - <table class="table table-condensed"> + <table id="img-table" class="table table-condensed stupidtable"> + <thead> <tr> - <th>{{lang_image}}</th> - <th class="text-right slx-smallcol">{{lang_clients}}</th> - <th class="text-right slx-smallcol">{{lang_size}}</th> - <th class="text-right slx-smallcol">{{lang_complete}}</th> - <th class="text-right slx-smallcol">{{lang_unusedFor}}</th> - <th class="slx-smallcol">{{lang_uplink}}</th> + <th data-sort="string">{{lang_image}}</th> + <th class="text-right slx-smallcol" data-sort="int" data-sort-default="desc">{{lang_clients}}</th> + <th class="text-right slx-smallcol" data-sort="int" data-sort-default="desc">{{lang_size}}</th> + <th class="text-right slx-smallcol" data-sort="int">{{lang_complete}}</th> + <th class="text-right slx-smallcol" data-sort="int">{{lang_unusedFor}}</th> + <th class="slx-smallcol" data-sort="string">{{lang_uplink}}</th> </tr> + </thead> + <tbody> {{#images}} <tr> <td class="text-nowrap"> {{name}}:{{rid}} </td> <td class="text-right text-nowrap"> - {{users}} + <a href="#tab-clients" class="show-clients" data-image-id="{{id}}">{{users}}</a> </td> - <td class="text-right text-nowrap"> + <td class="text-right text-nowrap" data-sort-value="{{size}}"> {{size_s}} </td> <td class="text-right text-nowrap"> <a data-imgid="{{id}}" class="cache-map" href="#">{{complete}} %</a> </td> - <td class="text-right text-nowrap"> + <td class="text-right text-nowrap" data-sort-value="{{idle}}"> {{idle_s}} </td> <td class="text-nowrap"> @@ -31,6 +34,7 @@ </td> </tr> {{/images}} + </tbody> </table> </div> @@ -115,5 +119,11 @@ }; xhr.send(); }); + $('.show-clients').click(function () { + $('#img-table tr').removeClass('warning'); + $('#client-table tr').removeClass('warning'); + var x = $('#client-table a[data-image-id=' + $(this).data('image-id') + ']').closest('tr').addClass('warning')[0]; + setTimeout(function() { if (x.scrollIntoViewIfNeeded) x.scrollIntoViewIfNeeded(true); else x.scrollIntoView({block: "center"}) }, 10); + }); }); </script> |