tyler.durden
/
pandorafms
mirror of https://github.com/pandorafms/pandorafms.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

This commit is contained in:
mdtrooper 2014-11-25 11:52:04 +01:00
parent b6e7cee764
commit 66dd75ce3a
4 changed files with 99 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
pandora_console/godmode/reporting/visual_console_builder.editor.js
View File

@ -520,6 +520,7 @@ function toggle_item_palette() {
activeToolboxButton('percentile_item', true); activeToolboxButton('percentile_item', true);
activeToolboxButton('group_item', true); activeToolboxButton('group_item', true);
activeToolboxButton('box_item', true); activeToolboxButton('box_item', true);
activeToolboxButton('line_item', true);
if (typeof(enterprise_activeToolboxButton) == 'function') { if (typeof(enterprise_activeToolboxButton) == 'function') {
enterprise_activeToolboxButton(true); enterprise_activeToolboxButton(true);
@ -545,6 +546,7 @@ function toggle_item_palette() {
activeToolboxButton('percentile_item', false); activeToolboxButton('percentile_item', false);
activeToolboxButton('group_item', false); activeToolboxButton('group_item', false);
activeToolboxButton('box_item', false); activeToolboxButton('box_item', false);
activeToolboxButton('line_item', false);
activeToolboxButton('copy_item', false); activeToolboxButton('copy_item', false);
activeToolboxButton('edit_item', false); activeToolboxButton('edit_item', false);
@ -863,6 +865,7 @@ function setAspectRatioBackground(side) {
} }
function hiddenFields(item) { function hiddenFields(item) {
//The method to hidden and show is //The method to hidden and show is
//a row have a id and multiple class //a row have a id and multiple class
//then the steps is //then the steps is
@ -872,100 +875,100 @@ function hiddenFields(item) {
// or <tr id="title_panel_span_<item>">...</tr> // or <tr id="title_panel_span_<item>">...</tr>
$(".title_panel_span").css('display', 'none'); $(".title_panel_span").css('display', 'none');
$("#title_panel_span_" + item).css('display', 'inline'); $("#title_panel_span_" + item).css('display', 'inline');
$("#label_row").css('display', 'none'); $("#label_row").css('display', 'none');
$("#label_row." + item).css('display', ''); $("#label_row." + item).css('display', '');
$("#image_row").css('display', 'none'); $("#image_row").css('display', 'none');
$("#image_row." + item).css('display', ''); $("#image_row." + item).css('display', '');
$("#enable_link_row").css('display', 'none'); $("#enable_link_row").css('display', 'none');
$("#enable_link_row." + item).css('display', ''); $("#enable_link_row." + item).css('display', '');
$("#preview_row").css('display', 'none'); $("#preview_row").css('display', 'none');
$("#preview_row." + item).css('display', ''); $("#preview_row." + item).css('display', '');
$("#position_row").css('display', 'none'); $("#position_row").css('display', 'none');
$("#position_row." + item).css('display', ''); $("#position_row." + item).css('display', '');
$("#agent_row").css('display', 'none'); $("#agent_row").css('display', 'none');
$("#agent_row." + item).css('display', ''); $("#agent_row." + item).css('display', '');
$("#module_row").css('display', 'none'); $("#module_row").css('display', 'none');
$("#module_row." + item).css('display', ''); $("#module_row." + item).css('display', '');
$("#group_row").css('display', 'none'); $("#group_row").css('display', 'none');
$("#group_row." + item).css('display', ''); $("#group_row." + item).css('display', '');
$("#process_value_row").css('display', 'none'); $("#process_value_row").css('display', 'none');
$("#process_value_row." + item).css('display', ''); $("#process_value_row." + item).css('display', '');
$("#background_row_1").css('display', 'none'); $("#background_row_1").css('display', 'none');
$("#background_row_1." + item).css('display', ''); $("#background_row_1." + item).css('display', '');
$("#background_row_2").css('display', 'none'); $("#background_row_2").css('display', 'none');
$("#background_row_2." + item).css('display', ''); $("#background_row_2." + item).css('display', '');
$("#background_row_3").css('display', 'none'); $("#background_row_3").css('display', 'none');
$("#background_row_3." + item).css('display', ''); $("#background_row_3." + item).css('display', '');
$("#background_row_4").css('display', 'none'); $("#background_row_4").css('display', 'none');
$("#background_row_4." + item).css('display', ''); $("#background_row_4." + item).css('display', '');
$("#percentile_bar_row_1").css('display', 'none'); $("#percentile_bar_row_1").css('display', 'none');
$("#percentile_bar_row_1." + item).css('display', ''); $("#percentile_bar_row_1." + item).css('display', '');
$("#percentile_bar_row_2").css('display', 'none'); $("#percentile_bar_row_2").css('display', 'none');
$("#percentile_bar_row_2." + item).css('display', ''); $("#percentile_bar_row_2." + item).css('display', '');
$("#percentile_item_row_3").css('display', 'none'); $("#percentile_item_row_3").css('display', 'none');
$("#percentile_item_row_3." + item).css('display', ''); $("#percentile_item_row_3." + item).css('display', '');
$("#percentile_item_row_4").css('display', 'none'); $("#percentile_item_row_4").css('display', 'none');
$("#percentile_item_row_4." + item).css('display', ''); $("#percentile_item_row_4." + item).css('display', '');
$("#period_row").css('display', 'none'); $("#period_row").css('display', 'none');
$("#period_row." + item).css('display', ''); $("#period_row." + item).css('display', '');
$("#size_row").css('display', 'none'); $("#size_row").css('display', 'none');
$("#size_row." + item).css('display', ''); $("#size_row." + item).css('display', '');
$("#parent_row").css('display', 'none'); $("#parent_row").css('display', 'none');
$("#parent_row." + item).css('display', ''); $("#parent_row." + item).css('display', '');
$("#map_linked_row").css('display', 'none'); $("#map_linked_row").css('display', 'none');
$("#map_linked_row." + item).css('display', ''); $("#map_linked_row." + item).css('display', '');
$("#module_graph_size_row").css('display', 'none'); $("#module_graph_size_row").css('display', 'none');
$("#module_graph_size_row." + item).css('display', ''); $("#module_graph_size_row." + item).css('display', '');
$("#background_color").css('display', 'none'); $("#background_color").css('display', 'none');
$("#background_color." + item).css('display', ''); $("#background_color." + item).css('display', '');
$("#radio_choice_graph").css('display', 'none'); $("#radio_choice_graph").css('display', 'none');
$("#radio_choice_graph." + item).css('display', ''); $("#radio_choice_graph." + item).css('display', '');
$("#custom_graph_row").css('display', 'none'); $("#custom_graph_row").css('display', 'none');
$("#custom_graph_row." + item).css('display', ''); $("#custom_graph_row." + item).css('display', '');
$("#box_size_row").css('display', 'none'); $("#box_size_row").css('display', 'none');
$("#box_size_row." + item).css('display', ''); $("#box_size_row." + item).css('display', '');
$("#border_color_row").css('display', 'none'); $("#border_color_row").css('display', 'none');
$("#border_color_row." + item).css('display', ''); $("#border_color_row." + item).css('display', '');
$("#border_width_row").css('display', 'none'); $("#border_width_row").css('display', 'none');
$("#border_width_row." + item).css('display', ''); $("#border_width_row." + item).css('display', '');
$("#fill_color_row").css('display', 'none'); $("#fill_color_row").css('display', 'none');
$("#fill_color_row." + item).css('display', ''); $("#fill_color_row." + item).css('display', '');
$("#line_color_row").css('display', 'none'); $("#line_color_row").css('display', 'none');
$("#line_color_row." + item).css('display', ''); $("#line_color_row." + item).css('display', '');
$("#line_width_row").css('display', 'none'); $("#line_width_row").css('display', 'none');
$("#line_width_row." + item).css('display', ''); $("#line_width_row." + item).css('display', '');
@ -2079,6 +2082,20 @@ function eventsItems(drag) {
activeToolboxButton('delete_item', true); activeToolboxButton('delete_item', true);
activeToolboxButton('show_grid', false); activeToolboxButton('show_grid', false);
} }
if ($(divParent).hasClass('handle_start')) {
creationItem = null;
selectedItem = 'handle_start';
activeToolboxButton('edit_item', true);
activeToolboxButton('delete_item', true);
activeToolboxButton('show_grid', false);
}
if ($(divParent).hasClass('handle_end')) {
creationItem = null;
selectedItem = 'handle_end';
activeToolboxButton('edit_item', true);
activeToolboxButton('delete_item', true);
activeToolboxButton('show_grid', false);
}
//Maybe receive a click event any Enterprise item. //Maybe receive a click event any Enterprise item.
if (typeof(enterprise_click_item_callback) == 'function') { if (typeof(enterprise_click_item_callback) == 'function') {
@ -2132,6 +2149,12 @@ function eventsItems(drag) {
if ($(event.target).hasClass('icon')) { if ($(event.target).hasClass('icon')) {
selectedItem = 'icon'; selectedItem = 'icon';
} }
if ($(event.target).hasClass('handle_start')) {
selectedItem = 'handle_start';
}
if ($(event.target).hasClass('handle_end')) {
selectedItem = 'handle_end';
}
if (selectedItem == null) { if (selectedItem == null) {
//Maybe receive a click event any Enterprise item. //Maybe receive a click event any Enterprise item.

1
pandora_console/godmode/reporting/visual_console_builder.editor.php
View File

@ -87,6 +87,7 @@ foreach ($layoutDatas as $layoutData) {
switch ($layoutData['type']) { switch ($layoutData['type']) {
case LINE_ITEM: case LINE_ITEM:
visual_map_print_user_line_handles($layoutData);
visual_map_print_user_lines("write", $layoutData); visual_map_print_user_lines("write", $layoutData);
break; break;
default: default:

39
pandora_console/include/functions_visual_map.php
View File

@ -47,6 +47,45 @@ function visual_map_print_item_toolbox($idDiv, $text, $float) {
echo '</div>'; echo '</div>';
} }
function visual_map_print_user_line_handles($layoutData) {
$id = $layoutData['id'];
$start_x = $layoutData['pos_x'];
$start_y = $layoutData['pos_y'];
$end_x = $layoutData['width'];
$end_y = $layoutData['height'];
$z_index = 2;
$sizeStyle = "";
$radious_handle = 12 / 2;
//Handle of start
echo '<div id="handler_start_' . $id . '" class="item handle_start" ' .
'style="z-index: ' .$z_index . ';' .
'position: absolute; top: ' . ($start_y - $radious_handle) . 'px; ' .
'left: ' . ($start_x - $radious_handle) . 'px;' .
'text-align: center;' .
'display: inline-block; ' . $sizeStyle . '">';
html_print_image("images/dot_red.png");
echo "</div>";
//Handle of end
echo '<div id="handler_end_' . $id . '" class="item handle_end" ' .
'style="z-index: ' .$z_index . ';' .
'position: absolute; top: ' . ($end_y - $radious_handle) . 'px; ' .
'left: ' . ($end_x - $radious_handle) . 'px;' .
'text-align: center;' .
'display: inline-block; ' . $sizeStyle . '">';
html_print_image("images/dot_green.png");
echo "</div>";
}
function visual_map_print_item($mode = "read", $layoutData, function visual_map_print_item($mode = "read", $layoutData,
$proportion = 1, $show_links = true) { $proportion = 1, $show_links = true) {
global $config; global $config;

6
pandora_console/include/functions_visual_map_editor.php
View File

@ -78,7 +78,8 @@ function visual_map_editor_print_item_palette($visualConsole_id, $background) {
$form_items = array(); $form_items = array();
$form_items['line_width_row'] = array(); $form_items['line_width_row'] = array();
$form_items['line_width_row']['items'] = array('datos', 'line_item'); $form_items['line_width_row']['items'] =
array('datos', 'line_item', 'handle_start', 'handle_end');
$form_items['line_width_row']['html'] = '<td align="left">' . __('Width') . '</td> $form_items['line_width_row']['html'] = '<td align="left">' . __('Width') . '</td>
<td align="left">' . <td align="left">' .
html_print_input_text('line_width', 3, '', 3, 5, true) . html_print_input_text('line_width', 3, '', 3, 5, true) .
@ -86,7 +87,8 @@ function visual_map_editor_print_item_palette($visualConsole_id, $background) {
$form_items['line_color_row'] = array(); $form_items['line_color_row'] = array();
$form_items['line_color_row']['items'] = array('datos', 'line_item'); $form_items['line_color_row']['items'] =
array('datos', 'line_item', 'handle_start', 'handle_end');
$form_items['line_color_row']['html'] = $form_items['line_color_row']['html'] =
'<td align="left" valign="top" style="">' . '<td align="left" valign="top" style="">' .
__('Border color') . __('Border color') .