Working in the new elements for the visualmap. Ticket #1478

pandora_console/godmode/reporting/visual_console_builder.editor.js

@@ -130,6 +130,11 @@ function update_button_palette_callback() {
 			idElement = 0;
 			break;
 		case 'box_item':
+			$("#" + idItem + " div").css('background-color', values['fill_color']);
+			$("#" + idItem + " div").css('border-color', values['border_color']);
+			$("#" + idItem + " div").css('border-width', values['border_width'] + "px");
+			$("#" + idItem + " div").css('height', values['height_box'] + "px");
+			$("#" + idItem + " div").css('width', values['width_box'] + "px");
 			break;
 		case 'group_item':
 		case 'static_graph':
@@ -624,12 +629,18 @@ function loadFieldsFromDB(item) {
 						$("input[name='width_box']").val(val);
 					if (key == 'height_box')
 						$("input[name='height_box']").val(val);
-					if (key == 'border_color')
+					if (key == 'border_color') {
 						$("input[name='border_color']").val(val);
+						$("#border_color_row .ColorPickerDivSample")
+							.css('background-color', val);
+					}
 					if (key == 'border_width')
 						$("input[name='border_width']").val(val);
-					if (key == 'fill_color')
+					if (key == 'fill_color') {
 						$("input[name='fill_color']").val(val);
+						$("#fill_color_row .ColorPickerDivSample")
+							.css('background-color', val);
+					}
 				});
 				
 				if (data.type == 1) {
@@ -1191,6 +1202,29 @@ function createItem(type, values, id_data) {
 	
 	switch (type) {
 		case 'box_item':
+			item = $('<div id="' + id_data + '" '
+				+ 'class="item box_item" '
+				+ 'style="text-align: center; '
+					+ 'position: absolute; ' 
+					+ 'display: inline-block; '
+					+ 'z-index: 1; '
+					+ 'top: ' + values['top'] + 'px; '
+					+ 'left: ' + values['left'] + 'px;">'
+					+ '<div '
+					+ 'style=" ' 
+					+ 'width: ' + values['width_box'] + 'px;'
+					+ 'height: ' + values['height_box'] + 'px;'
+					+ 'border-style: solid;'
+					+ 'border-width: ' + values['border_width'] + 'px;'
+					+ 'border-color: ' + values['border_color'] + ';'
+					+ 'background-color: ' + values['fill_color'] + ';'
+					+ '">'
+					+ '</div>'
+				+ '</div>'
+				+ '<input id="hidden-status_' + id_data + '" '
+					+ 'type="hidden" value="' + element_status + '" '
+					+ 'name="status_' + id_data + '">'
+			);
 			break;
 		case 'group_item':
 		case 'static_graph':
@@ -1359,7 +1393,8 @@ function createItem(type, values, id_data) {
 	}
 	
 	$("#background").append(item);
-	$(".item").css('z-index', '1');
+	$(".item").css('z-index', '2');
+	$(".box_item").css('z-index', '1');
 	
 	if (values['parent'] != 0) {
 		var line = {"id": id_data,
@@ -1434,9 +1469,15 @@ function updateDB_visual(type, idElement , values, event, top, left) {
 				&& (event != 'dragstop')) {
 				var element_status= null;
 				var parameter = Array();
-				parameter.push ({name: "page", value: "include/ajax/visual_console_builder.ajax"});
+				parameter.push ({
-				parameter.push ({name: "get_element_status", value: "1"});
+					name: "page",
-				parameter.push ({name: "id_element", value: idElement});
+					value: "include/ajax/visual_console_builder.ajax"});
+				parameter.push ({
+					name: "get_element_status",
+					value: "1"});
+				parameter.push ({
+					name: "id_element",
+					value: idElement});
 				
 				if (metaconsole != 0) {
 					parameter.push ({name: "metaconsole", value: 1});

pandora_console/include/ajax/visual_console_builder.ajax.php

@@ -389,6 +389,14 @@ switch ($action) {
 					$values['id_layout_linked'] = $map_linked;
 				}
 				switch($type) {
+					case 'box_item':
+						$values['border_width'] = $border_width;
+						$values['border_color'] = $border_color;
+						$values['fill_color'] = $fill_color;
+						$values['period'] = $period;
+						$values['width'] = $width_box;
+						$values['height'] = $height_box;
+						break;
 					case 'group_item':
 						$values['id_group'] = $id_group;
 						break;
@@ -454,8 +462,18 @@ switch ($action) {
 					// Don't change the label because only change the positions
 					unset($values['label']);
 					// Don't change background color in graphs when move
-					if ($type == 'module_graph') {
+					
+					switch($type) {
+						case 'module_graph':
 							unset($values['image']);
+							break;
+						case 'box_item':
+							unset($values['border_width']);
+							unset($values['border_color']);
+							unset($values['fill_color']);
+							unset($values['period']);
+							unset($values['width']);
+							unset($values['height']);
 					}
 				}
 				
@@ -471,9 +489,13 @@ switch ($action) {
 	case 'load':
 		switch ($type) {
 			case 'background':
-				$backgroundFields = db_get_row_filter('tlayout', array('id' => $id_visual_console), array('background', 'height', 'width'));
+				$backgroundFields = db_get_row_filter(
+					'tlayout',
+					array('id' => $id_visual_console),
+					array('background', 'height', 'width'));
 				echo json_encode($backgroundFields);
 				break;
+			case 'box_item':
 			case 'percentile_bar':
 			case 'percentile_item':
 			case 'static_graph':
@@ -556,6 +578,13 @@ switch ($action) {
 						$elementFields['width_module_graph'] = $elementFields['width'];
 						$elementFields['height_module_graph'] = $elementFields['height'];
 						break;
+					case 'box_item':
+						$elementFields['width_box'] = $elementFields['width'];
+						$elementFields['height_box'] = $elementFields['height'];
+						$elementFields['border_color'] = $elementFields['border_color'];
+						$elementFields['border_width'] = $elementFields['border_width'];
+						$elementFields['fill_color'] = $elementFields['fill_color'];
+						break;
 					
 				}
 				//Support for max, min and svg process on simple value items
@@ -726,9 +755,14 @@ switch ($action) {
 			$return['id_data'] = $idData;
 			$return['text'] = $text;
 			$return['type'] = visual_map_type_in_js($values['type']);
-		}
 			
-		html_debug_print($return, true);
+			switch ($values['type']) {
+				case BOX_ITEM:
+					$return['values']['width_box'] = $values['width'];
+					$return['values']['height_box'] = $values['height'];
+					break;
+			}
+		}
 		
 		echo json_encode($return);
 		break;

pandora_console/include/functions_visual_map.php

@@ -2030,6 +2030,9 @@ function visual_map_type_in_js($type) {
 		case GROUP_ITEM:
 			return 'group_item';
 		break;
+		case BOX_ITEM:
+			return 'box_item';
+		break;
 	}
 }
 

pandora_console/include/styles/pandora.css

@@ -759,10 +759,10 @@ input.icon_min[disabled] {
 	background: #fefefe url(../../images/photo.disabled.png) no-repeat center !important;
 }
 input.box_item {
-	background: #fefefe url(../../images/photo.png) no-repeat center !important;
+	background: #fefefe url(../../images/box_item.png) no-repeat center !important;
 }
 input.box_item[disabled] {
-	background: #fefefe url(../../images/photo.disabled.png) no-repeat center !important;
+	background: #fefefe url(../../images/box_item.disabled.png) no-repeat center !important;
 }
 input.copy_item {
 	background: #fefefe url(../../images/copy_visualmap.png) no-repeat center !important;

pandora_console/pandoradb.postgreSQL.sql

@@ -1100,7 +1100,10 @@ CREATE TABLE "tlayout_data" (
 	"enable_link" SMALLINT NOT NULL default 1,
 	"id_metaconsole" INTEGER NOT NULL default 0,
 	"id_group" INTEGER NOT NULL default 0,
-	"id_custom_graph" INTEGER NOT NULL default 0
+	"id_custom_graph" INTEGER NOT NULL default 0,
+	"border_width" INTEGER NOT NULL default 0,
+	"border_color" varchar(200) DEFAULT "",
+	"fill_color" varchar(200) DEFAULT ""
 );
 
 -- ---------------------------------------------------------------------

pandora_console/pandoradb.sql

@@ -1189,6 +1189,9 @@ CREATE TABLE IF NOT EXISTS `tlayout_data` (
 	`id_metaconsole` int(10) NOT NULL default 0,
 	`id_group` INTEGER UNSIGNED NOT NULL default 0,
 	`id_custom_graph` INTEGER UNSIGNED NOT NULL default 0,
+	`border_width` INTEGER UNSIGNED NOT NULL default 0,
+	`border_color` varchar(200) DEFAULT "",
+	`fill_color` varchar(200) DEFAULT "",
 	PRIMARY KEY(`id`)
 ) ENGINE = InnoDB DEFAULT CHARSET=utf8;
 

pandora_console/pandoradb_data.sql

@@ -38,7 +38,7 @@ INSERT INTO `tconfig` (`token`, `value`) VALUES
 ('graph_res','5'),
 ('step_compact','1'),
 ('db_scheme_version','6.0dev'),
-('db_scheme_build','PD141120'),
+('db_scheme_build','PD141119'),
 ('show_unknown','0'),
 ('show_lastalerts','1'),
 ('style','pandora'),