pandorafms/pandora_console/operation/visual_console/view.php

859 lines
27 KiB
PHP
Raw Normal View History

<?php
2019-09-27 15:44:39 +02:00
/**
* Actual View script for Visual Consoles.
2019-09-27 15:44:39 +02:00
*
* @category Operation
2019-09-27 15:44:39 +02:00
* @package Pandora FMS
* @subpackage Community
* @version 1.0.0
* @license See below
*
* ______ ___ _______ _______ ________
* | __ \.-----.--.--.--| |.-----.----.-----. | ___| | | __|
* | __/| _ | | _ || _ | _| _ | | ___| |__ |
* |___| |___._|__|__|_____||_____|__| |___._| |___| |__|_|__|_______|
*
* ============================================================================
2020-11-27 13:52:35 +01:00
* Copyright (c) 2005-2021 Artica Soluciones Tecnologicas
2019-09-27 15:44:39 +02:00
* 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.
* ============================================================================
*/
// Begin.
global $config;
// Login check.
check_login();
require_once $config['homedir'].'/vendor/autoload.php';
// TODO: include file functions.
require_once $config['homedir'].'/include/functions_visual_map.php';
2019-09-27 15:44:39 +02:00
/**
* Function for return button visual console edition.
*
* @param string $idDiv Id button.
* @param string $label Label and title button.
* @param string $class Class button.
* @param boolean $disabled Disabled button.
*
* @return void Retun button.
*/
function visual_map_print_button_editor_refactor(
$idDiv,
$label,
$class='',
$disabled=false
) {
global $config;
2019-09-27 15:44:39 +02:00
html_print_button(
$label,
$idDiv,
$disabled,
'',
'class=" sub visual_editor_button_toolbox '.$idDiv.' '.$class.'"',
2019-09-27 15:44:39 +02:00
false,
true
);
}
2019-06-24 17:57:45 +02:00
ui_require_css_file('visual_maps');
2020-01-23 17:52:59 +01:00
ui_require_css_file('register');
2019-06-24 17:57:45 +02:00
// Query parameters.
$visualConsoleId = (int) get_parameter(!is_metaconsole() ? 'id' : 'id_visualmap');
// To hide the menus.
$pure = (bool) get_parameter('pure', $config['pure']);
// Refresh interval in seconds.
$refr = (int) get_parameter('refr', $config['vc_refr']);
$width = (int) get_parameter('width', 0);
$height = (int) get_parameter('height', 0);
// Load Visual Console.
use Models\VisualConsole\Container as VisualConsole;
$visualConsole = null;
try {
$visualConsole = VisualConsole::fromDB(['id' => $visualConsoleId]);
} catch (Throwable $e) {
db_pandora_audit(
2022-01-20 10:55:23 +01:00
AUDIT_LOG_ACL_VIOLATION,
'Trying to access visual console without Id'
);
include 'general/noaccess.php';
exit;
}
$visualConsoleData = $visualConsole->toArray();
$groupId = $visualConsoleData['groupId'];
$visualConsoleName = io_safe_input(strip_tags(io_safe_output($visualConsoleData['name'])));
// ACL.
$aclRead = (bool) check_acl_restricted_all($config['id_user'], $groupId, 'VR');
$aclWrite = (bool) check_acl_restricted_all($config['id_user'], $groupId, 'VW');
$aclManage = (bool) check_acl_restricted_all($config['id_user'], $groupId, 'VM');
if ($aclRead === false && $aclWrite === false && $aclManage === false) {
db_pandora_audit(
2022-01-20 10:55:23 +01:00
AUDIT_LOG_ACL_VIOLATION,
'Trying to access visual console without group access'
);
include 'general/noaccess.php';
exit;
}
// Render map.
$options = [];
$options['consoles_list']['text'] = '<a href="index.php?sec=network&sec2=godmode/reporting/map_builder">'.html_print_image(
'images/visual_console.png',
true,
[
'title' => __('Visual consoles list'),
'class' => 'invert_filter',
]
).'</a>';
if ($aclWrite === true || $aclManage === true) {
$action = get_parameterBetweenListValues(
(is_metaconsole() === true) ? 'action2' : 'action',
[
'new',
'save',
'edit',
'update',
'delete',
],
'edit'
);
$baseUrl = 'index.php?sec=network&sec2=godmode/reporting/visual_console_builder&action='.$action;
$hash = md5($config['dbpass'].$visualConsoleId.$config['id_user']);
$options['public_link']['text'] = '<a href="'.ui_get_full_url(
2019-07-08 17:51:01 +02:00
'operation/visual_console/public_console.php?hash='.$hash.'&id_layout='.$visualConsoleId.'&refr='.$refr.'&id_user='.$config['id_user']
).'" target="_blank">'.html_print_image(
'images/camera_mc.png',
true,
[
'title' => __('Show link to public Visual Console'),
'class' => 'invert_filter',
]
).'</a>';
$options['public_link']['active'] = false;
$options['data']['text'] = '<a href="'.$baseUrl.'&tab=data&id_visual_console='.$visualConsoleId.'">'.html_print_image(
'images/op_reporting.png',
true,
[
'title' => __('Main data'),
'class' => 'invert_filter',
]
).'</a>';
$options['list_elements']['text'] = '<a href="'.$baseUrl.'&tab=list_elements&id_visual_console='.$visualConsoleId.'">'.html_print_image(
'images/list.png',
true,
[
'title' => __('List elements'),
'class' => 'invert_filter',
]
).'</a>';
if (enterprise_installed() === true) {
$options['wizard_services']['text'] = '<a href="'.$baseUrl.'&tab=wizard_services&id_visual_console='.$visualConsoleId.'">'.html_print_image(
'images/wand_services.png',
true,
[
'title' => __('Services wizard'),
'class' => 'invert_filter',
]
).'</a>';
}
$options['wizard']['text'] = '<a href="'.$baseUrl.'&tab=wizard&id_visual_console='.$visualConsoleId.'">'.html_print_image(
'images/wand.png',
true,
[
'title' => __('Wizard'),
'class' => 'invert_filter',
]
).'</a>';
}
2019-05-20 15:15:54 +02:00
$options['view']['text'] = '<a href="index.php?sec=network&sec2=operation/visual_console/render_view&id='.$visualConsoleId.'&refr='.$refr.'">'.html_print_image(
2021-03-29 12:20:27 +02:00
'images/eye.png',
true,
[
'title' => __('View'),
'class' => 'invert_filter',
]
).'</a>';
$options['view']['active'] = true;
2021-04-30 13:24:55 +02:00
if (is_metaconsole() === false) {
if (!$config['pure']) {
$options['pure']['text'] = '<a id ="full_screen" href="index.php?sec=network&sec2=operation/visual_console/render_view&id='.$visualConsoleId.'&pure=1&refr='.$refr.'">'.html_print_image(
'images/full_screen.png',
true,
[
'title' => __('Full screen mode'),
'class' => 'invert_filter',
]
).'</a>';
2021-04-30 13:24:55 +02:00
// Header.
ui_print_standard_header(
$visualConsoleName,
'images/visual_console.png',
false,
'visual_console_view',
false,
2021-04-30 13:24:55 +02:00
$options,
[
[
'link' => '',
'label' => __('Topology maps'),
],
[
'link' => '',
'label' => __('Visual console'),
],
]
);
}
// Set the hidden value for the javascript.
html_print_input_hidden('metaconsole', 0);
} else {
// Set the hidden value for the javascript.
html_print_input_hidden('metaconsole', 1);
}
2020-02-03 17:08:37 +01:00
$edit_capable = (bool) (
check_acl($config['id_user'], 0, 'VM')
|| check_acl($config['id_user'], 0, 'VW')
);
2019-06-04 17:34:40 +02:00
if ($pure === false) {
2020-02-03 17:08:37 +01:00
if ($edit_capable === true) {
echo '<div id ="edit-vc">';
echo '<div id ="edit-controls" class="visual-console-edit-controls" style="visibility:hidden">';
echo '<div>';
2021-03-18 17:32:21 +01:00
$class_camera = 'camera_min link-create-item';
$class_percentile = 'percentile_item_min link-create-item';
$class_module_graph = 'graph_min link-create-item';
$class_donut = 'donut_graph_min link-create-item';
$class_bars = 'bars_graph_min link-create-item';
$class_value = 'binary_min link-create-item';
$class_sla = 'auto_sla_graph_min link-create-item';
$class_label = 'label_min link-create-item';
$class_icon = 'icon_min link-create-item';
$class_clock = 'clock_min link-create-item';
$class_group = 'group_item_min link-create-item';
$class_box = 'box_item link-create-item';
$class_line = 'line_item link-create-item';
$class_cloud = 'color_cloud_min link-create-item';
$class_nlink = 'network_link_min link-create-item';
$class_odometer = 'odometer_min link-create-item';
2021-07-16 14:16:45 +02:00
$class_basic_chart = 'basic_chart_min link-create-item';
2021-03-18 17:32:21 +01:00
$class_delete = 'delete_item delete_min';
$class_copy = 'copy_item';
2022-01-17 10:22:30 +01:00
if ($config['style'] === 'pandora_black' && !is_metaconsole()) {
2021-03-18 17:32:21 +01:00
$class_camera = 'camera_min_white link-create-item';
$class_percentile = 'percentile_item_min_white link-create-item';
$class_module_graph = 'graph_min_white link-create-item';
$class_donut = 'donut_graph_min_white link-create-item';
$class_bars = 'bars_graph_min_white link-create-item';
$class_value = 'binary_min_white link-create-item';
$class_sla = 'auto_sla_graph_min_white link-create-item';
$class_label = 'label_min_white link-create-item';
$class_icon = 'icon_min_white link-create-item';
$class_clock = 'clock_min_white link-create-item';
$class_group = 'group_item_min_white link-create-item';
$class_box = 'box_item_white link-create-item';
$class_line = 'line_item_white link-create-item';
$class_cloud = 'color_cloud_min_white link-create-item';
$class_nlink = 'network_link_min_white link-create-item';
$class_odometer = 'odometer_min_white link-create-item';
2021-07-16 14:16:45 +02:00
$class_basic_chart = 'basic_chart_min_white link-create-item';
2021-03-18 17:32:21 +01:00
$class_delete = 'delete_item_white delete_min_white';
$class_copy = 'copy_item_white';
}
2019-09-27 15:44:39 +02:00
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'STATIC_GRAPH',
2019-09-27 15:44:39 +02:00
__('Static Image'),
2021-03-18 17:32:21 +01:00
$class_camera
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'PERCENTILE_BAR',
2019-09-27 15:44:39 +02:00
__('Percentile Item'),
2021-03-18 17:32:21 +01:00
$class_percentile
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'MODULE_GRAPH',
2019-09-27 15:44:39 +02:00
__('Module Graph'),
2021-03-18 17:32:21 +01:00
$class_module_graph
2019-09-27 15:44:39 +02:00
);
2021-07-16 14:16:45 +02:00
visual_map_print_button_editor_refactor(
'BASIC_CHART',
__('Basic chart'),
$class_basic_chart
);
2019-09-27 15:44:39 +02:00
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'DONUT_GRAPH',
2019-09-27 15:44:39 +02:00
__('Serialized pie graph'),
2021-03-18 17:32:21 +01:00
$class_donut
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'BARS_GRAPH',
2019-09-27 15:44:39 +02:00
__('Bars Graph'),
2021-03-18 17:32:21 +01:00
$class_bars
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'AUTO_SLA_GRAPH',
2020-01-23 19:54:47 +01:00
__('Event history graph'),
2021-03-18 17:32:21 +01:00
$class_sla
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'SIMPLE_VALUE',
2019-09-27 15:44:39 +02:00
__('Simple Value'),
2021-03-18 17:32:21 +01:00
$class_value
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'LABEL',
2019-09-27 15:44:39 +02:00
__('Label'),
2021-03-18 17:32:21 +01:00
$class_label
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'ICON',
2019-09-27 15:44:39 +02:00
__('Icon'),
2021-03-18 17:32:21 +01:00
$class_icon
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'CLOCK',
2019-09-27 15:44:39 +02:00
__('Clock'),
2021-03-18 17:32:21 +01:00
$class_clock
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'GROUP_ITEM',
2019-09-27 15:44:39 +02:00
__('Group'),
2021-03-18 17:32:21 +01:00
$class_group
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'BOX_ITEM',
2019-09-27 15:44:39 +02:00
__('Box'),
2021-03-18 17:32:21 +01:00
$class_box
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'LINE_ITEM',
2019-09-27 15:44:39 +02:00
__('Line'),
2021-03-18 17:32:21 +01:00
$class_line
2019-09-27 15:44:39 +02:00
);
visual_map_print_button_editor_refactor(
2019-10-02 12:28:17 +02:00
'COLOR_CLOUD',
2019-09-27 15:44:39 +02:00
__('Color cloud'),
2021-03-18 17:32:21 +01:00
$class_cloud
2019-09-27 15:44:39 +02:00
);
2020-10-09 12:45:10 +02:00
visual_map_print_button_editor_refactor(
'NETWORK_LINK',
__('Network link'),
2021-03-18 17:32:21 +01:00
$class_nlink
2020-10-09 12:45:10 +02:00
);
visual_map_print_button_editor_refactor(
'ODOMETER',
__('Odometer'),
$class_odometer
);
2020-01-22 17:47:47 +01:00
enterprise_include_once('include/functions_visual_map_editor.php');
enterprise_hook(
'enterprise_visual_map_editor_print_toolbox_refactor'
);
2020-02-03 17:08:37 +01:00
echo '</div>';
echo '<div class="visual-console-copy-delete">';
visual_map_print_button_editor_refactor(
'button_delete',
__('Delete Item'),
2021-03-18 17:32:21 +01:00
$class_delete,
2020-02-03 17:08:37 +01:00
true
);
visual_map_print_button_editor_refactor(
'button_copy',
__('Copy Item'),
2021-03-18 17:32:21 +01:00
$class_copy,
2020-02-03 17:08:37 +01:00
true
);
echo '</div>';
echo '</div>';
if ($aclWrite === true || $aclManage === true) {
2021-12-21 09:33:55 +01:00
if (!is_metaconsole()) {
echo '<a id ="force_check" href="" style="margin-right: 25px;">'.html_print_image(
'images/target.png',
true,
[
'title' => __('Force remote checks'),
'class' => 'invert_filter',
]
).'</a>';
}
echo html_print_checkbox_switch('edit-mode', 1, false, true);
}
2020-02-03 17:08:37 +01:00
echo '</div>';
}
2019-06-04 17:34:40 +02:00
}
2021-03-18 10:35:19 +01:00
$bg_color = '';
2022-01-17 10:22:30 +01:00
if ($config['style'] === 'pandora_black' && !is_metaconsole()) {
2021-03-18 10:35:19 +01:00
$bg_color = 'style="background-color: #222"';
}
2021-03-24 12:43:51 +01:00
echo '<div class="external-visual-console-container">';
echo '<div id="visual-console-container"></div>';
2021-03-24 12:43:51 +01:00
echo '</div>';
if ($pure === true) {
// Floating menu - Start.
2021-03-18 10:35:19 +01:00
echo '<div id="vc-controls" class="zindex999" '.$bg_color.'>';
echo '<div id="menu_tab">';
2019-06-21 12:41:05 +02:00
echo '<ul class="mn white-box-content box-shadow flex-row">';
// Quit fullscreen.
echo '<li class="nomn">';
if (is_metaconsole() === true) {
$urlNoFull = 'index.php?sec=screen&sec2=screens/screens&action=visualmap&pure=0&id_visualmap='.$visualConsoleId.'&refr='.$refr;
} else {
$urlNoFull = 'index.php?sec=network&sec2=operation/visual_console/render_view&id='.$visualConsoleId.'&refr='.$refr;
}
echo '<a class="vc-btn-no-fullscreen" href="'.$urlNoFull.'">';
echo html_print_image('images/normal_screen.png', true, ['title' => __('Back to normal mode'), 'class' => 'invert_filter']);
echo '</a>';
echo '</li>';
// Countdown.
echo '<li class="nomn">';
if (is_metaconsole() === true) {
echo '<div class="vc-refr-meta">';
} else {
echo '<div class="vc-refr">';
}
echo '<div id="vc-refr-form">';
echo __('Refresh').':';
echo html_print_select(
get_refresh_time_array(),
'vc-refr',
$refr,
'',
'',
0,
true,
false,
false
);
echo '</div>';
echo '</div>';
echo '</li>';
// Console name.
echo '<li class="nomn">';
html_print_div(
[
'class' => (is_metaconsole() === true) ? 'vc-title-meta' : 'vc-title',
'content' => $visualConsoleName,
]
);
echo '</li>';
echo '</ul>';
echo '</div>';
echo '</div>';
// Floating menu - End.
?>
<style type="text/css">
/* Avoid the main_pure container 1000px height */
body.pure {
min-height: 100px;
margin: 0px;
height: 100%;
background-color: <?php echo $visualConsoleData['backgroundColor']; ?>;
}
div#main_pure {
height: 100%;
margin: 0px;
background-color: <?php echo $visualConsoleData['backgroundColor']; ?>;
}
</style>
<?php
}
// Check groups can access user.
$aclUserGroups = [];
2021-04-30 13:24:55 +02:00
if (users_can_manage_group_all('AR') === false) {
$aclUserGroups = array_keys(users_get_groups(false, 'AR'));
}
$ignored_params['refr'] = '';
2019-09-23 19:16:36 +02:00
ui_require_javascript_file('tiny_mce', 'include/javascript/tiny_mce/');
ui_require_javascript_file('pandora_visual_console');
include_javascript_d3();
visual_map_load_client_resources();
$widthRatio = 0;
if ($width > 0 && $pure == 1) {
$widthRatio = ($width / $visualConsoleData['width']);
if ($visualConsoleData['width'] > $height) {
?>
<style type="text/css">
div#main_pure {
width: 100%;
}
div#visual-console-container {
width: 100% !important;
}
</style>
<?php
} else {
?>
<style type="text/css">
div#main_pure {
width: 100%;
display: flex;
align-items: center;
}
div#visual-console-container {
width: 100% !important;
}
</style>
<?php
}
}
// Load Visual Console Items.
$visualConsoleItems = VisualConsole::getItemsFromDB(
$visualConsoleId,
$aclUserGroups,
0,
$widthRatio
);
2019-10-02 18:37:50 +02:00
ui_require_css_file('modal');
ui_require_css_file('form');
?>
2019-10-02 18:37:50 +02:00
<div id="modalVCItemForm"></div>
<div id="modalVCItemFormMsg"></div>
<script type="text/javascript">
var container = document.getElementById("visual-console-container");
var props = <?php echo (string) $visualConsole; ?>;
var items = <?php echo '['.implode(',', $visualConsoleItems).']'; ?>;
var baseUrl = "<?php echo ui_get_full_url('/', false, false, false); ?>";
2021-03-05 14:11:08 +01:00
var controls = document.getElementById('vc-controls');
2021-03-05 14:11:08 +01:00
autoHideElement(controls, 1000);
var handleUpdate = function (prevProps, newProps) {
if (!newProps) return;
2020-01-28 16:42:51 +01:00
//Remove spinner change VC.
document
.getElementById("visual-console-container")
.classList.remove("is-updating");
var div = document
.getElementById("visual-console-container")
.querySelector(".div-visual-console-spinner");
if (div !== null) {
var parent = div.parentElement;
if (parent !== null) {
2021-03-24 12:43:51 +01:00
parent.removeChild(div);
2020-01-28 16:42:51 +01:00
}
}
// Change the background color when the fullscreen mode is enabled.
if (prevProps
&& prevProps.backgroundColor != newProps.backgroundColor
&& <?php echo json_encode($pure); ?>
) {
var pureBody = document.querySelector("body.pure");
var pureContainer = document.querySelector("div#main_pure");
2019-09-23 19:16:36 +02:00
if (pureBody !== null) {
pureBody.style.backgroundColor = newProps.backgroundColor
}
if (pureContainer !== null) {
pureContainer.style.backgroundColor = newProps.backgroundColor
}
}
// Change the title.
if (prevProps && prevProps.name != newProps.name) {
// View title.
var title = document.querySelector(
".breadcrumbs-title"
);
if (title !== null) {
title.textContent = newProps.name;
}
// Fullscreen view title.
var fullscreenTitle = document.querySelector("div.vc-title");
if (fullscreenTitle !== null) {
fullscreenTitle.textContent = newProps.name;
}
// Fullscreen Meta view title.
var fullscreenTitleMeta = document.querySelector("div.vc-title-meta");
if (fullscreenTitleMeta !== null) {
fullscreenTitleMeta.textContent = newProps.name;
}
}
// Change the links.
if (prevProps && prevProps.id !== newProps.id) {
var regex = /(id=|id_visual_console=|id_layout=|id_visualmap=)\d+(&?)/gi;
var replacement = '$1' + newProps.id + '$2';
2020-11-23 16:38:06 +01:00
var regex_hash = /(hash=)[^&]+(&?)/gi;
var replacement_hash = '$1' + newProps.hash + '$2';
// Tab links.
var menuLinks = document.querySelectorAll("div#menu_tab a");
if (menuLinks !== null) {
menuLinks.forEach(function (menuLink) {
menuLink.href = menuLink.href.replace(regex, replacement);
2020-11-23 16:38:06 +01:00
menuLink.href = menuLink.href.replace(
regex_hash,
replacement_hash
);
});
}
// Go back from fullscreen button.
var btnNoFull = document.querySelector("a.vc-btn-no-fullscreen");
if (btnNoFull !== null) {
btnNoFull.href = btnNoFull.href.replace(regex, replacement);
}
// Change the URL (if the browser has support).
if ("history" in window) {
var href = window.location.href.replace(regex, replacement);
2020-11-23 16:38:06 +01:00
href = href.replace(regex_hash, replacement_hash);
window.history.replaceState({}, document.title, href);
}
}
}
// Add the datetime when the item was received.
var receivedAt = new Date();
items.map(function(item) {
item["receivedAt"] = receivedAt;
return item;
});
var visualConsoleManager = createVisualConsole(
container,
props,
items,
baseUrl,
<?php echo ($refr * 1000); ?>,
handleUpdate
);
2020-02-03 17:08:37 +01:00
<?php
if ($edit_capable === true) {
?>
// Enable/disable the edition mode.
$('input[name=edit-mode]').change(function(event) {
if ($(this).prop('checked')) {
visualConsoleManager.visualConsole.enableEditMode();
2019-06-04 17:34:40 +02:00
visualConsoleManager.changeUpdateInterval(0);
2021-12-21 09:33:55 +01:00
$('#force_check').hide();
2019-07-26 14:17:14 +02:00
$('#edit-controls').css('visibility', '');
} else {
visualConsoleManager.visualConsole.disableEditMode();
2020-02-10 17:31:48 +01:00
visualConsoleManager.visualConsole.unSelectItems();
2019-06-04 17:34:40 +02:00
visualConsoleManager.changeUpdateInterval(<?php echo ($refr * 1000); ?>); // To ms.
2019-07-26 14:17:14 +02:00
$('#edit-controls').css('visibility', 'hidden');
2021-12-21 09:33:55 +01:00
$('#force_check').show();
}
});
2020-02-03 17:08:37 +01:00
<?php
}
?>
// Update the data fetch interval.
$('select#vc-refr').change(function(event) {
var refr = Number.parseInt(event.target.value);
if (!Number.isNaN(refr)) {
visualConsoleManager.changeUpdateInterval(refr * 1000); // To ms.
// Change the URL (if the browser has support).
if ("history" in window) {
var regex = /(refr=)\d+(&?)/gi;
var replacement = '$1' + refr + '$2';
var href = window.location.href.replace(regex, replacement);
window.history.replaceState({}, document.title, href);
}
}
});
2019-07-25 17:58:37 +02:00
2019-07-30 11:20:03 +02:00
visualConsoleManager.visualConsole.onItemSelectionChanged(function (e) {
if (e.selected === true) {
$('#button-button_delete').prop('disabled', false);
$('#button-button_copy').prop('disabled', false);
} else {
$('#button-button_delete').prop('disabled', true);
$('#button-button_copy').prop('disabled', true);
}
});
$('#button-button_delete').click(function (event){
2020-01-23 09:20:40 +01:00
confirmDialog({
title: "<?php echo __('Delete'); ?>",
message: "<?php echo __('Are you sure'); ?>"+"?",
onAccept: function() {
visualConsoleManager.visualConsole.elements.forEach(item => {
if (item.meta.isSelected === true) {
visualConsoleManager.deleteItem(item);
}
});
2019-07-30 11:20:03 +02:00
}
});
2019-07-26 14:17:14 +02:00
});
2019-07-25 17:58:37 +02:00
2019-07-30 11:20:03 +02:00
$('#button-button_copy').click(function (event){
2019-07-31 13:23:25 +02:00
visualConsoleManager.visualConsole.elements.forEach(item => {
if (item.meta.isSelected === true) {
visualConsoleManager.copyItem(item);
}
});
2019-07-25 17:58:37 +02:00
});
2019-09-27 15:44:39 +02:00
2019-10-02 12:28:17 +02:00
$('.link-create-item').click(function (event){
var type = event.target.id.substr(7);
visualConsoleManager.createItem(type);
2019-09-27 15:44:39 +02:00
});
2019-10-02 18:37:50 +02:00
$('#full_screen').click(function (e) {
e.preventDefault();
if (props.autoAdjust === true) {
var hrefAux = $('#full_screen').attr('href');
hrefAux += '&width=' + document.body.offsetWidth+'&height=' + screen.height;
$('#full_screen').attr('href', hrefAux);
}
window.location.href = $('#full_screen').attr('href');
});
2021-12-21 09:33:55 +01:00
$('#force_check').click(function (e) {
e.preventDefault();
visualConsoleManager.changeUpdateInterval(0);
const id_layout = '<?php echo $visualConsoleId; ?>';
$.ajax({
type: "GET",
url: "ajax.php",
dataType: "json",
data: {
page: "include/ajax/visual_console.ajax",
force_remote_check: true,
id_layout: id_layout
},
success: function (data) {
if (data == 1) {
visualConsoleManager.changeUpdateInterval(5000);
setTimeout(resetInterval, 6000);
} else {
resetInterval();
}
},
error: function (data) {
resetInterval();
}
});
});
function resetInterval() {
visualConsoleManager.changeUpdateInterval(<?php echo ($refr * 1000); ?>);
}
2019-10-02 18:37:50 +02:00
/**
* Process ajax responses and shows a dialog with results.
*/
function handleFormResponse(data) {
2019-10-02 18:37:50 +02:00
var title = "<?php echo __('Success'); ?>";
var text = '';
var failed = 0;
try {
data = JSON.parse(data);
text = data['result'];
} catch (err) {
title = "<?php echo __('Failed'); ?>";
text = err.message;
failed = 1;
}
if (!failed && data['error'] != undefined) {
title = "<?php echo __('Failed'); ?>";
text = data['error'];
failed = 1;
}
if (data['report'] != undefined) {
data['report'].forEach(function (item){
text += '<br>'+item;
});
}
if (failed == 1) {
$('#modalVCItemFormMsg').empty();
$('#modalVCItemFormMsg').html(text);
$('#modalVCItemFormMsg').dialog({
width: 450,
position: {
my: 'center',
at: 'center',
of: window,
collision: 'fit'
},
title: title,
buttons: [
{
class: "ui-widget ui-state-default ui-corner-all ui-button-text-only sub ok submit-next",
text: 'OK',
click: function(e) {
2019-10-02 18:37:50 +02:00
$(this).dialog('close');
}
}
]
});
// Failed.
return false;
}
// Success, return result.
return data['result'];
2019-10-02 18:37:50 +02:00
}
</script>