From 720e8ce49c5e61516a2fafed9bf218c28044fdd9 Mon Sep 17 00:00:00 2001
From: Pablo Aragon <pablo.aragon@pandorafms.com>
Date: Wed, 20 Mar 2024 15:56:54 +0100
Subject: [PATCH] 13100-Fix size image preview VC

---
 .../visual_console_builder.wizard.php         | 20 +++++++++++++++++++
 pandora_console/include/styles/pandora.css    |  5 +++++
 2 files changed, 25 insertions(+)

diff --git a/pandora_console/godmode/reporting/visual_console_builder.wizard.php b/pandora_console/godmode/reporting/visual_console_builder.wizard.php
index 6a54b2c049..9e2978f97a 100644
--- a/pandora_console/godmode/reporting/visual_console_builder.wizard.php
+++ b/pandora_console/godmode/reporting/visual_console_builder.wizard.php
@@ -625,6 +625,8 @@ echo '</form>';
 echo '<span id="any_text"     class="invisible">'.__('None').'</span>';
 echo '<span id="none_text"    class="invisible">'.__('None').'</span>';
 echo '<span id="loading_text" class="invisible">'.__('Loading...').'</span>';
+
+echo '<div id="cv-preview-img" title="'.__('Image preview').'"><center><img /></center></div>';
 ?>
 <script type="text/javascript">
 
@@ -907,6 +909,24 @@ $('#image').on('change', function(){
     $('#image_prev').html('<img src="<?php echo $config['homeurl']; ?>/images/console/icons/'+img+'.png">');
 })
 
+$('#wizard_table span#image_prev').click(function (e) {
+    e.preventDefault();
+    const src = $('#wizard_table span#image_prev img').attr('src');
+
+    $("#cv-preview-img img").attr('src', src);
+    $("#cv-preview-img").dialog({
+        resizable: true,
+        draggable: true,
+        modal: true,
+        width: 'auto',
+        clickOutside: true,
+        overlay: {
+            opacity: 0.5,
+            background: "black"
+        }
+    });
+});
+
 </script>
 <style type="text/css">
     select[name='kind_relationship'] option[disabled='disabled'] {
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index 72221434db..77544e64e5 100644
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -13804,3 +13804,8 @@ button.disabled {
   margin-top: 10px;
   padding-top: 15px;
 }
+
+#wizard_table span#image_prev img {
+  height: 48px;
+  cursor: pointer;
+}