Almost finished the eHorus integration
This commit is contained in:
Alejandro Gallardo Escobar
parent
63fb20ed95
commit
efc5642aa2
|
|
@ -33,6 +33,7 @@ if (!$config['ehorus_enabled']) {
|
|||
|
||||
/* Get the parameters */
|
||||
$agent_id = (int) get_parameter('id_agente');
|
||||
$client_tab = (string) get_parameter('client_tab');
|
||||
|
||||
if (empty($agent_id)) {
|
||||
ui_print_error_message(__('Missing agent id'));
|
||||
|
|
@ -126,9 +127,6 @@ catch (Exception $e) {
|
|||
ui_print_error_message(__('There was an error processing the response'));
|
||||
}
|
||||
|
||||
// Invalid permision
|
||||
// return;
|
||||
|
||||
echo '<table id="ehorus-client-run-info" class="databox" style="width: 100%;"><tr>';
|
||||
echo '<td>';
|
||||
echo __('Remote management of this agent with eHorus');
|
||||
|
|
@ -137,49 +135,111 @@ echo '<input type="button" id="run-ehorus-client" class="sub next" value="' . __
|
|||
echo '</td>';
|
||||
echo '</tr></table>';
|
||||
|
||||
echo '<div id="ehorus-client"></div>';
|
||||
echo '<div id="ehorus-client-iframe"></div>';
|
||||
|
||||
$query_data = array(
|
||||
'agent_id' => $ehorus_agent_id,
|
||||
'hostname' => (string) $agent_data['serverAddress'],
|
||||
'port' => (int) $agent_data['serverPort'],
|
||||
'token' => (string) $response_auth['token'],
|
||||
'is_busy' => (bool) $agent_data['isBusy'],
|
||||
'last_connection' => (int) $agent_data['lastConnection'],
|
||||
'section' => $client_tab
|
||||
);
|
||||
$query = http_build_query($query_data);
|
||||
$client_url = $config['homeurl'] . 'operation/agentes/ehorus_client.php?' . $query;
|
||||
|
||||
ui_require_css_file('bootstrap.min', 'include/ehorus/css/');
|
||||
ui_require_css_file('style', 'include/ehorus/css/');
|
||||
ui_require_javascript_file('bundle.min', 'include/ehorus/');
|
||||
?>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
var runClient = function () {
|
||||
var agentID = '<?php echo $ehorus_agent_id; ?>';
|
||||
var protocol = 'wss';
|
||||
var hostname = '<?php echo $agent_data['serverAddress']; ?>';
|
||||
var port = <?php echo $agent_data['serverPort']; ?>;
|
||||
var token = '<?php echo $response_auth['token']; ?>';
|
||||
var isBusy = <?php echo json_encode($agent_data['isBusy']); ?>;
|
||||
var lastConnection = <?php echo json_encode($agent_data['lastConnection']); ?>;
|
||||
var handleTabClick = function (section, messager) {
|
||||
return function (event) {
|
||||
event.preventDefault();
|
||||
messager({
|
||||
action: 'change_section',
|
||||
payload: {
|
||||
section: section
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
var eHorusProps = {
|
||||
url: {
|
||||
protocol,
|
||||
hostname,
|
||||
port,
|
||||
slashes: true,
|
||||
pathname: '',
|
||||
search: 'auth=' + token
|
||||
},
|
||||
agentID: agentID,
|
||||
agentLastContact: lastConnection,
|
||||
agentIsBusy: isBusy,
|
||||
header: false,
|
||||
section: 'terminal',
|
||||
handleDisconnect: function () {
|
||||
console.log('Disconnect callback');
|
||||
var createIframe = function (node, src) {
|
||||
var iframe = document.createElement('iframe');
|
||||
iframe.src = src;
|
||||
iframe.style.border = 'none';
|
||||
resizeIframe(iframe);
|
||||
node.appendChild(iframe);
|
||||
|
||||
return iframe;
|
||||
}
|
||||
|
||||
var getOptimalIframeSize = function () {
|
||||
var $elem = $('div#ehorus-client-iframe');
|
||||
return {
|
||||
width: $elem.width(),
|
||||
height: $(window).height() - $elem.offset().top - 20
|
||||
}
|
||||
}
|
||||
var resizeIframe = function (iframe) {
|
||||
var size = getOptimalIframeSize();
|
||||
iframe.style.width = size.width + 'px';
|
||||
iframe.style.height = size.height + 'px';
|
||||
}
|
||||
var handleResize = function (iframe) {
|
||||
return function (event) {
|
||||
resizeIframe(iframe);
|
||||
}
|
||||
}
|
||||
|
||||
var handleMessage = function (iframe, actionHandlers) {
|
||||
return function (event) {
|
||||
// The message source should be the created iframe
|
||||
if (event.origin === window.location.origin &&
|
||||
event.source !== iframe.contentWindow) {
|
||||
return;
|
||||
}
|
||||
console.log('message from iframe', event.data);
|
||||
if (typeof actionHandlers === 'undefined') return;
|
||||
|
||||
if (event.data.action in actionHandlers) {
|
||||
actionHandlers[event.data.action](event.data.payload);
|
||||
}
|
||||
}
|
||||
}
|
||||
var messageToElement = function (elem, message) {
|
||||
elem.postMessage(message, window.location.origin);
|
||||
}
|
||||
|
||||
var handleButtonClick = function (event) {
|
||||
$('table#ehorus-client-run-info').remove();
|
||||
|
||||
// Init iframe
|
||||
var clientURL = '<?php echo $client_url; ?>';
|
||||
var iframe = createIframe(document.getElementById('ehorus-client-iframe'), clientURL);
|
||||
|
||||
var messageToIframe = function (message) {
|
||||
return messageToElement(iframe.contentWindow, message)
|
||||
}
|
||||
|
||||
var actionHandlers = {
|
||||
ready: function () {
|
||||
$('a.ehorus_tab').click(handleTabClick('system', messageToIframe));
|
||||
$('a.tab_terminal').click(handleTabClick('terminal', messageToIframe));
|
||||
$('a.tab_display').click(handleTabClick('display', messageToIframe));
|
||||
$('a.tab_processes').click(handleTabClick('processes', messageToIframe));
|
||||
$('a.tab_services').click(handleTabClick('services', messageToIframe));
|
||||
$('a.tab_files').click(handleTabClick('files', messageToIframe));
|
||||
}
|
||||
}
|
||||
|
||||
var eHorus = new EHorus(eHorusProps);
|
||||
eHorus.renderIn(document.getElementById('ehorus-client'));
|
||||
// Listen for messages
|
||||
window.addEventListener('message', handleMessage(iframe, actionHandlers));
|
||||
// Listen for resize
|
||||
window.addEventListener('resize', handleResize(iframe));
|
||||
}
|
||||
$('input#run-ehorus-client').click(function () {
|
||||
$('table#ehorus-client-run-info').remove();
|
||||
runClient();
|
||||
});
|
||||
|
||||
$('input#run-ehorus-client').click(handleButtonClick);
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,134 @@
|
|||
<?php
|
||||
|
||||
// Pandora FMS - http://pandorafms.com
|
||||
// ==================================================
|
||||
// Copyright (c) 2005-2009 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.
|
||||
|
||||
|
||||
if (! isset($_SESSION['id_usuario'])) {
|
||||
session_start();
|
||||
}
|
||||
|
||||
// Global & session management
|
||||
require_once ('../../include/config.php');
|
||||
require_once ($config['homedir'] . '/include/functions.php');
|
||||
|
||||
check_login();
|
||||
|
||||
$agent_id = (string) get_parameter_get('agent_id');
|
||||
$hostname = (string) get_parameter_get('hostname');
|
||||
$port = (int) get_parameter_get('port');
|
||||
$token = (string) get_parameter_get('token');
|
||||
$is_busy = (bool) get_parameter_get('is_busy');
|
||||
$last_connection = (int) get_parameter_get('last_connection');
|
||||
$section = (string) get_parameter_get('section');
|
||||
|
||||
?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>eHorus client</title>
|
||||
<link rel="stylesheet" href="../../include/ehorus/css/bootstrap.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../include/ehorus/css/style.css" type="text/css" />
|
||||
<script type="text/javascript" src="../../include/ehorus/bundle.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="ehorus-client-container"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<script type="text/javascript">
|
||||
(function () {
|
||||
var runClient = function (node, props) {
|
||||
props = props || {};
|
||||
var agentID = props.agentID;
|
||||
var protocol = 'wss';
|
||||
var hostname = props.hostname;
|
||||
var port = props.port;
|
||||
var token = props.token;
|
||||
var isBusy = props.isBusy;
|
||||
var lastConnection = props.lastConnection;
|
||||
var section = props.section || 'system';
|
||||
|
||||
var eHorusProps = {
|
||||
url: {
|
||||
protocol: protocol,
|
||||
hostname: hostname,
|
||||
port: port,
|
||||
slashes: true,
|
||||
pathname: '',
|
||||
search: 'auth=' + token
|
||||
},
|
||||
agentID: agentID,
|
||||
agentLastContact: lastConnection,
|
||||
agentIsBusy: isBusy,
|
||||
header: false,
|
||||
section: section
|
||||
}
|
||||
var eHorus = new EHorus(eHorusProps);
|
||||
eHorus.renderIn(node);
|
||||
|
||||
return eHorus;
|
||||
}
|
||||
|
||||
var messageToParent = function (message) {
|
||||
window.parent.postMessage(message, window.location.origin);
|
||||
}
|
||||
|
||||
var handleMessage = function (actionHandlers) {
|
||||
return function (event) {
|
||||
// The message source should be the created in the parent
|
||||
if (event.origin === window.location.origin &&
|
||||
event.source !== window.parent) {
|
||||
return;
|
||||
}
|
||||
console.log('message from parent', event.data);
|
||||
if (typeof actionHandlers === 'undefined') return;
|
||||
|
||||
if (event.data.action in actionHandlers) {
|
||||
actionHandlers[event.data.action](event.data.payload);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.onload = function () {
|
||||
// Start client
|
||||
var ehorusContainer = document.getElementById('ehorus-client-container');
|
||||
var eHorus = runClient(ehorusContainer, {
|
||||
agentID: '<?php echo $agent_id; ?>',
|
||||
protocol: 'wss',
|
||||
hostname: '<?php echo $hostname; ?>',
|
||||
port: <?php echo $port; ?>,
|
||||
token: '<?php echo $token; ?>',
|
||||
isBusy: <?php echo json_encode($is_busy); ?>,
|
||||
lastConnection: <?php echo $last_connection; ?>,
|
||||
section: '<?php echo $section; ?>'
|
||||
});
|
||||
|
||||
// Listen for messages
|
||||
var actionHandlers = {
|
||||
change_section: function (payload) {
|
||||
eHorus.changeSection(payload.section);
|
||||
console.log('Changing section', payload.section);
|
||||
}
|
||||
}
|
||||
window.addEventListener('message', handleMessage(actionHandlers));
|
||||
|
||||
// Send ready message
|
||||
messageToParent({
|
||||
action: 'ready',
|
||||
payload: {}
|
||||
});
|
||||
}
|
||||
})()
|
||||
</script>
|
||||
Loading…
Reference in New Issue