tyler.durden/pandorafms
1
0
Fork 0
mirror of https://github.com/pandorafms/pandorafms.git synced 2025-07-31 01:35:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

Some fixes in the visual console.

Browse Source
This commit is contained in:
mdtrooper 2015-06-17 17:36:41 +02:00
parent b2e31d9ca2
commit f1185c6db9
1 changed files with 77 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,6 +31,8 @@ var SIZE_GRID = 16; //Const the size (for width and height) of grid.
var img_handler_start; var img_handler_start;
var img_handler_end; var img_handler_end;
var font;
function toggle_advance_options_palette(close) { function toggle_advance_options_palette(close) {
if ($("#advance_options").css('display') == 'none') { if ($("#advance_options").css('display') == 'none') {
$("#advance_options").css('display', ''); $("#advance_options").css('display', '');
@ -49,6 +51,23 @@ function visual_map_main() {
img_handler_start= get_image_url("images/dot_red.png"); img_handler_start= get_image_url("images/dot_red.png");
img_handler_end= get_image_url("images/dot_green.png"); img_handler_end= get_image_url("images/dot_green.png");
//Get the actual system font.
parameter = Array();
parameter.push ({name: "page", value: "include/ajax/visual_console_builder.ajax"});
parameter.push ({name: "action", value: "get_font"});
parameter.push ({name: "id_visual_console",
value: id_visual_console});
jQuery.ajax({
url: get_url_ajax(),
data: parameter,
type: "POST",
dataType: 'json',
success: function (data)
{
font = data['font'];
}
});
//Get the list of posible parents //Get the list of posible parents
parents = Base64.decode($("input[name='parents_load']").val()); parents = Base64.decode($("input[name='parents_load']").val());
parents = eval("(" + parents + ")"); parents = eval("(" + parents + ")");
@ -173,11 +192,12 @@ function update_button_palette_callback() {
case 'percentile_bar': case 'percentile_bar':
case 'percentile_item': case 'percentile_item':
$("#text_" + idItem).html(values['label']); $("#text_" + idItem).html(values['label']);
$("#image_" + idItem).attr("src", "images/spinner.gif");
if (values['type_percentile'] == 'bubble') { if (values['type_percentile'] == 'bubble') {
$("#image_" + idItem).attr('src', getPercentileBubble(idItem, values)); setPercentileBubble(idItem, values);
} }
else { else {
$("#image_" + idItem).attr('src', getPercentileBar(idItem, values)); setPercentileBar(idItem, values);
} }
break; break;
@ -188,7 +208,9 @@ function update_button_palette_callback() {
break; break;
case 'simple_value': case 'simple_value':
$("#text_" + idItem).html(values['label']); $("#text_" + idItem).html(values['label']);
$("#simplevalue_" + idItem).html(getModuleValue(idItem,values['process_simple_value'], values['period'])); $("#simplevalue_" + idItem)
.html($('<img></img>').attr('src', "images/spinner.gif"));
setModuleValue(idItem,values['process_simple_value'], values['period']);
break; break;
case 'label': case 'label':
$("#text_" + idItem).html(values['label']); $("#text_" + idItem).html(values['label']);
@ -860,13 +882,14 @@ function loadFieldsFromDB(item) {
} }
function setAspectRatioBackground(side) { function setAspectRatioBackground(side) {
toggle_item_palette();
parameter = Array(); parameter = Array();
parameter.push ({name: "page", value: "include/ajax/visual_console_builder.ajax"}); parameter.push ({name: "page", value: "include/ajax/visual_console_builder.ajax"});
parameter.push ({name: "action", value: "get_original_size_background"}); parameter.push ({name: "action", value: "get_original_size_background"});
parameter.push ({name: "background", value: $("#background_img").attr('src')}); parameter.push ({name: "background", value: $("#background_img").attr('src')});
jQuery.ajax({ jQuery.ajax({
async: false,
url: "ajax.php", url: "ajax.php",
data: parameter, data: parameter,
type: "POST", type: "POST",
@ -905,7 +928,7 @@ function setAspectRatioBackground(side) {
} }
}); });
toggle_item_palette();
} }
function hiddenFields(item) { function hiddenFields(item) {
@ -1239,31 +1262,28 @@ function setModuleGraph(id_data) {
} }
function getModuleValue(id_data, process_simple_value, period) { function setModuleValue(id_data, process_simple_value, period) {
var parameter = Array(); var parameter = Array();
parameter.push ({name: "page", value: "include/ajax/visual_console_builder.ajax"}); parameter.push ({name: "page", value: "include/ajax/visual_console_builder.ajax"});
parameter.push ({name: "action", value: "get_module_value"}); parameter.push ({name: "action", value: "get_module_value"});
parameter.push ({name: "id_element", value: id_data}); parameter.push ({name: "id_element", value: id_data});
parameter.push ({name: "period", value: period}); parameter.push ({name: "period", value: period});
if(process_simple_value != undefined) { if (process_simple_value != undefined) {
parameter.push ({name: "process_simple_value", value: process_simple_value}); parameter.push ({name: "process_simple_value", value: process_simple_value});
} }
jQuery.ajax({ jQuery.ajax({
async: false,
url: get_url_ajax(), url: get_url_ajax(),
data: parameter, data: parameter,
type: "POST", type: "POST",
dataType: 'json', dataType: 'json',
success: function (data) success: function (data)
{ {
module_value = data['value']; $("#simplevalue_" + id_data).html(data['value']);
} }
}); });
return module_value;
} }
function getPercentileBar(id_data, values) { function setPercentileBar(id_data, values) {
metaconsole = $("input[name='metaconsole']").val(); metaconsole = $("input[name='metaconsole']").val();
var url_hack_metaconsole = ''; var url_hack_metaconsole = '';
@ -1281,13 +1301,11 @@ function getPercentileBar(id_data, values) {
parameter.push ({name: "id_element", value: id_data}); parameter.push ({name: "id_element", value: id_data});
parameter.push ({name: "value_show", value: values['value_show']}); parameter.push ({name: "value_show", value: values['value_show']});
jQuery.ajax({ jQuery.ajax({
async: false,
url: get_url_ajax(), url: get_url_ajax(),
data: parameter, data: parameter,
type: "POST", type: "POST",
dataType: 'json', dataType: 'json',
success: function (data) success: function (data) {
{
module_value = data['value']; module_value = data['value'];
//max_percentile = data['max_percentile']; //max_percentile = data['max_percentile'];
//width_percentile = data['width_percentile']; //width_percentile = data['width_percentile'];
@ -1298,47 +1316,29 @@ function getPercentileBar(id_data, values) {
} }
colorRGB = data['colorRGB']; colorRGB = data['colorRGB'];
if ( max_percentile > 0)
var percentile = Math.round(module_value / max_percentile * 100);
else
var percentile = 100;
if (unit_text == false && typeof(unit_text) == 'boolean') {
value_text = percentile + "%";
}
else {
value_text = module_value + " " + unit_text;
}
var img = url_hack_metaconsole + 'include/graphs/fgraph.php?homeurl=../../&graph_type=progressbar&height=15&' +
'width=' + width_percentile + '&mode=1&progress=' + percentile +
'&font=' + font + '&value_text=' + value_text + '&colorRGB=' + colorRGB;
$("#image_" + idItem).attr('src', img);
} }
}); });
//Get the actual system font.
parameter = Array();
parameter.push ({name: "page", value: "include/ajax/visual_console_builder.ajax"});
parameter.push ({name: "action", value: "get_font"});
jQuery.ajax({
async: false,
url: get_url_ajax(),
data: parameter,
type: "POST",
dataType: 'json',
success: function (data)
{
font = data['font'];
}
});
if ( max_percentile > 0)
var percentile = Math.round(module_value / max_percentile * 100);
else
var percentile = 100;
if (unit_text == false && typeof(unit_text) == 'boolean') {
value_text = percentile + "%";
}
else {
value_text = module_value + " " + unit_text;
}
var img = url_hack_metaconsole + 'include/graphs/fgraph.php?homeurl=../../&graph_type=progressbar&height=15&' +
'width=' + width_percentile + '&mode=1&progress=' + percentile +
'&font=' + font + '&value_text=' + value_text + '&colorRGB=' + colorRGB;
return img;
} }
function getPercentileBubble(id_data, values) { function setPercentileBubble(id_data, values) {
metaconsole = $("input[name='metaconsole']").val(); metaconsole = $("input[name='metaconsole']").val();
var url_hack_metaconsole = ''; var url_hack_metaconsole = '';
@ -1361,8 +1361,7 @@ function getPercentileBubble(id_data, values) {
data: parameter, data: parameter,
type: "POST", type: "POST",
dataType: 'json', dataType: 'json',
success: function (data) success: function (data) {
{
module_value = data['value']; module_value = data['value'];
//max_percentile = data['max_percentile']; //max_percentile = data['max_percentile'];
//width_percentile = data['width_percentile']; //width_percentile = data['width_percentile'];
@ -1370,45 +1369,26 @@ function getPercentileBubble(id_data, values) {
if ((data['unit_text'] != false) || typeof(data['unit_text']) != 'boolean') if ((data['unit_text'] != false) || typeof(data['unit_text']) != 'boolean')
unit_text = data['unit_text']; unit_text = data['unit_text'];
colorRGB = data['colorRGB']; colorRGB = data['colorRGB'];
if ( max_percentile > 0)
var percentile = Math.round(module_value / max_percentile * 100);
else
var percentile = 100;
if (unit_text == false && typeof(unit_text) == 'boolean') {
value_text = percentile + "%";
}
else {
value_text = module_value + " " + unit_text;
}
var img = url_hack_metaconsole + 'include/graphs/fgraph.php?homeurl=../../&graph_type=progressbubble&height=' + width_percentile + '&' +
'width=' + width_percentile + '&mode=1&progress=' + percentile +
'&font=' + font + '&value_text=' + value_text + '&colorRGB=' + colorRGB;
$("#image_" + idItem).attr('src', img);
} }
}); });
//Get the actual system font.
parameter = Array();
parameter.push ({name: "page", value: "include/ajax/visual_console_builder.ajax"});
parameter.push ({name: "action", value: "get_font"});
jQuery.ajax({
async: false,
url: get_url_ajax(),
data: parameter,
type: "POST",
dataType: 'json',
success: function (data)
{
font = data['font'];
}
});
if ( max_percentile > 0)
var percentile = Math.round(module_value / max_percentile * 100);
else
var percentile = 100;
if (unit_text == false && typeof(unit_text) == 'boolean') {
value_text = percentile + "%";
}
else {
value_text = module_value + " " + unit_text;
}
var img = url_hack_metaconsole + 'include/graphs/fgraph.php?homeurl=../../&graph_type=progressbubble&height=' + width_percentile + '&' +
'width=' + width_percentile + '&mode=1&progress=' + percentile +
'&font=' + font + '&value_text=' + value_text + '&colorRGB=' + colorRGB;
return img;
} }
function get_image_url(img_src) { function get_image_url(img_src) {
@ -1576,16 +1556,20 @@ function createItem(type, values, id_data) {
if (values['type_percentile'] == 'percentile') { if (values['type_percentile'] == 'percentile') {
item = $('<div id="' + id_data + '" class="item percentile_item" style="text-align: center; position: absolute; display: inline-block; ' + sizeStyle + ' top: ' + values['top'] + 'px; left: ' + values['left'] + 'px;">' + item = $('<div id="' + id_data + '" class="item percentile_item" style="text-align: center; position: absolute; display: inline-block; ' + sizeStyle + ' top: ' + values['top'] + 'px; left: ' + values['left'] + 'px;">' +
'<span id="text_' + id_data + '" class="text">' + values['label'] + '</span><br />' + '<span id="text_' + id_data + '" class="text">' + values['label'] + '</span><br />' +
'<img class="image" id="image_' + id_data + '" src="' + getPercentileBar(id_data, values) + '" />' + '<img class="image" id="image_' + id_data + '" src="images/spinner.gif" />' +
'</div>' '</div>'
); );
setPercentileBar(id_data, values);
} }
else { else {
item = $('<div id="' + id_data + '" class="item percentile_item" style="text-align: center; position: absolute; display: inline-block; ' + sizeStyle + ' top: ' + values['top'] + 'px; left: ' + values['left'] + 'px;">' + item = $('<div id="' + id_data + '" class="item percentile_item" style="text-align: center; position: absolute; display: inline-block; ' + sizeStyle + ' top: ' + values['top'] + 'px; left: ' + values['left'] + 'px;">' +
'<span id="text_' + id_data + '" class="text">' + values['label'] + '</span><br />' + '<span id="text_' + id_data + '" class="text">' + values['label'] + '</span><br />' +
'<img class="image" id="image_' + id_data + '" src="' + getPercentileBubble(id_data, values) + '" />' + '<img class="image" id="image_' + id_data + '" src="images/spinner.gif" />' +
'</div>' '</div>'
); );
setPercentileBubble(id_data, values);
} }
break; break;
case 'module_graph': case 'module_graph':