pandorafms/pandora_console/godmode/setup/setup_visuals.php

<?php 

// Pandora FMS - http://pandorafms.com
// ==================================================
// Copyright (c) 2005-2010 Artica Soluciones Tecnologicas
// Please see http://pandorafms.org 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.

// Load global vars
global $config;

check_login ();

if (! check_acl ($config['id_user'], 0, "PM") && ! is_user_admin ($config['id_user'])) {
	db_pandora_audit("ACL Violation", "Trying to access Visual Setup Management");
	require ("general/noaccess.php");
	return;
}

// FIX: this constant is declared to in godmode/reporting/reporting_builder.phps
//Constant with fonts directory
define ('_MPDF_TTFONTPATH', $config['homedir'] . '/include/fonts/');

require_once("include/functions_post_process.php");

// Load enterprise extensions
enterprise_include ('godmode/setup/setup_visuals.php');

/*
NOTICE FOR DEVELOPERS:

Update operation is done in config_process.php
This is done in that way so the user can see the changes inmediatly.
If you added a new token, please check config_update_config() in functions_config.php
to add it there.
*/

require_once ('include/functions_themes.php');
require_once ('include/functions_gis.php');

$row = 0;
echo '<form id="form_setup" method="post">';
html_print_input_hidden ('update_config', 1);

//----------------------------------------------------------------------
// BEHAVIOUR CONFIGURATION
//----------------------------------------------------------------------
$table_behaviour = new stdClass();
$table_behaviour->width = '100%';
$table_behaviour->class = "databox filters";
$table_behaviour->style[0] = 'font-weight: bold;';
$table_behaviour->size[0] = '50%';
$table_behaviour->data = array ();

$table_behaviour->data[$row][0] = __('Block size for pagination');
$table_behaviour->data[$row][1] = html_print_input_text ('block_size', $config["global_block_size"], '', 5, 5, true);
$row++;

$values = array ();
$values[5] = human_time_description_raw (5);
$values[30] = human_time_description_raw (30);
$values[SECONDS_1MINUTE] = human_time_description_raw(SECONDS_1MINUTE);
$values[SECONDS_2MINUTES] = human_time_description_raw(SECONDS_2MINUTES);
$values[SECONDS_5MINUTES] = human_time_description_raw(SECONDS_5MINUTES);
$values[SECONDS_10MINUTES] = human_time_description_raw(SECONDS_10MINUTES);
$values[SECONDS_30MINUTES] = human_time_description_raw(SECONDS_30MINUTES);

$table_behaviour->data[$row][0] = __('Default interval for refresh on Visual Console') .
			ui_print_help_tip(__('This interval will affect to Visual Console pages'), true);
$table_behaviour->data[$row][1] = html_print_select ($values, 'vc_refr', $config["vc_refr"], '', 'N/A', 0, true, false, false);
$row++;

$table_behaviour->data[$row][0] = __('Paginated module view');
$table_behaviour->data[$row][1] = html_print_checkbox('paginate_module', 1,
	$config['paginate_module'], true);
$row++;

$table_behaviour->data[$row][0] = __('Display data of proc modules in other format');
$table_behaviour->data[$row][1] = __('Yes') . '&nbsp;' . 
		html_print_radio_button ('render_proc', 1, '',
		$config["render_proc"], true) .
	'&nbsp;&nbsp;';
$table_behaviour->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button ('render_proc', 0, '',
		$config["render_proc"], true);
$row++;

$table_behaviour->data[$row][0] = __('Display text proc modules have state is ok');
$table_behaviour->data[$row][1] = html_print_input_text ('render_proc_ok', $config["render_proc_ok"], '', 25, 25, true);
$row++;

$table_behaviour->data[$row][0] = __('Display text when proc modules have state critical');
$table_behaviour->data[$row][1] = html_print_input_text ('render_proc_fail', $config["render_proc_fail"], '', 25, 25, true);
$row++;

//Daniel maya 02/06/2016 Display menu with click --INI
$table_behaviour->data[$row][0] = __('Click to display lateral menus').
	ui_print_help_tip(__('When enabled, the lateral menus are shown when left clicking them, instead of hovering over them'), true);
$table_behaviour->data[$row][1] = __('Yes') . '&nbsp;' .
		html_print_radio_button ('click_display', 1, '',
		$config["click_display"], true) .
	'&nbsp;&nbsp;';
$table_behaviour->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button ('click_display', 0, '',
		$config["click_display"], true);
$row++;
//Daniel maya 02/06/2016 Display menu with click --END

if (enterprise_installed()) {
	$table_behaviour->data[$row][0] = __('Service label font size');
	$table_behaviour->data[$row][1] = html_print_input_text ('service_label_font_size', $config["service_label_font_size"], '', 5, 5, true);
	$row++;

	$table_behaviour->data[$row][0] = __('Space between items in Service maps') . 
		ui_print_help_tip(__('It must be bigger than 80'), true);
	$table_behaviour->data[$row][1] = html_print_input_text ('service_item_padding_size', $config["service_item_padding_size"], '', 5, 5, true, false, false, "onChange=\"change_servicetree_nodes_padding()\"");
	$row++;
}

$table_behaviour->data[$row][0] = __('Classic menu mode').
	ui_print_help_tip(__('Text menu options always visible, don\'t hide'), true);
$table_behaviour->data[$row][1] = __('Yes') . '&nbsp;' .
		html_print_radio_button ('classic_menu', 1, '',
		$config["classic_menu"], true) .
	'&nbsp;&nbsp;';
$table_behaviour->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button ('classic_menu', 0, '',
		$config["classic_menu"], true);
$row++;

echo "<fieldset>";
echo "<legend>" . __('Behaviour configuration') . "</legend>";
html_print_table ($table_behaviour);
echo "</fieldset>";
//----------------------------------------------------------------------

//----------------------------------------------------------------------
// STYLE CONFIGURATION
//----------------------------------------------------------------------
$table_styles = new stdClass();
$table_styles->width = '100%';
$table_styles->class = "databox filters";
$table_styles->style[0] = 'font-weight: bold;';
$table_styles->size[0] = '50%';
$table_styles->data = array ();

$table_styles->data[$row][0] = __('Style template');
$table_styles->data[$row][1] = html_print_select(themes_get_css(),
	'style', $config["style"].'.css', '', '', '', true);
$row++;

$table_styles->data[$row][0] = __('Status icon set');
$iconsets["default"] = __('Colors');
$iconsets["faces"] = __('Faces');
$iconsets["color_text"] = __('Colors and text');
$table_styles->data[$row][1] = html_print_select($iconsets,
	'status_images_set', $config["status_images_set"], '', '', '', true);
$table_styles->data[$row][1] .= "&nbsp;" .
	html_print_button(__("View"), 'status_set_preview', false, '', '', true);
$row++;

$table_styles->data[$row][0] = __('Login background') .
	ui_print_help_tip(__('You can place your custom images into the folder images/backgrounds/'), true);
$backgrounds_list_jpg = list_files("images/backgrounds", "jpg", 1, 0);
$backgrounds_list_gif = list_files("images/backgrounds", "gif", 1, 0);
$backgrounds_list_png = list_files("images/backgrounds", "png", 1, 0);
$backgrounds_list = array_merge($backgrounds_list_jpg, $backgrounds_list_png);
$backgrounds_list = array_merge($backgrounds_list, $backgrounds_list_gif);
asort($backgrounds_list);

if(!enterprise_installed()){
	$open=true; 
}

$table_styles->data[$row][1] = html_print_select ($backgrounds_list,
	'login_background', $config["login_background"], '', __('Default'),
	'', true,false,true,'',false,'width:240px');
$table_styles->data[$row][1] .= "&nbsp;" .
	html_print_button(__("View"), 'login_background_preview', false, '', 'class="sub camera"', true);
$row++;

$table_styles->data[$row][0] = __('Custom logo (header)') . ui_print_help_icon("custom_logo", true);

if(enterprise_installed()){
	$ent_files = list_files('enterprise/images/custom_logo', "png", 1, 0);
	$open_files = list_files('images/custom_logo', "png", 1, 0);
	
	$table_styles->data[$row][1] = html_print_select(
	array_merge($ent_files, $open_files), 'custom_logo',
	$config["custom_logo"], '', '', '',true,false,true,'',$open,'width:240px');
}
else{
	$table_styles->data[$row][1] = html_print_select(
	list_files('images/custom_logo', "png", 1, 0), 'custom_logo',
	$config["custom_logo"], '', '', '',true,false,true,'',$open,'width:240px');
}
	
	$table_styles->data[$row][1] .= "&nbsp;" . html_print_button(__("View"), 'custom_logo_preview', $open, '', 'class="sub camera"', true,false,$open,'visualmodal');
$row++;

$table_styles->data[$row][0] = __('Custom logo (login)') . ui_print_help_icon("custom_logo", true);

if(enterprise_installed()) {
	$table_styles->data[$row][1] = html_print_select(
		list_files('enterprise/images/custom_logo_login', "png", 1, 0), 'custom_logo_login',
		$config["custom_logo_login"], '', '', '',true,false,true,'',$open,'width:240px');
}
else {
	$table_styles->data[$row][1] = html_print_select(
                "", 'custom_logo_login',
                $config["custom_logo_login"], '', '', '',true,false,true,'',$open,'width:240px');
}

$table_styles->data[$row][1] .= "&nbsp;" . html_print_button(__("View"), 'custom_logo_login_preview', $open, '', 'class="sub camera"', true,false,$open,'visualmodal');
$row++;

//Splash login
if(enterprise_installed()) {
	$table_styles->data[$row][0] = __('Custom Splash (login)');

	$table_styles->data[$row][1] = html_print_select(
		list_files('enterprise/images/custom_splash_login', "png", 1, 0), 'custom_splash_login',
		$config["custom_splash_login"], '', '', '',true,false,true,'',$open,'width:240px');

	$table_styles->data[$row][1] .= "&nbsp;" . html_print_button(__("View"), 'custom_splash_login_preview', $open, '', 'class="sub camera"', true,false,$open,'visualmodal');
	
	$row++;
}

//login title1
if(enterprise_installed()) {
	$table_styles->data[$row][0] = __('Title 1 (login)');
	$table_styles->data[$row][1] = html_print_input_text ('custom_title1_login', $config["custom_title1_login"], '', 50, 50, true);
	$row++;
}

//login text2
if(enterprise_installed()) {
	$table_styles->data[$row][0] = __('Title 2 (login)');
	$table_styles->data[$row][1] = html_print_input_text ('custom_title2_login', $config["custom_title2_login"], '', 50, 50, true);
	$row++;
}	

if(enterprise_installed()) {
	$table_styles->data[$row][0] = __('Docs URL (login)');
	$table_styles->data[$row][1] = html_print_input_text ('custom_docs_url', $config["custom_docs_url"], '', 50, 50, true);
	$row++;
}	

if(enterprise_installed()) {
	$table_styles->data[$row][0] = __('Support URL (login)');
	$table_styles->data[$row][1] = html_print_input_text ('custom_support_url', $config["custom_support_url"], '', 50, 50, true);
	$row++;
}	

$table_styles->data[$row][0] = __('Disable logo in graphs');
$table_styles->data[$row][1] = __('Yes') . '&nbsp;' .
	html_print_radio_button_extended ('fixed_graph', 1, '', $config["fixed_graph"], $open, '','',true) .
	'&nbsp;&nbsp;';
	/* Hello there! :)
We added some of what seems to be "buggy" messages to the openSource version recently. This is not to force open-source users to move to the enterprise version, this is just to inform people using Pandora FMS open source that it requires skilled people to maintain and keep it running smoothly without professional support. This does not imply open-source version is limited in any way. If you check the recently added code, it contains only warnings and messages, no limitations except one: we removed the option to add custom logo in header. In the Update Manager section, it warns about the 'danger’ of applying automated updates without a proper backup, remembering in the process that the Enterprise version comes with a human-tested package. Maintaining an OpenSource version with more than 500 agents is not so easy, that's why someone using a Pandora with 8000 agents should consider asking for support. It's not a joke, we know of many setups with a huge number of agents, and we hate to hear that “its becoming unstable and slow” :(
You can of course remove the warnings, that's why we include the source and do not use any kind of trick. And that's why we added here this comment, to let you know this does not reflect any change in our opensource mentality of does the last 14 years.
*/
	
$table_styles->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button_extended ('fixed_graph', 0, '', $config["fixed_graph"], $open, '','',true, $open,'visualmodal');
$row++;


$table_styles->data[$row][0] = __('Fixed header');
$table_styles->data[$row][1] = __('Yes') . '&nbsp;' .
	html_print_radio_button ('fixed_header', 1, '', $config["fixed_header"], true) .
	'&nbsp;&nbsp;';
$table_styles->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button ('fixed_header', 0, '', $config["fixed_header"], true);
$row++;

$table_styles->data[$row][0] = __('Fixed menu');
$table_styles->data[$row][1] = __('Yes') . '&nbsp;' .
	html_print_radio_button ('fixed_menu', 1, '', $config["fixed_menu"], true) .
	'&nbsp;&nbsp;';
$table_styles->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button ('fixed_menu', 0, '', $config["fixed_menu"], true);
$row++;

// For 5.1 Autohidden menu feature
$table_styles->data['autohidden'][0] = __('Autohidden menu');
$table_styles->data['autohidden'][1] = html_print_checkbox('autohidden_menu',
	1, $config['autohidden_menu'], true);
	
$table_styles->data[$row][0] = __('Visual effects and animation');
$table_styles->data[$row][1] = __('Yes') . '&nbsp;' .
	html_print_radio_button ('visual_animation', 1, '', $config["visual_animation"], true) .
	'&nbsp;&nbsp;';
$table_styles->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button ('visual_animation', 0, '', $config["visual_animation"], true);	

echo "<fieldset>";
echo "<legend>" . __('Style configuration') . "</legend>";
html_print_table ($table_styles);
echo "</fieldset>";	
//----------------------------------------------------------------------

//----------------------------------------------------------------------
// GIS CONFIGURATION
//----------------------------------------------------------------------
$table_gis = new stdClass();
$table_gis->width = '100%';
$table_gis->class = "databox filters";
$table_gis->style[0] = 'font-weight: bold;';
$table_gis->size[0] = '50%';
$table_gis->data = array ();

$table_gis->data[$row][0] = __('GIS Labels') .
	ui_print_help_tip(__('This enabling this, you get a label with agent name in GIS maps. If you have lots of agents in the map, will be unreadable. Disabled by default.'), true);
$table_gis->data[$row][1] = __('Yes') . '&nbsp;' .
	html_print_radio_button ('gis_label', 1, '', $config["gis_label"], true).'&nbsp;&nbsp;';
$table_gis->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button ('gis_label', 0, '', $config["gis_label"], true);
$row++;

$listIcons = gis_get_array_list_icons();
$arraySelectIcon = array();
foreach ($listIcons as $index => $value)
	$arraySelectIcon[$index] = $index;
$table_gis->data[$row][0] = __('Default icon in GIS') .
	ui_print_help_tip(__('Agent icon for GIS Maps. If set to "none", group icon will be used'), true);
$table_gis->data[$row][1] = html_print_select($arraySelectIcon,
	"gis_default_icon", $config["gis_default_icon"], "", __('Agent icon group'),
		'', true);
$table_gis->data[$row][1] .= "&nbsp;" .
	html_print_button(__("View"), 'gis_icon_preview', false, '', '', true);
$row++;

echo "<fieldset>";
echo "<legend>" . __('GIS configuration') . "</legend>";
html_print_table ($table_gis);
echo "</fieldset>";	
//----------------------------------------------------------------------

//----------------------------------------------------------------------
// FONT AND TEXT CONFIGURATION
//----------------------------------------------------------------------
$table_font = new stdClass();
$table_font->width = '100%';
$table_font->class = "databox filters";
$table_font->style[0] = 'font-weight: bold;';
$table_font->size[0] = '50%';
$table_font->data = array ();

$table_font->data[$row][0] = __('Font path');
$fonts = load_fonts();
$table_font->data[$row][1] = html_print_select($fonts, 'fontpath',
	io_safe_output($config["fontpath"]), '', '', 0, true);

$row++;

$table_font->data[$row][0] = __('Font size');

$font_size_array = array(
	1 => 1,
	2 => 2,
	3 => 3,
	4 => 4,
	5 => 5,
	6 => 6,
	7 => 7,
	8 => 8,
	9 => 9,
	10 => 10,
	11 => 11,
	12 => 12,
	13 => 13,
	14 => 14,
	15 => 15);

$table_font->data[$row][1] = html_print_select($font_size_array, 'font_size',
	$config["font_size"], '', '', 0, true);
$row++;

$table_font->data[$row][0] = __('Agent size text') .
	ui_print_help_tip(__('When the agent name has a lot of characters, it is needed to truncate it into N characters in some sections in %s Console', get_product_name()), true);
$table_font->data[$row][1] = __('Small:') .
	html_print_input_text ('agent_size_text_small', $config["agent_size_text_small"], '', 3, 3, true);
$table_font->data[$row][1] .= ' ' . __('Normal:') .
	html_print_input_text ('agent_size_text_medium', $config["agent_size_text_medium"], '', 3, 3, true);
$row++;

$table_font->data[$row][0] = __('Module size text') .
	ui_print_help_tip(__('When the module name has a lot of characters, it is needed to truncate it into N characters in some sections in %s Console', get_product_name()), true);
$table_font->data[$row][1] = __('Small:') .
	html_print_input_text ('module_size_text_small', $config["module_size_text_small"], '', 3, 3, true);
$table_font->data[$row][1] .= ' ' . __('Normal:') .
	html_print_input_text ('module_size_text_medium', $config["module_size_text_medium"], '', 3, 3, true);
$row++;

$table_font->data[$row][0] = __('Description size text') . ui_print_help_tip(__('If the description name has a lot of characters, in some places in %s Console it is necessary to truncate it to N characters.', get_product_name()), true);
$table_font->data[$row][1] = html_print_input_text ('description_size_text', $config["description_size_text"], '', 3, 3, true);
$row++;

$table_font->data[$row][0] = __('Item title size text') .
	ui_print_help_tip(__('When the item title name has a lot of characters, it is needed to truncate it into N characters in some sections in %s Console.', get_product_name()), true);
$table_font->data[$row][1] = html_print_input_text('item_title_size_text',
	$config["item_title_size_text"], '', 3, 3, true);
$row++;

$table_font->data[$row][0] = __('Show unit along with value in reports') .
	ui_print_help_tip(__('This enabling this, max, min and avg values will be shown with units.'), true);
$table_font->data[$row][1] = __('Yes') . '&nbsp;' .
	html_print_radio_button ('simple_module_value', 1, '', $config["simple_module_value"], true).'&nbsp;&nbsp;';
$table_font->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button ('simple_module_value', 0, '', $config["simple_module_value"], true);
$row++;

echo "<fieldset>";
echo "<legend>" . __('Font and Text configuration') . "</legend>";
html_print_table ($table_font);
echo "</fieldset>";	
//----------------------------------------------------------------------

//----------------------------------------------------------------------
// CHARS CONFIGURATION
//----------------------------------------------------------------------
$table_chars = new stdClass();
$table_chars->width = '100%';
$table_chars->class = "databox filters";
$table_chars->style[0] = 'font-weight: bold;';
$table_chars->size[0] = '50%';
$table_chars->data = array ();

$table_chars->data[$row][0] = __('Graph color (min)');
$table_chars->data[$row][1] = html_print_input_text ('graph_color1', $config["graph_color1"], '', 8, 8, true);
$row++;

$table_chars->data[$row][0] = __('Graph color (avg)');
$table_chars->data[$row][1] = html_print_input_text ('graph_color2', $config["graph_color2"], '', 8, 8, true);
$row++;

$table_chars->data[$row][0] = __('Graph color (max)');
$table_chars->data[$row][1] = html_print_input_text ('graph_color3', $config["graph_color3"], '', 8, 8, true);
$row++;

$table_chars->data[$row][0] = __('Graph color #4');
$table_chars->data[$row][1] = html_print_input_text ('graph_color4', $config["graph_color4"], '', 8, 8, true);
$row++;

$table_chars->data[$row][0] = __('Graph color #5');
$table_chars->data[$row][1] = html_print_input_text ('graph_color5', $config["graph_color5"], '', 8, 8, true);
$row++;

$table_chars->data[$row][0] = __('Graph color #6');
$table_chars->data[$row][1] = html_print_input_text ('graph_color6', $config["graph_color6"], '', 8, 8, true);
$row++;

$table_chars->data[$row][0] = __('Graph color #7');
$table_chars->data[$row][1] = html_print_input_text ('graph_color7', $config["graph_color7"], '', 8, 8, true);
$row++;

$table_chars->data[$row][0] = __('Graph color #8');
$table_chars->data[$row][1] = html_print_input_text ('graph_color8', $config["graph_color8"], '', 8, 8, true);
$row++;

$table_chars->data[$row][0] = __('Graph color #9');
$table_chars->data[$row][1] = html_print_input_text ('graph_color9', $config["graph_color9"], '', 8, 8, true);
$row++;

$table_chars->data[$row][0] = __('Graph color #10');
$table_chars->data[$row][1] = html_print_input_text ('graph_color10', $config["graph_color10"], '', 8, 8, true);
$row++;

$table_chars->data[$row][0] = __('Graph resolution (1-low, 5-high)');
$table_chars->data[$row][1] = html_print_input_text ('graph_res', $config["graph_res"], '', 5, 5, true);
$row++;

$table_chars->data[$row][0] = __('Value to interface graphics');
$table_chars->data[$row][1] = html_print_input_text ('interface_unit', $config["interface_unit"], '', 20, 20, true);
$row++;

$disabled_graph_precision = false;
if (!enterprise_installed()) {
	$disabled_graph_precision = true;
}

$table_chars->data[$row][0] = __('Data precision');
$table_chars->data[$row][0] .= ui_print_help_tip(__('Number of decimals shown. It must be a number between 0 and 5, except in graphs.'), true);
$table_chars->data[$row][1] = html_print_input_text ('graph_precision', $config["graph_precision"], '', 5, 5, true, $disabled_graph_precision, false, "onChange=\"change_precision()\"");
$row++;

if (!isset($config["short_module_graph_data"]))
	$config["short_module_graph_data"] = true;
$table_chars->data[$row][0] = __('Data precision in graphs');
$table_chars->data[$row][0] .= ui_print_help_tip(__('Number of decimals shown. If the field is empty, it will show all the decimals'), true);
$table_chars->data[$row][1] = html_print_input_text ('short_module_graph_data', $config["short_module_graph_data"], '', 5, 5, true, $disabled_graph_precision, false, "onChange=\"change_precision()\"");
$row++;

$table_chars->data[$row][0] = __('Default line thickness for the Custom Graph.');
$table_chars->data[$row][1] = html_print_input_text ('custom_graph_width',
	$config["custom_graph_width"], '', 5, 5, true);
$row++;

$table_chars->data[$row][0] = __('Use round corners');
$table_chars->data[$row][1] = __('Yes').'&nbsp;'.html_print_radio_button ('round_corner', 1, '', $config["round_corner"], true).'&nbsp;&nbsp;';
$table_chars->data[$row][1] .= __('No').'&nbsp;'.html_print_radio_button ('round_corner', 0, '', $config["round_corner"], true);
$row++;

$table_chars->data[$row][0] = __('Interactive charts') .
	ui_print_help_tip(__('Whether to use Javascript or static PNG graphs'), true);
$table_chars->data[$row][1] = __('Yes').'&nbsp;' .
	html_print_radio_button ('flash_charts', 1, '', $config["global_flash_charts"], true).'&nbsp;&nbsp;';
$table_chars->data[$row][1] .= __('No').'&nbsp;' .
	html_print_radio_button ('flash_charts', 0, '', $config["global_flash_charts"], true);
$row++;


$table_chars->data[$row][0] = __('Type of module charts');
$table_chars->data[$row][1] = __('Area').'&nbsp;' .
	html_print_radio_button ('type_module_charts', 'area', '',
		$config["type_module_charts"] == 'area', true).'&nbsp;&nbsp;';
$table_chars->data[$row][1] .= __('Line').'&nbsp;' .
	html_print_radio_button ('type_module_charts', 'line', '',
		$config["type_module_charts"] != 'area', true);
$row++;

$table_chars->data[$row][0] = __('Type of interface charts');
$table_chars->data[$row][1] = __('Area').'&nbsp;' .
	html_print_radio_button ('type_interface_charts', 'area', '',
		$config["type_interface_charts"] == 'area', true).'&nbsp;&nbsp;';
$table_chars->data[$row][1] .= __('Line').'&nbsp;' .
	html_print_radio_button ('type_interface_charts', 'line', '',
		$config["type_interface_charts"] != 'area', true);
$row++;

$table_chars->data[$row][0] = __('Show only average');
$table_chars->data[$row][0] .= ui_print_help_tip(__('Hide Max and Min values in graphs'), true);
$table_chars->data[$row][1] = __('Yes').'&nbsp;' .
	html_print_radio_button ('only_average', 1, '', $config["only_average"], true).'&nbsp;&nbsp;';
$table_chars->data[$row][1] .= __('No').'&nbsp;' .
	html_print_radio_button ('only_average', 0, '', $config["only_average"], true);
$row++;

$table_chars->data[$row][0] = __('Percentile');
$table_chars->data[$row][0] .= ui_print_help_tip(__('Show percentile 95 in graphs'), true);
$table_chars->data[$row][1] = html_print_input_text ('percentil', $config['percentil'], '', 20, 20, true);
$row++;

$table_chars->data[$row][0] = __('Graph TIP view:');
$table_chars->data[$row][0] .= ui_print_help_tip(__('This option may cause performance issues'), true);

$options_full_escale    = array();
$options_full_escale[0] = __('None');
$options_full_escale[1] = __('All');
$options_full_escale[2] = __('On Boolean graphs');

$table_chars->data[$row][1] = html_print_select($options_full_escale, 'full_scale_option', $config["full_scale_option"], '', '', 0, true, false, false);
$row++;

/*
	$table_font->data[$row][0] = __('Font path');
$fonts = load_fonts();
$table_font->data[$row][1] = html_print_select($fonts, 'fontpath',
	io_safe_output($config["fontpath"]), '', '', 0, true);

$row++;
*/

echo "<fieldset>";
echo "<legend>" . __('Charts configuration') . "</legend>";
html_print_table ($table_chars);
echo "</fieldset>";	
//----------------------------------------------------------------------

//----------------------------------------------------------------------
// Visual Consoles
//----------------------------------------------------------------------
$table_vc = new stdClass();
$table_vc->width = '100%';
$table_vc->class = "databox filters";
$table_vc->style[0] = 'font-weight: bold';
$table_vc->size[0] = '50%';
$table_vc->data = array ();

$vc_favourite_view_array[0] = 'Classic view';
$vc_favourite_view_array[1] = 'View of favorites';
$table_vc->data[$row][0] = __('Type of view of visual consoles') . 
								ui_print_help_tip(__('Allows you to directly display the list of favorite visual consoles'), true);
$table_vc->data[$row][1] = html_print_select($vc_favourite_view_array, 'vc_favourite_view', $config["vc_favourite_view"], '', '', 0, true);
$row++;

$table_vc->data[$row][0] = __('Number of favorite visual consoles to show in the menu') . 
								ui_print_help_tip(__('If the number is 0 it will not show the pull-down menu and maximum 25 favorite consoles'), true);
//$table_vc->data[$row][1] = html_print_input_text ('vc_menu_items', $config["vc_menu_items"], '', 5, 5, true);
$table_vc->data[$row][1] = "<input type ='number' value=".$config["vc_menu_items"]." size='5' name='vc_menu_items' min='0' max='25'>";
$row++;

if (empty($config["vc_line_thickness"])) $config["vc_line_thickness"] = 2;
$table_vc->data[$row][0] = __('Default line thickness for the Visual Console') . 
								ui_print_help_tip(__('This interval will affect to the lines between elements on the Visual Console'), true);
$table_vc->data[$row][1] = html_print_input_text ('vc_line_thickness', $config["vc_line_thickness"], '', 5, 5, true);


echo "<fieldset>";
echo "<legend>" . __('Visual consoles configuration') . "</legend>";
	html_print_table ($table_vc);
echo "</fieldset>";	


//----------------------------------------------------------------------
// OTHER CONFIGURATION
//----------------------------------------------------------------------
$table_other = new stdClass();
$table_other->width = '100%';
$table_other->class = "databox filters";
$table_other->style[0] = 'font-weight: bold;';
$table_other->size[0] = '50%';
$table_other->data = array ();

// Enrique (27/01/2017) New feature: Show report info on top of reports
$table_other->data[$row][0] = __('Show report info with description') .
	ui_print_help_tip(
		__('Custom report description info. It will be applied to all reports and templates by default.'), true);
$table_other->data[$row][1] = html_print_checkbox('custom_report_info', 1,
	$config['custom_report_info'], true);
$row++;

//----------------------------------------------------------------------

// Juanma (07/05/2014) New feature: Table for custom front page for reports  
$table_other->data[$row][0] = __('Custom report front page') .
	ui_print_help_tip(
		__('Custom report front page. It will be applied to all reports and templates by default.'), true);
$table_other->data[$row][1] = html_print_checkbox('custom_report_front', 1,
	$config['custom_report_front'], true);
$row++;
//----------------------------------------------------------------------

$dirItems = scandir($config['homedir'] . '/images/custom_logo');
foreach ($dirItems as $entryDir) {
	if (strstr($entryDir, '.jpg') !== false || strstr($entryDir, '.png') !== false) {
		$customLogos['images/custom_logo/' . $entryDir] = $entryDir;
	}
}

$_fonts = array();
$dirFonts = scandir(_MPDF_TTFONTPATH);
foreach ($dirFonts as $entryDir) {
	if (strstr($entryDir, '.ttf') !== false) {
		$_fonts[$entryDir] = $entryDir;
	}
}

// Font
$table_other->data['custom_report_front-font'][0] = __('Custom report front') . ' - ' . __('Font family');
$table_other->data['custom_report_front-font'][1] = html_print_select ($_fonts,
	'custom_report_front_font', $config['custom_report_front_font'],
	false, __('Default'), '', true);

// Logo
$table_other->data['custom_report_front-logo'][0] =  __('Custom report front') . ' - ' .
	__('Custom logo') .
	ui_print_help_tip(
		__("The dir of custom logos is in your www Console in 'images/custom_logo'. You can upload more files (ONLY JPEG AND PNG) in upload tool in console."), true);
$table_other->data['custom_report_front-logo'][1] = html_print_select(
	$customLogos,
	'custom_report_front_logo',
	io_safe_output($config['custom_report_front_logo']),
	'showPreview()',
	__('Default'),
	'',
	true);
// Preview
$table_other->data['custom_report_front-preview'][0] =  __('Custom report front') . ' - ' . 'Preview';
if (empty($config['custom_report_front_logo'])) {
	$config['custom_report_front_logo'] = 'images/pandora_logo_white.jpg';
}
$table_other->data['custom_report_front-preview'][1] = '<span id="preview_image">' .
	html_print_image ($config['custom_report_front_logo'], true) . '</span>';

// Header
$table_other->data['custom_report_front-header'][0] =  __('Custom report front') . ' - ' . __('Header');
$table_other->data['custom_report_front-header'][1] = html_print_textarea('custom_report_front_header', 5, 15,
	$config['custom_report_front_header'], 'style="width: 38em;"', true);

// First page
$table_other->data['custom_report_front-first_page'][0] =  __('Custom report front') . ' - ' . __('First page');
$custom_report_front_firstpage = str_replace('(_URLIMAGE_)',
		ui_get_full_url(false, true, false, false),
		$config['custom_report_front_firstpage']);
$table_other->data['custom_report_front-first_page'][1] = html_print_textarea('custom_report_front_firstpage', 15, 15,
	$custom_report_front_firstpage, 'style="width: 38em; height: 20em;"', true);

// Footer
$table_other->data['custom_report_front-footer'][0] =  __('Custom report front') . ' - ' . __('Footer');
$table_other->data['custom_report_front-footer'][1] = html_print_textarea('custom_report_front_footer', 5, 15,
	$config['custom_report_front_footer'], 'style="width: 38em;"', true);




$table_other->data[$row][0] = __('Show QR Code icon in the header');
$table_other->data[$row][1] = __('Yes') . '&nbsp;' .
	html_print_radio_button ('show_qr_code_header', 1, '',
		$config["show_qr_code_header"], true) .
	'&nbsp;&nbsp;';
$table_other->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button ('show_qr_code_header', 0, '',
		$config["show_qr_code_header"], true);

$row++;

$table_other->data[$row][0] = __('Custom graphviz directory') .
	ui_print_help_tip (__("Custom directory where the graphviz binaries are stored."), true);
$table_other->data[$row][1] = html_print_input_text ('graphviz_bin_dir',
	$config["graphviz_bin_dir"], '', 50, 255, true);

$row++;

$table_other->data[$row][0] = __('Networkmap max width');
$table_other->data[$row][1] = html_print_input_text ('networkmap_max_width',
	$config["networkmap_max_width"], '', 10, 20, true);
$row++;



$table_other->data[$row][0] = __('Show only the group name');
$table_other->data[$row][0] .= ui_print_help_tip(
	__('Show the group name instead the group icon.'), true);
$table_other->data[$row][1] = __('Yes') . '&nbsp;' .
	html_print_radio_button ('show_group_name', 1, '',
		$config["show_group_name"], true) .
	'&nbsp;&nbsp;';
$table_other->data[$row][1] .= __('No') . '&nbsp;' .
	html_print_radio_button ('show_group_name', 0, '',
		$config["show_group_name"], true);
$row++;

$table_other->data[$row][0] = __('Date format string') . ui_print_help_icon("date_format", true);
$table_other->data[$row][1] = '<em>'.__('Example').'</em> '.date ($config["date_format"]);
$table_other->data[$row][1] .= html_print_input_text ('date_format', $config["date_format"], '', 30, 100, true);
$row++;

if ($config['prominent_time'] == 'comparation') {
	$timestamp = false;
	$comparation = true;
}
else if ($config['prominent_time'] == 'timestamp') {
	$timestamp = true;
	$comparation = false;
}
$table_other->data[$row][0] = __('Timestamp or time comparation') . ui_print_help_icon ("time_stamp-comparation", true);
$table_other->data[$row][1] = __('Comparation in rollover') . ' ';
$table_other->data[$row][1] .= html_print_radio_button ('prominent_time', "comparation", '', $comparation, true);
$table_other->data[$row][1] .= '<br />'.__('Timestamp in rollover').' ';
$table_other->data[$row][1] .= html_print_radio_button ('prominent_time', "timestamp", '', $timestamp, true);

$row++;

//----------------------------------------------------------------------
// CUSTOM VALUES POST PROCESS
//----------------------------------------------------------------------
$table_other->data[$row][0] = __('Custom values post process');
$table_other->data[$row][1] = "<table>";
$table_other->data[$row][1] .= __('Value') . ':&nbsp;' .
	html_print_input_text ('custom_value', '', '', 25, 50, true);
$table_other->data[$row][1] .= '&nbsp;' . __('Text') . ':&nbsp;' .
	html_print_input_text ('custom_text', '', '', 25, 50, true);
$table_other->data[$row][1] .= "&nbsp;";
$table_other->data[$row][1] .= html_print_input_hidden(
	'custom_value_add', '', true);
$table_other->data[$row][1] .= html_print_button (__('Add'),
	'custom_value_add_btn', false, "", 'class="sub next"', true);

$table_other->data[$row][1] .= '<br /><br />';

$table_other->data[$row][1] .= __('Delete custom values') . ': ';
$table_other->data[$row][1] .= html_print_select(
	post_process_get_custom_values(), 'custom_values', "", "", '', '',
	true);
$count_custom_postprocess = post_process_get_custom_values();
$table_other->data[$row][1] .= html_print_button (__('Delete'),
	'custom_values_del_btn',
	empty($count_custom_postprocess), "",
	'class="sub cancel"', true);
// This hidden field will be filled from jQuery before submit
$table_other->data[$row][1] .= html_print_input_hidden(
	'custom_value_to_delete', '', true);
$table_other->data[$row][1] .= "</table>";
//----------------------------------------------------------------------


//----------------------------------------------------------------------
// CUSTOM INTERVAL VALUES
//----------------------------------------------------------------------
$row++;
$table_other->data[$row][0] = __('Interval values');
$units = array(
	1 => __('seconds'),
	SECONDS_1MINUTE => __('minutes'),
	SECONDS_1HOUR => __('hours'),
	SECONDS_1DAY => __('days'),
	SECONDS_1MONTH => __('months'),
	SECONDS_1YEAR => __('years'));
$table_other->data[$row][1] = __('Add new custom value to intervals') . ': ';
$table_other->data[$row][1] .= html_print_input_text ('interval_value', '', '', 5, 5, true);
$table_other->data[$row][1] .= html_print_select ($units, 'interval_unit', 1, "", '', '', true, false, false);
$table_other->data[$row][1] .= html_print_button (__('Add'), 'interval_add_btn', false, "", 'class="sub next"', true);
$table_other->data[$row][1] .= '<br><br>';

$table_other->data[$row][1] .= __('Delete interval') . ': ';
$table_other->data[$row][1] .= html_print_select (get_periods(false, false), 'intervals', "", "", '', '', true);
$table_other->data[$row][1] .= html_print_button (__('Delete'), 'interval_del_btn', empty($config["interval_values"]), "", 'class="sub cancel"', true);

$table_other->data[$row][1] .= html_print_input_hidden ('interval_values', $config["interval_values"], true);
// This hidden field will be filled from jQuery before submit
$table_other->data[$row][1] .= html_print_input_hidden ('interval_to_delete', '', true);
//----------------------------------------------------------------------
$row++;

$common_dividers = array(
	";" => ";",
	"," => ",",
	"|" => "|");
$table_other->data[$row][0] = __('CSV divider');
if ($config['csv_divider'] != ";" && $config['csv_divider'] != "," && $config['csv_divider'] != "|") {
	$table_other->data[$row][1] = html_print_input_text ('csv_divider', $config['csv_divider'], "", 20, 255, true);
	$table_other->data[$row][1] .= '<a id="csv_divider_custom" onclick="javascript: edit_csv_divider();">' .
										html_print_image('images/default_list.png', true, array('id' => 'select')) . 
									"</a>";
}
else {
	$table_other->data[$row][1] = html_print_select ($common_dividers, 'csv_divider', $config['csv_divider'], "", '', '', true, false, false);
	$table_other->data[$row][1] .= '<a id="csv_divider_custom" onclick="javascript: edit_csv_divider();">' .
										html_print_image('images/pencil.png', true, array('id' => 'pencil')) . 
									"</a>";
}
$row++;


echo "<fieldset>";
echo "<legend>" . __('Other configuration') . "</legend>";
html_print_table ($table_other);
echo "</fieldset>";


echo '<div class="action-buttons" style="width: '.$table_other->width.'">';
html_print_submit_button (__('Update'), 'update_button', false, 'class="sub upd"');
echo '</div>';
echo '</form>';

ui_require_css_file ("color-picker");
ui_require_jquery_file ("colorpicker");

function load_fonts() {
	global $config;

	$home = str_replace('\\', '/', $config['homedir'] );
	$dir = scandir($home. '/include/fonts/');

	$fonts = array();
	
	foreach ($dir as $file) {
		if (strstr($file, '.ttf') !== false) {
			$fonts[$home . '/include/fonts/' . $file] = $file;
		}
	}
	
	return $fonts;
}

ui_require_javascript_file('tiny_mce', 'include/javascript/tiny_mce/');

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

function edit_csv_divider () {
	if ($("#csv_divider_custom img").attr("id") == "pencil") {
		$("#csv_divider_custom img").attr("src", "images/default_list.png");
		$("#csv_divider_custom img").attr("id", "select");
		var value = $("#csv_divider").val();
		$("#csv_divider").replaceWith("<input id='text-csv_divider' name='csv_divider' type='text'>");
		$("#text-csv_divider").val(value);
	}
	else {
		$("#csv_divider_custom img").attr("src", "images/pencil.png");
		$("#csv_divider_custom img").attr("id", "pencil");
		$("#text-csv_divider").replaceWith("<select id='csv_divider' name='csv_divider'>");
		var o = new Option(";", ";");
		var o1 = new Option(",", ",");
		var o2 = new Option("|", "|");
		$("#csv_divider").append(o);
		$("#csv_divider").append(o1);
		$("#csv_divider").append(o2);
	}
}

// Juanma (07/05/2014) New feature: Custom front page for reports  
function display_custom_report_front (show,table) {
	
	if (show == true) {
		$('tr#'+table+'-custom_report_front-font').show();
		$('tr#'+table+'-custom_report_front-logo').show();
		$('tr#'+table+'-custom_report_front-preview').show();
		$('tr#'+table+'-custom_report_front-header').show();
		$('tr#'+table+'-custom_report_front-first_page').show();
		$('tr#'+table+'-custom_report_front-footer').show();
	}
	else {
		$('tr#'+table+'-custom_report_front-font').hide();
		$('tr#'+table+'-custom_report_front-logo').hide();
		$('tr#'+table+'-custom_report_front-preview').hide();
		$('tr#'+table+'-custom_report_front-header').hide();
		$('tr#'+table+'-custom_report_front-first_page').hide();
		$('tr#'+table+'-custom_report_front-footer').hide();
	}
	
}

function showPreview() {
	var img_value = $('#custom_report_front_logo').val();
	
	jQuery.post (
		<?php
		echo "'" . ui_get_full_url(false, false, false, false) . "'";
		?> + "/ajax.php",
		{
			"page" : "<?php echo ENTERPRISE_DIR ?>/godmode/reporting/reporting_builder.template_advanced",
			"get_image_path": "1",
			"img_src" : img_value
		},
		function (data, status) {
			$("#preview_image").html(data);
		}
	);
}

function change_precision() {
	var value = $("#text-graph_precision").val();
	if ((value < 0) || (value > 5)) {
		$("#text-graph_precision").val(1);
	}
}

function change_servicetree_nodes_padding () {
	var value = $("#text-service_item_padding_size").val();
	if (value < 80) {
		$("#text-service_item_padding_size").val(80);
	}
}

tinyMCE.init({
	mode : "exact",
	elements: "textarea_custom_report_front_header, textarea_custom_report_front_footer",
	theme : "advanced",
	theme_advanced_toolbar_location : "top",
	theme_advanced_toolbar_align : "left",
	theme_advanced_buttons1 : "bold,italic, |, image, |, cut, copy, paste, |, undo, redo, |, forecolor, |, fontsizeselect, |, justifyleft, justifycenter, justifyright",
	theme_advanced_buttons2 : "",
	theme_advanced_buttons3 : "",
	theme_advanced_statusbar_location : "none"
});

tinyMCE.init({
	mode : "exact",
	elements: "textarea_custom_report_front_firstpage",
	theme : "advanced",
	theme_advanced_toolbar_location : "top",
	theme_advanced_toolbar_align : "left",
	theme_advanced_buttons1 : "bold,italic, |, image, |, cut, copy, paste, |, undo, redo, |, forecolor, |, fontsizeselect, |, justifyleft, justifycenter, justifyright",
	theme_advanced_buttons2 : "",
	theme_advanced_buttons3 : "",
	convert_urls : false,
	theme_advanced_statusbar_location : "none"
});

$(document).ready (function () {
	
	var comfort = 0;
	
	if(comfort == 0){
		$(':input,:radio,:checkbox,:file').change(function(){
			$('#submit-update_button').css({'position':'fixed','right':'80px','bottom':'55px'});
			var comfort = 1;
		});
		
		$("*").keydown(function(){
			$('#submit-update_button').css({'position':'fixed','right':'80px','bottom':'55px'});
			var comfort = 1;
		});
		
		$('#form_setup').after('<br>');	
		}
	
	$("#form_setup #text-graph_color1").attachColorPicker();
	$("#form_setup #text-graph_color2").attachColorPicker();
	$("#form_setup #text-graph_color3").attachColorPicker();
	$("#form_setup #text-graph_color4").attachColorPicker();
	$("#form_setup #text-graph_color5").attachColorPicker();
	$("#form_setup #text-graph_color6").attachColorPicker();
	$("#form_setup #text-graph_color7").attachColorPicker();
	$("#form_setup #text-graph_color8").attachColorPicker();
	$("#form_setup #text-graph_color9").attachColorPicker();
	$("#form_setup #text-graph_color10").attachColorPicker();
	
	
	//------------------------------------------------------------------
	// CUSTOM VALUES POST PROCESS
	//------------------------------------------------------------------
	$("#button-custom_values_del_btn").click( function()  {
		var interval_selected = $('#custom_values').val();
		$('#hidden-custom_value_to_delete').val(interval_selected);
		
		$("input[name='custom_value']").val("");
		$("input[name='custom_text']").val("");
		
		$('#submit-update_button').trigger('click');
	});
	
	$("#button-custom_value_add_btn").click( function() {
		$('#hidden-custom_value_add').val(1);
		
		$('#submit-update_button').trigger('click');
	});
	//------------------------------------------------------------------
	
	
	//------------------------------------------------------------------
	// CUSTOM INTERVAL VALUES
	//------------------------------------------------------------------
	$("#button-interval_del_btn").click( function()  {
		var interval_selected = $('#intervals option:selected').val();
		$('#hidden-interval_to_delete').val(interval_selected);
		$('#submit-update_button').trigger('click');
	});
	
	$("#button-interval_add_btn").click( function() {
		$('#submit-update_button').trigger('click');
	});
	//------------------------------------------------------------------
	
	
	// Juanma (06/05/2014) New feature: Custom front page for reports  
	var custom_report = $('#checkbox-custom_report_front')
		.prop('checked');
	display_custom_report_front(custom_report,$('#checkbox-custom_report_front').parent().parent().parent().parent().attr('id'));
	
	$("#checkbox-custom_report_front").click( function()  {
		var custom_report = $('#checkbox-custom_report_front')
			.prop('checked');
		display_custom_report_front(custom_report,$(this).parent().parent().parent().parent().attr('id'));
	});
});

// Dialog loaders for the images previews

$("#button-custom_logo_preview").click (function (e) {
	var icon_name = $("select#custom_logo option:selected").val();
	var icon_path = "<?php echo $config['homeurl'];  if(enterprise_installed){ echo 'enterprise/'; } ?>images/custom_logo/" + icon_name;

	if (icon_name == "")
		return;

	$dialog = $("<div></div>");
	$image = $("<div style='background-color:grey'><img src=\"" + icon_path + "\"></div>");
	$image
		.css('max-width', '500px')
		.css('max-height', '500px');

	try {
		$dialog
			.hide()
			.html($image)
			.dialog({
				title: "<?php echo __('Logo preview'); ?>",
				resizable: true,
				draggable: true,
				modal: true,
				overlay: {
					opacity: 0.5,
					background: "black"
				},
				minHeight: 1,
				width: $image.width,
				close: function () {
					$dialog
						.empty()
						.remove();
				}
			}).show();
	}
	catch (err) {
		// console.log(err);
	}
});

$("#button-custom_logo_login_preview").click (function (e) {
	var icon_name = $("select#custom_logo_login option:selected").val();
	var icon_path = "<?php echo $config['homeurl']; if(enterprise_installed){ echo 'enterprise/'; } ?>images/custom_logo_login/" + icon_name;

	if (icon_name == "")
		return;

	$dialog = $("<div></div>");
	$image = $("<div style='background-color:grey'><img src=\"" + icon_path + "\"></div>");
	$image
		.css('max-width', '500px')
		.css('max-height', '500px');

	try {
		$dialog
			.hide()
			.html($image)
			.dialog({
				title: "<?php echo __('Logo preview'); ?>",
				resizable: true,
				draggable: true,
				modal: true,
				overlay: {
					opacity: 0.5,
					background: "black"
				},
				minHeight: 1,
				width: $image.width,
				close: function () {
					$dialog
						.empty()
						.remove();
				}
			}).show();
	}
	catch (err) {
		// console.log(err);
	}
});

$("#button-custom_splash_login_preview").click (function (e) {
	var icon_name = $("select#custom_splash_login option:selected").val();
	var icon_path = "<?php echo $config['homeurl']; if(enterprise_installed){ echo 'enterprise/'; } ?>images/custom_splash_login/" + icon_name;

	if (icon_name == "")
		return;

	$dialog = $("<div></div>");
	$image = $("<img src=\"" + icon_path + "\">");
	$image
		.css('max-width', '500px')
		.css('max-height', '500px');

	try {
		$dialog
			.hide()
			.html($image)
			.dialog({
				title: "<?php echo __('Splash Preview'); ?>",
				resizable: true,
				draggable: true,
				modal: true,
				overlay: {
					opacity: 0.5,
					background: "black"
				},
				minHeight: 1,
				width: $image.width,
				close: function () {
					$dialog
						.empty()
						.remove();
				}
			}).show();
	}
	catch (err) {
		// console.log(err);
	}
});


$("#button-login_background_preview").click (function (e) {
	var icon_name = $("select#login_background option:selected").val();
	var icon_path = "<?php echo $config['homeurl']; ?>/images/backgrounds/" + icon_name;

	if (icon_name == "")
		return;

	$dialog = $("<div></div>");
	$image = $("<img src=\"" + icon_path + "\">");
	$image
		.css('max-width', '500px')
		.css('max-height', '500px');

	try {
		$dialog
			.hide()
			.html($image)
			.dialog({
				title: "<?php echo __('Background preview'); ?>",
				resizable: true,
				draggable: true,
				modal: true,
				overlay: {
					opacity: 0.5,
					background: "black"
				},
				minHeight: 1,
				width: $image.width,
				close: function () {
					$dialog
						.empty()
						.remove();
				}
			}).show();
	}
	catch (err) {
		// console.log(err);
	}
});

$("#button-gis_icon_preview").click (function (e) {
	var icon_prefix = $("select#gis_default_icon option:selected").val();
	var icon_path = "<?php echo $config['homeurl']; ?>/images/gis_map/icons/" + icon_prefix;

	if (icon_prefix == "")
		return;

	$dialog = $("<div></div>");
	$icon_default = $("<img src=\"" + icon_path + ".default.png\">");
	$icon_ok = $("<img src=\"" + icon_path + ".ok.png\">");
	$icon_warning = $("<img src=\"" + icon_path + ".warning.png\">");
	$icon_bad = $("<img src=\"" + icon_path + ".bad.png\">");

	try {
		$dialog
			.hide()
			.empty()
			.append($icon_default)
			.append($icon_ok)
			.append($icon_warning)
			.append($icon_bad)
			.dialog({
				title: "<?php echo __('Gis icons preview'); ?>",
				resizable: true,
				draggable: true,
				modal: true,
				overlay: {
					opacity: 0.5,
					background: "black"
				},
				minHeight: 1,
				close: function () {
					$dialog
						.empty()
						.remove();
				}
			}).show();
	}
	catch (err) {
		// console.log(err);
	}
});

$("#button-status_set_preview").click (function (e) {
	var icon_dir = $("select#status_images_set option:selected").val();
	var icon_path = "<?php echo $config['homeurl']; ?>/images/status_sets/" + icon_dir + "/";

	if (icon_dir == "")
		return;

	$dialog = $("<div></div>");
	$icon_unknown_ball = $("<img src=\"" + icon_path + "agent_down_ball.png\">");
	$icon_unknown = $("<img src=\"" + icon_path + "agent_down.png\">");
	$icon_ok_ball = $("<img src=\"" + icon_path + "agent_ok_ball.png\">");
	$icon_ok = $("<img src=\"" + icon_path + "agent_ok.png\">");
	$icon_warning_ball = $("<img src=\"" + icon_path + "agent_warning_ball.png\">");
	$icon_warning = $("<img src=\"" + icon_path + "agent_warning.png\">");
	$icon_bad_ball = $("<img src=\"" + icon_path + "agent_critical_ball.png\">");
	$icon_bad = $("<img src=\"" + icon_path + "agent_critical.png\">");

	try {
		$dialog
			.hide()
			.empty()
			.append($icon_unknown_ball)
			.append($icon_unknown)
			.append('&nbsp;')
			.append($icon_ok_ball)
			.append($icon_ok)
			.append('&nbsp;')
			.append($icon_warning_ball)
			.append($icon_warning)
			.append('&nbsp;')
			.append($icon_bad_ball)
			.append($icon_bad)
			.css('vertical-align', 'middle')
			.dialog({
				title: "<?php echo __('Status set preview'); ?>",
				resizable: true,
				draggable: true,
				modal: true,
				overlay: {
					opacity: 0.5,
					background: "black"
				},
				minHeight: 1,
				close: function () {
					$dialog
						.empty()
						.remove();
				}
			}).show();
	}
	catch (err) {
		// console.log(err);
	}
});

</script>