From 6d6b9fe5b95f3728f8e2bf3df1810dfd7a48e7f3 Mon Sep 17 00:00:00 2001
From: Daniel Barbero Martin <daniel.barbero@artica.es>
Date: Thu, 18 Mar 2021 17:32:21 +0100
Subject: [PATCH] fixed visuals errors black theme

---
 .../include/styles/visual_maps.css            | 154 ++++++++++++++++++
 .../operation/visual_console/view.php         |  71 ++++++--
 2 files changed, 208 insertions(+), 17 deletions(-)

diff --git a/pandora_console/include/styles/visual_maps.css b/pandora_console/include/styles/visual_maps.css
index 0e65ef8db4..88d4a21ae1 100644
--- a/pandora_console/include/styles/visual_maps.css
+++ b/pandora_console/include/styles/visual_maps.css
@@ -125,12 +125,26 @@ input.delete_min {
 input.delete_min[disabled] {
   background: url(../../images/cross.disabled.png) no-repeat center;
 }
+input.delete_min_white {
+  background: url(../../images/cross.disabled.png) no-repeat center;
+}
+input.delete_min_white[disabled] {
+  background: url(../../images/cross.png) no-repeat center;
+}
+
 input.graph_min {
   background: url(../../images/chart_curve.png) no-repeat center;
 }
 input.graph_min[disabled] {
   background: url(../../images/chart_curve.disabled.png) no-repeat center;
 }
+input.graph_min_white {
+  background: url(../../images/chart_curve.disabled.png) no-repeat center;
+}
+input.graph_min_white[disabled] {
+  background: url(../../images/chart_curve.png) no-repeat center;
+}
+
 input.bars_graph_min {
   background: url(../../images/icono-barras-arriba.png) no-repeat center;
 }
@@ -138,120 +152,260 @@ input.bars_graph_min[disabled] {
   background: url(../../images/icono-barras-arriba.disabled.png) no-repeat
     center;
 }
+input.bars_graph_min_white {
+  background: url(../../images/icono-barras-arriba.disabled.png) no-repeat
+    center;
+}
+input.bars_graph_min_white[disabled] {
+  background: url(../../images/icono-barras-arriba.png) no-repeat center;
+}
+
 input.percentile_min {
   background: url(../../images/chart_bar.png) no-repeat center;
 }
 input.percentile_min[disabled] {
   background: url(../../images/chart_bar.disabled.png) no-repeat center;
 }
+input.percentile_min_white {
+  background: url(../../images/chart_bar.disabled.png) no-repeat center;
+}
+input.percentile_min_white[disabled] {
+  background: url(../../images/chart_bar.png) no-repeat center;
+}
+
 input.percentile_item_min {
   background: url(../../images/percentile_item.png) no-repeat center;
 }
 input.percentile_item_min[disabled] {
   background: url(../../images/percentile_item.disabled.png) no-repeat center;
 }
+input.percentile_item_min_white {
+  background: url(../../images/percentile_item.disabled.png) no-repeat center;
+}
+input.percentile_item_min_white[disabled] {
+  background: url(../../images/percentile_item.png) no-repeat center;
+}
+
 input.auto_sla_graph_min {
   background: url(../../images/auto_sla_graph.png) no-repeat center;
 }
 input.auto_sla_graph_min[disabled] {
   background: url(../../images/auto_sla_graph.disabled.png) no-repeat center;
 }
+input.auto_sla_graph_min_white {
+  background: url(../../images/auto_sla_graph.disabled.png) no-repeat center;
+}
+input.auto_sla_graph_min_white[disabled] {
+  background: url(../../images/auto_sla_graph.png) no-repeat center;
+}
+
 input.donut_graph_min {
   background: url(../../images/icono-quesito.png) no-repeat center;
 }
 input.donut_graph_min[disabled] {
   background: url(../../images/icono-quesito.disabled.png) no-repeat center;
 }
+input.donut_graph_min_white {
+  background: url(../../images/icono-quesito.disabled.png) no-repeat center;
+}
+input.donut_graph_min_white[disabled] {
+  background: url(../../images/icono-quesito.png) no-repeat center;
+}
+
 input.binary_min {
   background: url(../../images/binary.png) no-repeat center;
 }
 input.binary_min[disabled] {
   background: url(../../images/binary.disabled.png) no-repeat center;
 }
+input.binary_min_white {
+  background: url(../../images/binary.disabled.png) no-repeat center;
+}
+input.binary_min_white[disabled] {
+  background: url(../../images/binary.png) no-repeat center;
+}
+
 input.camera_min {
   background: url(../../images/camera.png) no-repeat center;
 }
 input.camera_min[disabled] {
   background: url(../../images/camera.disabled.png) no-repeat center;
 }
+input.camera_min_white {
+  background: url(../../images/camera.disabled.png) no-repeat center;
+}
+input.camera_min_white[disabled] {
+  background: url(../../images/camera.png) no-repeat center;
+}
+
 input.config_min {
   background: url(../../images/config.png) no-repeat center;
 }
 input.config_min[disabled] {
   background: url(../../images/config.disabled.png) no-repeat center;
 }
+input.config_min_white {
+  background: url(../../images/config.disabled.png) no-repeat center;
+}
+input.config_min_white[disabled] {
+  background: url(../../images/config.png) no-repeat center;
+}
+
 input.label_min {
   background: url(../../images/tag_red.png) no-repeat center;
 }
 input.label_min[disabled] {
   background: url(../../images/tag_red.disabled.png) no-repeat center;
 }
+input.label_min_white {
+  background: url(../../images/tag_red.disabled.png) no-repeat center;
+}
+input.label_min_white[disabled] {
+  background: url(../../images/tag_red.png) no-repeat center;
+}
+
 input.icon_min {
   background: url(../../images/photo.png) no-repeat center;
 }
 input.icon_min[disabled] {
   background: url(../../images/photo.disabled.png) no-repeat center;
 }
+input.icon_min_white {
+  background: url(../../images/photo.disabled.png) no-repeat center;
+}
+input.icon_min_white[disabled] {
+  background: url(../../images/photo.png) no-repeat center;
+}
+
 input.clock_min {
   background: url(../../images/clock-tab.png) no-repeat center;
 }
 input.clock_min[disabled] {
   background: url(../../images/clock-tab.disabled.png) no-repeat center;
 }
+input.clock_min_white {
+  background: url(../../images/clock-tab.disabled.png) no-repeat center;
+}
+input.clock_min_white[disabled] {
+  background: url(../../images/clock-tab.png) no-repeat center;
+}
+
 input.box_item {
   background: url(../../images/box_item.png) no-repeat center;
 }
 input.box_item[disabled] {
   background: url(../../images/box_item.disabled.png) no-repeat center;
 }
+input.box_item_white {
+  background: url(../../images/box_item.disabled.png) no-repeat center;
+}
+input.box_item_white[disabled] {
+  background: url(../../images/box_item.png) no-repeat center;
+}
+
 input.line_item {
   background: url(../../images/line_item.png) no-repeat center;
 }
 input.line_item[disabled] {
   background: url(../../images/line_item.disabled.png) no-repeat center;
 }
+input.line_item_white {
+  background: url(../../images/line_item.disabled.png) no-repeat center;
+}
+input.line_item_white[disabled] {
+  background: url(../../images/line_item.png) no-repeat center;
+}
+
 input.copy_item {
   background: url(../../images/copy_visualmap.png) no-repeat center;
 }
 input.copy_item[disabled] {
   background: url(../../images/copy_visualmap.disabled.png) no-repeat center;
 }
+input.copy_item_white {
+  background: url(../../images/copy_visualmap.disabled.png) no-repeat center;
+}
+input.copy_item_white[disabled] {
+  background: url(../../images/copy_visualmap.png) no-repeat center;
+}
+
 input.grid_min {
   background: url(../../images/grid.png) no-repeat center;
 }
 input.grid_min[disabled] {
   background: url(../../images/grid.disabled.png) no-repeat center;
 }
+input.grid_min_white {
+  background: url(../../images/grid.disabled.png) no-repeat center;
+}
+input.grid_min_white[disabled] {
+  background: url(../../images/grid.png) no-repeat center;
+}
+
 input.save_min {
   background: url(../../images/file.png) no-repeat center;
 }
 input.save_min[disabled] {
   background: url(../../images/file.disabled.png) no-repeat center;
 }
+input.save_min_white {
+  background: url(../../images/file.disabled.png) no-repeat center;
+}
+input.save_min_white[disabled] {
+  background: url(../../images/file.png) no-repeat center;
+}
+
 input.service_min {
   background: url(../../images/box.png) no-repeat center;
 }
 input.service_min[disabled] {
   background: url(../../images/box.disabled.png) no-repeat center;
 }
+input.service_min_white {
+  background: url(../../images/box.disabled.png) no-repeat center;
+}
+input.service_min_white[disabled] {
+  background: url(../../images/box.png) no-repeat center;
+}
+
 input.network_link_min {
   background: url(../../images/network_link_item.png) no-repeat center;
 }
 input.network_link_min[disabled] {
   background: url(../../images/network_link_item.disabled.png) no-repeat center;
 }
+input.network_link_min_white {
+  background: url(../../images/network_link_item.disabled.png) no-repeat center;
+}
+input.network_link_min_white[disabled] {
+  background: url(../../images/network_link_item.png) no-repeat center;
+}
+
 input.group_item_min {
   background: url(../../images/group_green.png) no-repeat center;
 }
 input.group_item_min[disabled] {
   background: url(../../images/group_green.disabled.png) no-repeat center;
 }
+input.group_item_min_white {
+  background: url(../../images/group_green.disabled.png) no-repeat center;
+}
+input.group_item_min_white[disabled] {
+  background: url(../../images/group_green.png) no-repeat center;
+}
+
 input.color_cloud_min {
   background: url(../../images/color_cloud_item.png) no-repeat center;
 }
 input.color_cloud_min[disabled] {
   background: url(../../images/color_cloud_item.disabled.png) no-repeat center;
 }
+input.color_cloud_min_white {
+  background: url(../../images/color_cloud_item.disabled.png) no-repeat center;
+}
+input.color_cloud_min_white[disabled] {
+  background: url(../../images/color_cloud_item.png) no-repeat center;
+}
 
 div#cont {
   position: fixed;
diff --git a/pandora_console/operation/visual_console/view.php b/pandora_console/operation/visual_console/view.php
index 1360d5fd60..3da1eece26 100644
--- a/pandora_console/operation/visual_console/view.php
+++ b/pandora_console/operation/visual_console/view.php
@@ -235,80 +235,117 @@ if ($pure === false) {
         echo '<div id ="edit-vc">';
         echo '<div id ="edit-controls" class="visual-console-edit-controls" style="visibility:hidden">';
         echo '<div>';
+        $class_camera = 'camera_min link-create-item';
+        $class_percentile = 'percentile_item_min link-create-item';
+        $class_module_graph = 'graph_min link-create-item';
+        $class_donut = 'donut_graph_min link-create-item';
+        $class_bars = 'bars_graph_min link-create-item';
+        $class_value = 'binary_min link-create-item';
+        $class_sla = 'auto_sla_graph_min link-create-item';
+        $class_label = 'label_min link-create-item';
+        $class_icon = 'icon_min link-create-item';
+        $class_clock = 'clock_min link-create-item';
+        $class_group = 'group_item_min link-create-item';
+        $class_box = 'box_item link-create-item';
+        $class_line = 'line_item link-create-item';
+        $class_cloud = 'color_cloud_min link-create-item';
+        $class_nlink = 'network_link_min link-create-item';
+        $class_delete = 'delete_item delete_min';
+        $class_copy = 'copy_item';
+        if ($config['style'] === 'pandora_black') {
+            $class_camera = 'camera_min_white link-create-item';
+            $class_percentile = 'percentile_item_min_white link-create-item';
+            $class_module_graph = 'graph_min_white link-create-item';
+            $class_donut = 'donut_graph_min_white link-create-item';
+            $class_bars = 'bars_graph_min_white link-create-item';
+            $class_value = 'binary_min_white link-create-item';
+            $class_sla = 'auto_sla_graph_min_white link-create-item';
+            $class_label = 'label_min_white link-create-item';
+            $class_icon = 'icon_min_white link-create-item';
+            $class_clock = 'clock_min_white link-create-item';
+            $class_group = 'group_item_min_white link-create-item';
+            $class_box = 'box_item_white link-create-item';
+            $class_line = 'line_item_white link-create-item';
+            $class_cloud = 'color_cloud_min_white link-create-item';
+            $class_nlink = 'network_link_min_white link-create-item';
+            $class_delete = 'delete_item_white delete_min_white';
+            $class_copy = 'copy_item_white';
+        }
+
         visual_map_print_button_editor_refactor(
             'STATIC_GRAPH',
             __('Static Image'),
-            'camera_min link-create-item'
+            $class_camera
         );
         visual_map_print_button_editor_refactor(
             'PERCENTILE_BAR',
             __('Percentile Item'),
-            'percentile_item_min link-create-item'
+            $class_percentile
         );
         visual_map_print_button_editor_refactor(
             'MODULE_GRAPH',
             __('Module Graph'),
-            'graph_min link-create-item'
+            $class_module_graph
         );
         visual_map_print_button_editor_refactor(
             'DONUT_GRAPH',
             __('Serialized pie graph'),
-            'donut_graph_min link-create-item'
+            $class_donut
         );
         visual_map_print_button_editor_refactor(
             'BARS_GRAPH',
             __('Bars Graph'),
-            'bars_graph_min link-create-item'
+            $class_bars
         );
         visual_map_print_button_editor_refactor(
             'AUTO_SLA_GRAPH',
             __('Event history graph'),
-            'auto_sla_graph_min link-create-item'
+            $class_sla
         );
         visual_map_print_button_editor_refactor(
             'SIMPLE_VALUE',
             __('Simple Value'),
-            'binary_min link-create-item'
+            $class_value
         );
         visual_map_print_button_editor_refactor(
             'LABEL',
             __('Label'),
-            'label_min link-create-item'
+            $class_label
         );
         visual_map_print_button_editor_refactor(
             'ICON',
             __('Icon'),
-            'icon_min link-create-item'
+            $class_icon
         );
         visual_map_print_button_editor_refactor(
             'CLOCK',
             __('Clock'),
-            'clock_min link-create-item'
+            $class_clock
         );
         visual_map_print_button_editor_refactor(
             'GROUP_ITEM',
             __('Group'),
-            'group_item_min link-create-item'
+            $class_group
         );
         visual_map_print_button_editor_refactor(
             'BOX_ITEM',
             __('Box'),
-            'box_item link-create-item'
+            $class_box
         );
         visual_map_print_button_editor_refactor(
             'LINE_ITEM',
             __('Line'),
-            'line_item link-create-item'
+            $class_line
         );
         visual_map_print_button_editor_refactor(
             'COLOR_CLOUD',
             __('Color cloud'),
-            'color_cloud_min link-create-item'
+            $class_cloud
         );
         visual_map_print_button_editor_refactor(
             'NETWORK_LINK',
             __('Network link'),
-            'network_link_min link-create-item'
+            $class_nlink
         );
         enterprise_include_once('include/functions_visual_map_editor.php');
         enterprise_hook(
@@ -319,13 +356,13 @@ if ($pure === false) {
             visual_map_print_button_editor_refactor(
                 'button_delete',
                 __('Delete Item'),
-                'delete_item delete_min',
+                $class_delete,
                 true
             );
             visual_map_print_button_editor_refactor(
                 'button_copy',
                 __('Copy Item'),
-                'copy_item',
+                $class_copy,
                 true
             );
         echo '</div>';