From 8b37f8d0ffdbf6725305ae7b842e8e0a57d9843e Mon Sep 17 00:00:00 2001
From: Simon Rettberg
Date: Wed, 28 Oct 2020 16:14:52 +0100
Subject: [dnbd3] Add link to used image in client list

Clicking the folder icon next to a client will switch to the image list,
and highlight the according image.
---
 modules-available/dnbd3/templates/page-proxy-clients.html | 10 ++++++++--
 modules-available/dnbd3/templates/page-proxy-images.html  |  4 ++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/modules-available/dnbd3/templates/page-proxy-clients.html b/modules-available/dnbd3/templates/page-proxy-clients.html
index daf741e2..660b52eb 100644
--- a/modules-available/dnbd3/templates/page-proxy-clients.html
+++ b/modules-available/dnbd3/templates/page-proxy-clients.html
@@ -35,17 +35,23 @@
 			<table class="table table-condensed">
 				<tr>
 					<th>{{lang_client}}</th>
+					<th></th>
 					<th class="text-right">{{lang_bytesSent}}</th>
 				</tr>
 				{{#clients}}
 					<tr>
 						<td>
 							{{#isServer}}
-								<span class="glyphicon glyphicon-hdd" title="{{lang_isProxy}}"></span>
+							<span class="glyphicon glyphicon-hdd" title="{{lang_isProxy}}"></span>
 							{{/isServer}}
 							{{address}}
 						</td>
-						<td data-sort="int" data-sort-value="{{bytesSent}}" class="text-right">
+						<td class="slx-smallcol">
+							<a href="#tab-images" onclick="$('#img-table tr').removeClass('warning');$('#img-{{imageId}}').addClass('warning')[0].scrollIntoView()">
+								<span class="glyphicon glyphicon-folder-open"></span>
+							</a>
+						</td>
+						<td data-sort="int" data-sort-value="{{bytesSent}}" class="text-right text-nowrap slx-smallcol">
 							{{bytesSent_s}}
 						</td>
 					</tr>
diff --git a/modules-available/dnbd3/templates/page-proxy-images.html b/modules-available/dnbd3/templates/page-proxy-images.html
index b97a1820..7f4f0332 100644
--- a/modules-available/dnbd3/templates/page-proxy-images.html
+++ b/modules-available/dnbd3/templates/page-proxy-images.html
@@ -1,6 +1,6 @@
 <div role="tabpanel" class="tab-pane" id="tab-images">
 	<h2>{{lang_imageList}}</h2>
-	<table class="table table-condensed stupidtable">
+	<table id="img-table" class="table table-condensed stupidtable">
 		<thead>
 		<tr>
 			<th data-sort="string">{{lang_image}}</th>
@@ -13,7 +13,7 @@
 		</thead>
 		<tbody>
 		{{#images}}
-			<tr>
+			<tr id="img-{{id}}">
 				<td class="text-nowrap">
 					{{name}}:{{rid}}
 				</td>
-- 
cgit v1.2.3-55-g7522