From 5613cc8a0cb705118da794ac8e7f3ea06e910b61 Mon Sep 17 00:00:00 2001
From: Simon Rettberg
Date: Thu, 27 Aug 2020 15:04:27 +0200
Subject: [dnbd3] Make poxy image list sortable (stupidtable)

---
 modules-available/dnbd3/page.inc.php               |  1 +
 .../dnbd3/templates/page-proxy-images.html         | 22 +++++++++++++---------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/modules-available/dnbd3/page.inc.php b/modules-available/dnbd3/page.inc.php
index 5cb1c74b..96f72c3b 100644
--- a/modules-available/dnbd3/page.inc.php
+++ b/modules-available/dnbd3/page.inc.php
@@ -253,6 +253,7 @@ class Page_Dnbd3 extends Page
 	private function showProxyDetails()
 	{
 		User::assertPermission('view.details');
+		Module::isAvailable('js_stupidtable');
 		$server = $this->getServerById();
 		Render::addTemplate('page-proxy-header', $server);
 		$stats = Dnbd3Rpc::query($server['ip'], true, true, true, true, true, true);
diff --git a/modules-available/dnbd3/templates/page-proxy-images.html b/modules-available/dnbd3/templates/page-proxy-images.html
index 54c18497..b97a1820 100644
--- a/modules-available/dnbd3/templates/page-proxy-images.html
+++ b/modules-available/dnbd3/templates/page-proxy-images.html
@@ -1,14 +1,17 @@
 <div role="tabpanel" class="tab-pane" id="tab-images">
 	<h2>{{lang_imageList}}</h2>
-	<table class="table table-condensed">
+	<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">{{lang_clients}}</th>
+			<th class="text-right slx-smallcol" data-sort="int">{{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">
@@ -17,13 +20,13 @@
 				<td class="text-right text-nowrap">
 					{{users}}
 				</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}}&thinsp;%</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>
 
-- 
cgit v1.2.3-55-g7522