From dea102b864b97ef5ed944298ca0879ccd117ee07 Mon Sep 17 00:00:00 2001
From: Simon Rettberg
Date: Fri, 30 Oct 2020 14:32:39 +0100
Subject: [dnbd3] Link from image list to client list

---
 modules-available/dnbd3/templates/page-proxy-images.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'modules-available/dnbd3/templates/page-proxy-images.html')

diff --git a/modules-available/dnbd3/templates/page-proxy-images.html b/modules-available/dnbd3/templates/page-proxy-images.html
index 7f4f0332..e7fc2b3c 100644
--- a/modules-available/dnbd3/templates/page-proxy-images.html
+++ b/modules-available/dnbd3/templates/page-proxy-images.html
@@ -13,12 +13,12 @@
 		</thead>
 		<tbody>
 		{{#images}}
-			<tr id="img-{{id}}">
+			<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" data-sort-value="{{size}}">
 					{{size_s}}
@@ -119,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>
-- 
cgit v1.2.3-55-g7522