pandorafms/pandora_console/godmode/reporting/map_builder.php

<?php

// Pandora FMS - the Flexible Monitoring System
// ============================================
// Copyright (c) 2008 Artica Soluciones Tecnologicas, http://www.artica.es
// Please see http://pandora.sourceforge.net for full contribution list

// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation for version 2.
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

require_once ("include/config.php");

check_login ();

if (! give_acl ($config['id_user'], 0, "AW")) {
	audit_db ($config['id_user'], $REMOTE_ADDR, "ACL Violation", "Trying to access map builder");
	require ("general/noaccess.php");
	exit;
}

require_once ('include/functions_visual_map.php');

$id_layout = (int) get_parameter ('id_layout');
$edit_layout = (bool) get_parameter ('edit_layout');
$create_layout = (bool) get_parameter ('create_layout');
$update_layout = (bool) get_parameter ('update_layout');
$delete_layout = (bool) get_parameter ('delete_layout');
$create_layout_data = (bool) get_parameter ('create_layout_data');
$update_layout_data = (bool) get_parameter ('update_layout_data');
$delete_layout_data = (bool) get_parameter ('delete_layout_data');
$update_layout_data_coords = (bool) get_parameter ('update_layout_data_coords');
$get_layout_data = (bool) get_parameter ('get_layout_data');
$get_background_info = (bool) get_parameter ('get_background_info');

$name = '';
$id_group = 0;
$width = 0;
$height = 0;
$background = '';

if ($create_layout) {
	$name = (string) get_parameter ('name');
	$id_group = (int) get_parameter ('id_group');
	$width = (int) get_parameter ('width');
	$height = (int) get_parameter ('height');
	$background = (string) get_parameter ('background');
	if ($background != '') {
		$bg_info = getimagesize ('images/console/background/'.$background);
		$width = $bg_info[0];
		$height = $bg_info[1];
	}
	$sql = sprintf ('INSERT INTO tlayout (name, id_group, background, height, width)
			VALUES ("%s", %d, "%s", %d, %d)',
			$name, $id_group, $background, $height, $width);
	$id_layout = process_sql ($sql, 'insert_id');
	if ($id_layout !== false) {
		echo '<h3 class="suc">'.__('Created successfully').'</h3>';
	} else {
		echo '<h3 class="err">'.__('Not created. Error inserting data').'</h3>';
	}
	if (defined ('AJAX')) {
		exit;
	}
}

if ($delete_layout) {
	$sql = sprintf ('DELETE FROM tlayout_data WHERE id_layout = %d', $id_layout);
	process_sql ($sql);
	$sql = sprintf ('DELETE FROM tlayout WHERE id = %d', $id_layout);
	$result = process_sql ($sql);
	if ($result) {
		echo '<h3 class="suc">'.__('Deleted successfully').'</h3>';
	} else {
		echo '<h3 class="err">'.__('Not deleted. Error deleting data').'</h3>';
	}
	$id_layout = 0;
}

if ($update_layout) {
	$name = (string) get_parameter ('name');
	$id_group = (int) get_parameter ('id_group');
	$width = (int) get_parameter ('width');
	$height = (int) get_parameter ('height');
	$background = (string) get_parameter ('background');
	$bg_info = array (0, 0);
	if (file_exists ('images/console/background/'.$background))
		$bg_info = getimagesize ('images/console/background/'.$background);
	
	if (! $width)
		$width = $bg_info[0];
	if (! $height)
		$height = $bg_info[1];
	$sql = sprintf ('UPDATE tlayout SET name = "%s", background = "%s", 
			height = %d, width = %d
			WHERE id = %d',
			$name, $background, $height, $width, $id_layout);
	$result = mysql_query ($sql);
	if ($result) {
		echo '<h3 class="suc">'.__('Update layout successful').'</h3>';
	} else {
		echo '<h3 class="err">'.__('Update layout failed').'</h3>';
	}
	if (defined ('AJAX')) {
		exit;
	}
}

if ($get_background_info) {
	$file = (string) get_parameter ('background');
	if (file_exist('images/console/background/'.$file)){
		$info = getimagesize ('images/console/background/'.$file);
		$info['width'] = $info[0];
		$info['height'] = $info[1];
	}
	if (defined ('AJAX')) {
		echo json_encode ($info);
		exit;
	}
}

if ($get_layout_data) {
	$id_layout_data = (int) get_parameter ('id_layout_data');
	$layout_data = get_db_row ('tlayout_data', 'id', $id_layout_data);
	if ($layout_data['id_agente_modulo'])
		$layout_data['id_agent'] = give_agent_id_from_module_id ($layout_data['id_agente_modulo']);
	
	if (defined ('AJAX')) {
		echo json_encode ($layout_data);
		exit;
	}
}

if ($create_layout_data) {
	$layout_data_type = (string) get_parameter ("type");
	$layout_data_label = (string) get_parameter ("label");
	$layout_data_image = (string) get_parameter ("image");
	$layout_data_id_agent = (int) get_parameter ("agent");
	$layout_data_id_agent_module = (int) get_parameter ("module");
	$layout_data_label_color = (string) get_parameter ("label_color");
	$layout_data_parent_item = (int) get_parameter ("parent_item");
	$layout_data_period = (int) get_parameter ("period");
	$layout_data_map_linked = (int) get_parameter ("map_linked");
	$layout_data_width = (int) get_parameter ("width");
	$layout_data_height = (int) get_parameter ("height");
	
	$values = array ('id_layout' => $id_layout,
		'label' => $layout_data_label,
		'id_layout_linked' => $layout_data_map_linked,
		'label_color' => $layout_data_label_color,
		'image' => $layout_data_image,
		'type' => $layout_data_type,
		'id_agent' => $layout_data_id_agent,
		'id_agente_modulo' => $layout_data_id_agent_module,
		'parent_item' => $layout_data_parent_item,
		'period' => $layout_data_period * 3600,
		'no_link_color' => 1,
		'width' => $layout_data_width,
		'height' => $layout_data_height);
	$result = process_sql_insert ('tlayout_data', $values);
	
	if ($result !== false) {
		echo '<h3 class="suc">'.__('Created successfully').'</h3>';
	} else {
		echo '<h3 class="error">'.__('Not created. Error inserting data').'</h3>';
	}
	if (defined ('AJAX')) {
		exit;
	}
}

if ($update_layout_data_coords) {
	$id_layout_data = (int) get_parameter ('id_layout_data');
	$layout_data_x = (int) get_parameter ("coord_x");
	$layout_data_y = (int) get_parameter ("coord_y");
	
	$sql = sprintf ('UPDATE tlayout_data SET
			pos_x = %d, pos_y = %d
			WHERE id = %d',
			$layout_data_x, $layout_data_y, $id_layout_data);
	process_sql ($sql);
	
	if (defined ('AJAX')) {
		exit;
	}
}

if ($delete_layout_data) {
	$ids_layout_data = (array) get_parameter ('ids_layout_data');
	
	foreach ($ids_layout_data as $id_layout_data) {
		$sql = sprintf ('UPDATE tlayout_data SET parent_item = 0 WHERE parent_item = %d',
				$id_layout_data);
		process_sql ($sql);
		$sql = sprintf ('DELETE FROM tlayout_data WHERE id = %d',
				$id_layout_data);
		process_sql ($sql);
	}
	
	if (defined ('AJAX')) {
		exit;
	}
}

if ($update_layout_data) {
	$id_layout_data = (int) get_parameter ('id_layout_data');
	$layout_data_type = (int) get_parameter ("type");
	$layout_data_label = (string) get_parameter ("label");
	$layout_data_image = (string) get_parameter ("image");
	$layout_data_id_agent = (int) get_parameter ("agent");
	$layout_data_id_agent_module = (int) get_parameter ("module");
	$layout_data_label_color = (string) get_parameter ("label_color");
	$layout_data_parent_item = (int) get_parameter ("parent_item");
	$layout_data_period = (int) get_parameter ("period");
	$layout_data_map_linked = (int) get_parameter ("map_linked");
	$layout_data_width = (int) get_parameter ("width");
	$layout_data_height = (int) get_parameter ("height");
	
	$sql = sprintf ('UPDATE tlayout_data SET
			image = "%s", label = "%s",
			label_color = "%s",
			id_agent = %d,
			id_agente_modulo = %d,
			type = %d, parent_item = %d,
			period = %d, id_layout_linked = %d,
			width = %d, height = %d
			WHERE id = %d',
			$layout_data_image, $layout_data_label,
			$layout_data_label_color,
			$layout_data_id_agent,
			$layout_data_id_agent_module,
			$layout_data_type, $layout_data_parent_item,
			$layout_data_period * 3600,
			$layout_data_map_linked,
			$layout_data_width, $layout_data_height,
			$id_layout_data);
	$result = process_sql ($sql);
	
	if ($result !== false) {
		echo '<h3 class="suc">'.__('Updated successfully').'</h3>';
	} else {
		echo '<h3 class="error">'.__('Not updated. Error updating data').'</h3>';
	}
}

if ($id_layout) {
	$layout = get_db_row ('tlayout', 'id', $id_layout);
	$name = $layout['name'];
	$background = $layout['background'];
	$id_group = $layout['id_group'];
	$width = $layout['width'];
	$height = $layout['height'];
}

echo "<h2>".__('Reporting')." &gt; ".__('Map builder');
pandora_help ("map_builder");
echo "</h2>";

if (! $edit_layout && ! $id_layout) {
	$table->width = '500px';
	$table->data = array ();
	$table->head = array ();
	$table->head[0] = __('Map name');
	$table->head[1] = __('Group');
	$table->head[2] = __('Delete');
	$table->align = array ();
	$table->align[2] = 'center';
	
	$maps = get_db_all_rows_in_table ('tlayout','name');
	if (!$maps) {
		echo '<div class="nf">'.('No maps defined').'</div>';
	} else {
		foreach ($maps as $map) {
			$data = array ();
			
			$data[0] = '<a href="index.php?sec=greporting&sec2=godmode/reporting/map_builder&id_layout='.$map['id'].'">'.$map['name'].'</a>';
			$data[1] = '<img src="images/'.dame_grupo_icono ($map['id_group']).'.png" /> ';
			$data[1] .= get_group_name ($map['id_group']);
			$data[2] = '<a href="index.php?sec=greporting&sec2=godmode/reporting/map_builder&id_layout='.$map['id'].'&delete_layout=1">
				<img src="images/cross.png"></a>';
			array_push ($table->data, $data);
		}
		print_table ($table);
	}
	
	echo '<div class="action-buttons" style="width: '.$table->width.'">';
	echo '<form action="index.php?sec=greporting&sec2=godmode/reporting/map_builder" method="post">';
	print_input_hidden ('edit_layout', 1);
	print_submit_button (__('Create'), '', false, 'class="sub wand"');
	echo '</form>';
	echo '</div>';
} else {
	$backgrounds_list = list_files ('images/console/background/', "jpg", 1, 0);
	$backgrounds_list = array_merge ($backgrounds_list, list_files ('images/console/background/', "png", 1, 0));
	$groups = get_user_groups ($config['id_user']);
	
	$table->width = '340px';
	$table->data = array ();
	$table->data[0][0] = __('Name');
	$table->data[0][1] = print_input_text ('name', $name, '', 15, 50, true);
	$table->data[1][0] = __('Group');
	$table->data[1][1] = print_select ($groups, 'id_group', $id_group, '', '', '', true);
	$table->data[2][0] = __('Background');
	$table->data[2][1] = print_select ($backgrounds_list, 'background', $background, '', 'None', '', true);
	
	if ($id_layout) {
		$table->data[3][0] = __('Width');
		$table->data[3][1] = print_input_text ('width', $width, '', 3, 5, true);
		$table->data[4][0] = __('Height');
		$table->data[4][1] = print_input_text ('height', $height, '', 3, 5, true);
	}
	echo '<form action="index.php?sec=greporting&sec2=godmode/reporting/map_builder" method="post">';
	print_table ($table);
	
	echo '<div style="width: '.$table->width.'" class="action-buttons">';
	if ($id_layout) {
		print_submit_button (__('Update'), 'update_layout', false, 'class="sub upd"');
		print_input_hidden ('update_layout', 1);
		print_input_hidden ('id_layout', $id_layout);
	} else {
		print_submit_button (__('Create'), 'create_layout', false, 'class="sub wand"');
		print_input_hidden ('create_layout', 1);
	}
	echo '</div>';
	echo '</form>';
	
	if ($id_layout) {
		/* Show visual map preview */
		echo '<h1>'.__('preview').'</h1>';
		print_pandora_visual_map ($id_layout, false, true);
		
		$images_list = array ();
		$all_images = list_files ('images/console/icons/', "png", 1, 0);
		foreach ($all_images as $image_file) {
			if (strpos ($image_file, "_bad"))
				continue;
			if (strpos ($image_file, "_ok"))
				continue;
			if (strpos ($image_file, "_warning"))
				continue;	
			$image_file = substr ($image_file, 0, strlen ($image_file) - 4);
			$images_list[$image_file] = $image_file;
		}
		
		echo '<div style="width: 770px">';
		/* Layout data trash */
		echo '<form id="form_layout_data_trash" action="" method="post">';
		echo '<div id="layout_trash_drop">';
		echo '<h1>'.__('Map element trash').'</h1>';
		echo __('Drag an element here to delete from the map');
		echo '<span id="elements"> </span>';
		print_input_hidden ('delete_layout_data', 1);
		print_input_hidden ('id_layout', $id_layout);
		
		echo '<div class="action-buttons" style="margin-top: 180px">';
		print_submit_button (__('Delete'), 'delete_buttons', true, 'class="sub delete"');
		echo '</div>';
		echo '</div>';
		echo '</form>';
		
		/* Layout_data editor form */
		$intervals = array ();
		$intervals[1] = __('Hour');
		$intervals[2] = "2 ".__('Hours');
		$intervals[3] = "3 ".__('Hours');
		$intervals[6] = "6 ".__('Hours');
		$intervals[12] = "12 ".__('Hours');
		$intervals[24] = __('Last day');
		$intervals[48] = "2 ". __('days');
		$intervals[168] = __('Last week');
		$intervals[360] = __('15 days');
		$intervals[720] = __('Last Month');
		$intervals[1440] = __('Two Months');
		$intervals[4320] = __('Six Months');
		
		$agents = get_group_agents ($id_group);
					
		echo '<div id="layout_editor_drop">';
		echo '<h1>'.__('Map element editor').'</h1>';
		echo __('Drag an element here to edit the properties');
		
		$table->data = array ();
		$table->id = 'table_layout_data';
		$table->rowstyle = array ();
		$table->rowstyle[3] = 'display: none';
		$table->rowstyle[4] = 'display: none';
		
		$table->data[0][0] = __('Label');
		$table->data[0][1] = print_input_text ('label', '', '', 20, 200, true);
		$table->data[1][0] = __('Label color');
		$table->data[1][1] = print_input_text ('label_color', '#000000', '', 7, 7, true);
		$table->data[2][0] = __('Type');
		$table->data[2][1] = print_select (get_layout_data_types (), 'type', '', '', '', '', true);
		$table->data[3][0] = __('Height');
		$table->data[3][1] = print_input_text ('height', '', '', 5, 5, true);
		$table->data[4][0] = __('Width');
		$table->data[4][1] = print_input_text ('width', '', '', 5, 5, true);
		$table->data[5][0] = __('Agent');
		$table->data[5][1] = print_select ($agents, 'agent', '', '', '--', 0, true);
		$table->data[6][0] = __('Module');
		$table->data[6][1] = print_select (array (), 'module', '', '', '--', 0, true);
		$table->data[7][0] = __('Period');
		$table->data[7][1] = print_select ($intervals, 'period', '', '', '--', 0, true);
		$table->data[8][0] = __('Image');
		$table->data[8][1] = print_select ($images_list, 'image', '', '', 'None', '', true);
		$table->data[8][1] .= '<div id="image_preview"> </div>';
		$table->data[9][0] = __('Parent');
		$table->data[9][1] = print_select_from_sql ('SELECT id, label FROM tlayout_data WHERE id_layout = '.$id_layout,
							'parent_item', '', '', 'None', '', true);
		$table->data[10][0] = __('Map linked');
		$table->data[10][1] = print_select_from_sql ('SELECT id, name FROM tlayout WHERE id != '.$id_layout,
							'map_linked', '', '', 'None', '', true);
		
		echo '<form id="form_layout_data_editor" method="post" action="index.php?sec=greporting&sec2=godmode/reporting/map_builder">';
		print_table ($table);
		print_input_hidden ('create_layout_data', 1);
		print_input_hidden ('update_layout_data', 0);
		print_input_hidden ('id_layout', $id_layout);
		print_input_hidden ('id_layout_data', 0);
		echo '<div style="width: '.$table->width.'" class="action-buttons">';
		print_submit_button (__('Create'), 'create_layout_data_button', false, 'class="sub wand"');
		echo '</div>';
		echo '</form>';
		echo '</div>';
		echo '</div>';
	}
}
?>

<link rel="stylesheet" href="include/styles/color-picker.css" type="text/css" />
<script type="text/javascript" src="include/javascript/jquery.js"></script>
<script type="text/javascript" src="include/javascript/pandora_visual_console.js"></script>
<script type="text/javascript" src="include/javascript/jquery.ui.core.js"></script>
<script type="text/javascript" src="include/javascript/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="include/javascript/jquery.ui.droppable.js"></script>
<script type="text/javascript" src="include/javascript/jquery.colorpicker.js"></script>

<script language="javascript" type="text/javascript">

function agent_changed (event, id_agent, selected) {
	if (id_agent == undefined)
		id_agent = this.value;
	$('#form_layout_data_editor #module').attr ('disabled', 1);
	$('#form_layout_data_editor #module').empty ();
	$('#form_layout_data_editor #module').append ($('<option></option>').html ("<?php echo __('Loading'); ?>...").attr ("value", 0));
	jQuery.post ('ajax.php', 
		{page: "operation/agentes/ver_agente",
		get_agent_modules_json: 1,
		id_agent: id_agent
		},
		function (data) {
			$('#form_layout_data_editor #module').empty ();
			$('#form_layout_data_editor #module').append ($('<option></option>').html ("<?php echo __('Any')?>").attr ("value", 0));
			jQuery.each (data, function (i, val) {
				s = html_entity_decode (val['nombre']);
				$('#form_layout_data_editor #module').append ($('<option></option>').html (s).attr ("value", val['id_agente_modulo']));
				$('#form_layout_data_editor #module').fadeIn ('normal');
			});
			if (selected != undefined)
				$('#form_layout_data_editor #module').attr ('value', selected);
			$('#form_layout_data_editor #module').attr ('disabled', 0);
		},
		"json"
	);
}

$(document).ready (function () {
	if (lines)
		draw_lines (lines, 'layout_map');
	$('#background').change (function () {
		background = this.value;
		if (background == '')
			return;
		/* We have to get the info using AJAX because it was not 
		  possible to kwown the image dimensions using javascript 
		  in some cases where the image was not loaded */
		jQuery.post ('ajax.php', 
			{page: "godmode/reporting/map_builder",
			get_background_info: 1,
			background: background
			},
			function (data) {
				$("#layout_map").css ('backgroundImage', 'url(images/console/background/' + background + ')');
				$("#layout_map").css ('width', data['width'] + 'px');
				$("#layout_map").css ('height', data['height'] + 'px');
				$('#text-width').attr ('value', data['width']);
				$('#text-height').attr ('value', data['height']);
			},
			"json"
		);
	});
	$('#text-width').keyup (function () {
		$("#layout_map").css ('width', this.value + 'px');
	});
	$('#text-height').keyup (function () {
		$("#layout_map").css ('height', this.value + 'px');
	});
	$(".layout-data").draggable ({helper: 'clone'});
	$("#layout_map").droppable ({
		accept: ".layout-data",
		drop: function (ev, ui) {
			margin_left = parseInt ($(ui.draggable[0]).css ('margin-left'));
			margin_top = parseInt ($(ui.draggable[0]).css ('margin-top'));
			coord_x = margin_left + ui.position.left;
			coord_y = margin_top + ui.position.top;
			$(ui.draggable[0]).css ('margin-left', coord_x + 'px');
			$(ui.draggable[0]).css ('margin-top', coord_y + 'px');
			id = ui.draggable[0].id.split ("-").pop ();
			jQuery.post ('ajax.php', 
				{page: "godmode/reporting/map_builder",
				update_layout_data_coords: 1,
				id_layout_data: id,
				coord_x: coord_x,
				coord_y: coord_y
				},
				function () {
					refresh_lines (lines, 'layout_map');
				},
				"html"
			);
		}
	});
	$("#layout_editor_drop").droppable ({
		accept: ".layout-data",
		drop: function (ev, ui) {
			id = ui.draggable[0].id.split ("-").pop ();
			jQuery.post ('ajax.php', 
				{page: "godmode/reporting/map_builder",
				get_layout_data: 1,
				id_layout_data: id
				},
				function (data) {
					$("#form_layout_data_editor #text-label").attr ('value', data['label']);
					$("#form_layout_data_editor #type").attr ('value', data['type']);
					$("#form_layout_data_editor #type").change ();
					$("#form_layout_data_editor #image").attr ('value', data['image']);
					$("#form_layout_data_editor #width").attr ('value', data['width']);
					$("#form_layout_data_editor #height").attr ('value', data['height']);
					$("#form_layout_data_editor #image").change ();
					$("#form_layout_data_editor #id_layout_data").attr ('value', data['id']);
					$("#form_layout_data_editor #period").attr ('value', data['period'] / 3600);
					$("#form_layout_data_editor #agent").attr ('value', data['id_agent']);
					$("#form_layout_data_editor #parent_item").attr ('value', data['parent_item']);
					$("#form_layout_data_editor #map_linked").attr ('value', data['id_layout_linked']);
					$("#form_layout_data_editor #hidden-update_layout_data").attr ('value', 1);
					$("#form_layout_data_editor #hidden-create_layout_data").attr ('value', 0);
					$("#form_layout_data_editor #hidden-id_layout_data").attr ('value', id);
					$("#form_layout_data_editor #submit-create_layout_data_button").attr ('value', "<?php echo __('Update'); ?>").removeClass ('wand').addClass ('upd');
					$("#form_layout_data_editor #text-label_color").attr ('value', data['label_color']);
					$(".ColorPickerDivSample").css ('background-color', data['label_color']);
					agent_changed (null, data['id_agent'], data['id_agente_modulo']);
				},
				"json"
			);
		}
	});
	$("#layout_trash_drop").droppable ({
		accept: ".layout-data",
		drop: function (ev, ui) {
			image = $('#'+ ui.draggable[0].id + " img").eq (0);
			elements = $("#" + this.id + " img").length;
			id = ui.draggable[0].id.split ("-").pop ();
			$(ui.draggable[0]).clone ().css ('margin-left', 60 * elements).
				css ('margin-top', 0). attr ('id', 'delete-layout-data-' + id).
				appendTo ("#"+this.id + " #elements");
			$(ui.draggable[0]).remove ();
			$('<input type="hidden" name="ids_layout_data[]" />').attr ('value', id).
				appendTo ($("#form_layout_data_trash"));
			$("#form_layout_data_trash #submit-delete_buttons").removeAttr ('disabled');
			setTimeout (function() { refresh_lines (lines, 'layout_map'); }, 1000);
		}
	});
	$("#form_layout_data_editor #image").change (function () {
		$("#image_preview").empty ();
		if (this.value != '') {
			$("#image_preview").append ($('<img />').attr ('src', 'images/console/icons/' + this.value + '.png'));
			$("#image_preview").append ($('<img />').attr ('src', 'images/console/icons/' + this.value + '_ok.png'));
			$("#image_preview").append ($('<img />').attr ('src', 'images/console/icons/' + this.value + '_warning.png'));
			$("#image_preview").append ($('<img />').attr ('src', 'images/console/icons/' + this.value + '_bad.png'));
		}
	});
	$("#form_layout_data_editor #agent").change (agent_changed);
	$("#form_layout_data_editor #type").change (function () {
		if (this.value == 0) {
			$("#table_layout_data #table_layout_data-3, #table_layout_data #table_layout_data-4").fadeOut ();
			$("#table_layout_data #table_layout_data-8").fadeIn ();
		} else {
			$("#table_layout_data #table_layout_data-3, #table_layout_data #table_layout_data-4").fadeIn ();
			$("#table_layout_data #table_layout_data-8").fadeOut ();
		}
		
	});
	$("#form_layout_data_editor #text-label_color").attachColorPicker();
});
</script>