Table gallery: manage hover caption

1 files changed, 15 insertions, 2 deletions

diff --git a/ishtar_common/static/js/ishtar.js b/ishtar_common/static/js/ishtar.js
index 18f83f155..9fb138ff2 100644
--- a/ishtar_common/static/js/ishtar.js
+++ b/ishtar_common/static/js/ishtar.js
@@ -998,6 +998,7 @@ var render_gallery = function(data_table, table_name, nb_select, gallery_id){
     html += '</select> ' + entries_msg + '</label>';
     html += "<div class='ishtar-gallery d-flex flex-wrap' id='" + gallery_id + "'>";
     var captions = '<div class="lightgallery-captions">';
+    var table_cols = data_table["table-cols"];
 
     $.each(data_table["rows"], function(idx, data){
         var thumb = "";
@@ -1020,8 +1021,20 @@ var render_gallery = function(data_table, table_name, nb_select, gallery_id){
         if ("name" in data){
             name = data["name"];
         }
-        var caption_id = 'lightgallery-' +  gallery_id +'-caption-' + data["id"];
-        html += '<div class="card m-2">';
+        var hover = "";
+        for (idx_tc in table_cols){
+            var key = table_cols[idx_tc];
+            if (idx_tc < 7 && key in data && data[key]){
+                if (idx_tc == 3 || idx_tc == 6){
+                    hover += "<br>";
+                } else if (hover){
+                    hover += " - ";
+                }
+                hover += data[key].replace(/"/g, '&quot;');
+            }
+        }
+        var caption_id = 'lightgallery-' + gallery_id +'-caption-' + data["id"];
+        html += '<div class="card m-2" data-toggle="tooltip" data-html="true" title="' + hover + '">';
         html += '<a data-sub-html="#'+ caption_id + '" class="thumb-image" href="' + image + '">';
         html += '<img class="card-img-top" src="' + thumb + '">';
         html += '</a>';