Cleans up old files
parent
e6e91b19d0
commit
f952257c20
|
|
@ -1,228 +0,0 @@
|
|||
<?php
|
||||
|
||||
// Get any new messages
|
||||
include '../app/includes/messages.php';
|
||||
include '../app/includes/messages-show.php';
|
||||
|
||||
$action = $_REQUEST['action'] ?? '';
|
||||
$agent = $_REQUEST['agent'] ?? '';
|
||||
|
||||
require '../app/classes/settings.php';
|
||||
require '../app/classes/agent.php';
|
||||
require '../app/classes/conference.php';
|
||||
require '../app/classes/host.php';
|
||||
|
||||
$settingsObject = new Settings();
|
||||
$agentObject = new Agent($dbWeb);
|
||||
$hostObject = new Host($dbWeb);
|
||||
|
||||
// connect to Jilo database
|
||||
$response = connectDB($config, 'jilo', $platformDetails[0]['jilo_database'], $platform_id);
|
||||
|
||||
// if DB connection has error, display it and stop here
|
||||
if ($response['db'] === null) {
|
||||
Messages::flash('ERROR', 'DEFAULT', $response['error']);
|
||||
|
||||
// otherwise if DB connection is OK, go on
|
||||
} else {
|
||||
$db = $response['db'];
|
||||
|
||||
$conferenceObject = new Conference($db);
|
||||
|
||||
switch ($item) {
|
||||
|
||||
case 'graphs':
|
||||
// Connect to Jilo database for log data
|
||||
$jilo_response = connectDB($config, 'jilo', $platformDetails[0]['jilo_database'], $platform_id);
|
||||
if ($jilo_response['db'] === null) {
|
||||
Messages::flash('ERROR', 'DEFAULT', $jilo_response['error']);
|
||||
break;
|
||||
}
|
||||
$jilo_db = $jilo_response['db'];
|
||||
|
||||
// Get date range for the last 7 days
|
||||
$from_time = date('Y-m-d', strtotime('-7 days'));
|
||||
$until_time = date('Y-m-d');
|
||||
|
||||
// Define graphs to show
|
||||
$graphs = [
|
||||
[
|
||||
'graph_name' => 'conferences',
|
||||
'graph_title' => 'Conferences in "' . htmlspecialchars($platformDetails[0]['name']) . '" over time',
|
||||
'datasets' => []
|
||||
],
|
||||
[
|
||||
'graph_name' => 'participants',
|
||||
'graph_title' => 'Participants in "' . htmlspecialchars($platformDetails[0]['name']) . '" over time',
|
||||
'datasets' => []
|
||||
]
|
||||
];
|
||||
|
||||
// Get Jitsi API data
|
||||
$conferences_api = $agentObject->getHistoricalData(
|
||||
$platform_id,
|
||||
'jicofo',
|
||||
'conferences',
|
||||
$from_time,
|
||||
$until_time
|
||||
);
|
||||
$graphs[0]['datasets'][] = [
|
||||
'data' => $conferences_api,
|
||||
'label' => 'Conferences from Jitsi API',
|
||||
'color' => 'rgba(75, 192, 192, 1)'
|
||||
];
|
||||
|
||||
// Get conference data from logs
|
||||
$conferences_logs = $conferenceObject->conferenceNumber(
|
||||
$from_time,
|
||||
$until_time
|
||||
);
|
||||
$graphs[0]['datasets'][] = [
|
||||
'data' => $conferences_logs,
|
||||
'label' => 'Conferences from Logs',
|
||||
'color' => 'rgba(255, 99, 132, 1)'
|
||||
];
|
||||
|
||||
// Get participants data
|
||||
$participants_api = $agentObject->getHistoricalData(
|
||||
$platform_id,
|
||||
'jicofo',
|
||||
'participants',
|
||||
$from_time,
|
||||
$until_time
|
||||
);
|
||||
$graphs[1]['datasets'][] = [
|
||||
'data' => $participants_api,
|
||||
'label' => 'Participants from Jitsi API',
|
||||
'color' => 'rgba(75, 192, 192, 1)'
|
||||
];
|
||||
|
||||
// Prepare data for template
|
||||
$graph = $graphs;
|
||||
|
||||
// prepare the widget
|
||||
$widget['full'] = false;
|
||||
$widget['name'] = 'Graphs';
|
||||
$widget['title'] = 'Jitsi graphs';
|
||||
|
||||
include '../app/templates/graphs-combined.php';
|
||||
break;
|
||||
|
||||
case 'latest':
|
||||
// Define metrics to display
|
||||
$metrics = [
|
||||
'Basic stats' => [
|
||||
'conferences' => ['label' => 'Current conferences', 'link' => 'conferences'],
|
||||
'participants' => ['label' => 'Current participants', 'link' => 'participants'],
|
||||
'total_conferences_created' => ['label' => 'Total conferences created'],
|
||||
'total_participants' => ['label' => 'Total participants']
|
||||
],
|
||||
'Bridge stats' => [
|
||||
'bridge_selector.bridge_count' => ['label' => 'Bridge count'],
|
||||
'bridge_selector.operational_bridge_count' => ['label' => 'Operational bridges'],
|
||||
'bridge_selector.in_shutdown_bridge_count' => ['label' => 'Bridges in shutdown']
|
||||
],
|
||||
'Jibri stats' => [
|
||||
'jibri_detector.count' => ['label' => 'Jibri count'],
|
||||
'jibri_detector.available' => ['label' => 'Jibri idle'],
|
||||
'jibri.live_streaming_active' => ['label' => 'Jibri active streaming'],
|
||||
'jibri.recording_active' => ['label' => 'Jibri active recording'],
|
||||
],
|
||||
'System stats' => [
|
||||
'threads' => ['label' => 'Threads'],
|
||||
'stress_level' => ['label' => 'Stress level'],
|
||||
'version' => ['label' => 'Version']
|
||||
]
|
||||
];
|
||||
|
||||
// Get all hosts for this platform
|
||||
$hosts = $hostObject->getHostDetails($platform_id);
|
||||
$hostsData = [];
|
||||
|
||||
// For each host, get its agents and their metrics
|
||||
foreach ($hosts as $host) {
|
||||
$hostData = [
|
||||
'id' => $host['id'],
|
||||
'name' => $host['name'] ?: $host['address'],
|
||||
'address' => $host['address'],
|
||||
'agents' => []
|
||||
];
|
||||
|
||||
// Get agents for this host
|
||||
$hostAgents = $agentObject->getAgentDetails($host['id']);
|
||||
foreach ($hostAgents as $agent) {
|
||||
$agentData = [
|
||||
'id' => $agent['id'],
|
||||
'type' => $agent['agent_description'],
|
||||
'name' => strtoupper($agent['agent_description']),
|
||||
'metrics' => [],
|
||||
'timestamp' => null
|
||||
];
|
||||
|
||||
// Fetch all metrics for this agent
|
||||
foreach ($metrics as $section => $section_metrics) {
|
||||
foreach ($section_metrics as $metric => $metricConfig) {
|
||||
// Get latest data
|
||||
$latestData = $agentObject->getLatestData($host['id'], $agent['agent_description'], $metric);
|
||||
|
||||
if ($latestData !== null) {
|
||||
// Get the previous record
|
||||
$previousData = $agentObject->getPreviousRecord(
|
||||
$host['id'],
|
||||
$agent['agent_description'],
|
||||
$metric,
|
||||
$latestData['timestamp']
|
||||
);
|
||||
|
||||
$agentData['metrics'][$section][$metric] = [
|
||||
'latest' => [
|
||||
'value' => $latestData['value'],
|
||||
'timestamp' => $latestData['timestamp']
|
||||
],
|
||||
'previous' => $previousData,
|
||||
'label' => $metricConfig['label'],
|
||||
'link' => isset($metricConfig['link']) ? $metricConfig['link'] : null
|
||||
];
|
||||
|
||||
// Use the most recent timestamp for the agent
|
||||
if ($agentData['timestamp'] === null || strtotime($latestData['timestamp']) > strtotime($agentData['timestamp'])) {
|
||||
$agentData['timestamp'] = $latestData['timestamp'];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!empty($agentData['metrics'])) {
|
||||
$hostData['agents'][] = $agentData;
|
||||
}
|
||||
}
|
||||
|
||||
if (!empty($hostData['agents'])) {
|
||||
$hostsData[] = $hostData;
|
||||
}
|
||||
}
|
||||
|
||||
// Load the template
|
||||
include '../app/templates/latest-data.php';
|
||||
break;
|
||||
|
||||
case 'configjs':
|
||||
$mode = $_REQUEST['mode'] ?? '';
|
||||
$raw = ($mode === 'raw');
|
||||
$platformConfigjs = $settingsObject->getPlatformConfigjs($platformDetails[0]['jitsi_url'], $raw);
|
||||
include '../app/templates/data-configjs.php';
|
||||
break;
|
||||
|
||||
case 'interfaceconfigjs':
|
||||
$mode = $_REQUEST['mode'] ?? '';
|
||||
$raw = ($mode === 'raw');
|
||||
$platformInterfaceConfigjs = $settingsObject->getPlatformInterfaceConfigjs($platformDetails[0]['jitsi_url'], $raw);
|
||||
include '../app/templates/data-interfaceconfigjs.php';
|
||||
break;
|
||||
|
||||
default:
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
?>
|
||||
|
|
@ -1,142 +0,0 @@
|
|||
|
||||
<div class="row">
|
||||
<div class="card w-auto bg-light border-light card-body" style="flex-direction: row;"><?= $widget['title'] ?></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="card w-auto bg-light border-light card-body filter-results">
|
||||
<div class="btn-group" role="group">
|
||||
<input type="button" class="button" style="margin-right: 3px;" onclick="setTimeRange('today'); setActive(this)" value="today" />
|
||||
<input type="button" class="button" style="margin-right: 3px;" onclick="setTimeRange('last2days'); setActive(this)" value="last 2 days" />
|
||||
<input type="button" class="button active" style="margin-right: 3px;" onclick="setTimeRange('last7days'); setActive(this)" value="last 7 days" />
|
||||
<input type="button" class="button" style="margin-right: 3px;" onclick="setTimeRange('thisMonth'); setActive(this)" value="month" />
|
||||
<input type="button" class="button" style="margin-right: 18px;" onclick="setTimeRange('thisYear'); setActive(this)" value="year" />
|
||||
|
||||
<input type="date" style="margin-right: 3px;" id="start-date">
|
||||
|
||||
<input type="date" style="margin-right: 3px;" id="end-date">
|
||||
<input type="button" id="custom_range" class="button" onclick="setCustomTimeRange(); setActive(this)" value="custom range" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Define an array to store all graph instances
|
||||
var graphs = [];
|
||||
</script>
|
||||
|
||||
<?php
|
||||
|
||||
foreach ($graph as $data) {
|
||||
include '../app/helpers/graph.php';
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<script>
|
||||
// Function to update the label and propagate zoom across charts
|
||||
function propagateZoom(chart) {
|
||||
var startDate = chart.scales.x.min;
|
||||
var endDate = chart.scales.x.max;
|
||||
|
||||
// Update the datetime input fields
|
||||
document.getElementById('start-date').value = new Date(startDate).toISOString().slice(0, 10);
|
||||
document.getElementById('end-date').value = new Date(endDate).toISOString().slice(0, 10);
|
||||
|
||||
// Update all charts with the new date range
|
||||
graphs.forEach(function(graphObj) {
|
||||
if (graphObj.graph !== chart) {
|
||||
graphObj.graph.options.scales.x.min = startDate;
|
||||
graphObj.graph.options.scales.x.max = endDate;
|
||||
graphObj.graph.update(); // Redraw chart with new range
|
||||
}
|
||||
updatePeriodLabel(graphObj.graph, graphObj.label); // Update period label
|
||||
});
|
||||
}
|
||||
|
||||
// Predefined time range buttons
|
||||
function setTimeRange(range) {
|
||||
var startDate, endDate;
|
||||
var now = new Date();
|
||||
|
||||
switch (range) {
|
||||
case 'today':
|
||||
startDate = new Date(now.setHours(0, 0, 0, 0));
|
||||
endDate = new Date(now.setHours(23, 59, 59, 999));
|
||||
timeRangeName = 'today';
|
||||
break;
|
||||
case 'last2days':
|
||||
startDate = new Date(now.setDate(now.getDate() - 2));
|
||||
endDate = new Date();
|
||||
timeRangeName = 'last 2 days';
|
||||
break;
|
||||
case 'last7days':
|
||||
startDate = new Date(now.setDate(now.getDate() - 7));
|
||||
endDate = new Date();
|
||||
timeRangeName = 'last 7 days';
|
||||
break;
|
||||
case 'thisMonth':
|
||||
startDate = new Date(now.getFullYear(), now.getMonth(), 1);
|
||||
endDate = new Date();
|
||||
timeRangeName = 'this month so far';
|
||||
break;
|
||||
case 'thisYear':
|
||||
startDate = new Date(now.getFullYear(), 0, 1);
|
||||
endDate = new Date();
|
||||
timeRangeName = 'this year so far';
|
||||
break;
|
||||
default:
|
||||
return;
|
||||
}
|
||||
|
||||
// We set the date input fields to match the selected period
|
||||
document.getElementById('start-date').value = startDate.toISOString().slice(0, 10);
|
||||
document.getElementById('end-date').value = endDate.toISOString().slice(0, 10);
|
||||
|
||||
// Loop through all graphs and update their time range and label
|
||||
graphs.forEach(function(graphObj) {
|
||||
graphObj.graph.options.scales.x.min = startDate;
|
||||
graphObj.graph.options.scales.x.max = endDate;
|
||||
graphObj.graph.update();
|
||||
updatePeriodLabel(graphObj.graph, graphObj.label); // Update the period label
|
||||
});
|
||||
}
|
||||
|
||||
// Custom date range
|
||||
function setCustomTimeRange() {
|
||||
var startDate = document.getElementById('start-date').value;
|
||||
var endDate = document.getElementById('end-date').value;
|
||||
|
||||
if (!startDate || !endDate) return;
|
||||
|
||||
// Convert the input dates to JavaScript Date objects
|
||||
startDate = new Date(startDate);
|
||||
endDate = new Date(endDate);
|
||||
timeRangeName = 'custom range';
|
||||
|
||||
// Loop through all graphs and update the custom time range
|
||||
graphs.forEach(function(graphObj) {
|
||||
graphObj.graph.options.scales.x.min = startDate;
|
||||
graphObj.graph.options.scales.x.max = endDate;
|
||||
graphObj.graph.update();
|
||||
updatePeriodLabel(graphObj.graph, graphObj.label); // Update the period label
|
||||
});
|
||||
}
|
||||
|
||||
// Set the clicked button state to active
|
||||
function setActive(element) {
|
||||
// Remove 'active' class from all buttons
|
||||
var buttons = document.querySelectorAll('.button');
|
||||
buttons.forEach(function(btn) {
|
||||
btn.classList.remove('active');
|
||||
});
|
||||
|
||||
// Add 'active' class only to the clicked button
|
||||
element.classList.add('active');
|
||||
}
|
||||
|
||||
// Call setTimeRange('last7days') on page load to pre-load last 7 days by default
|
||||
window.onload = function() {
|
||||
setTimeRange('last7days');
|
||||
};
|
||||
</script>
|
||||
|
|
@ -1,117 +0,0 @@
|
|||
|
||||
<!-- latest data -->
|
||||
<div class="container-fluid mt-2">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12 mb-4">
|
||||
<h2 class="mb-0">Latest data from Jilo Agents</h2>
|
||||
<small>gathered for platform <?= htmlspecialchars($platform_id) ?> (<?= htmlspecialchars($platformDetails[0]['name']) ?>)</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="mb-4">
|
||||
<?php if (!empty($hostsData)) { ?>
|
||||
<?php foreach ($hostsData as $host) { ?>
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">
|
||||
<i class="fas fa-network-wired me-2 text-secondary"></i>
|
||||
<?= htmlspecialchars($host['name']) ?><small class="text-muted"> (<?= htmlspecialchars($host['address']) ?>)</small>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<?php foreach ($host['agents'] as $agent) { ?>
|
||||
<div class="mb-4">
|
||||
<h6 class="border-bottom pb-2">
|
||||
<i class="fas fa-robot me-2 text-secondary"></i>
|
||||
<?= htmlspecialchars($agent['name']) ?> agent
|
||||
</h6>
|
||||
<table class="table table-results table-striped table-hover table-bordered">
|
||||
<thead class="align-top">
|
||||
<tr>
|
||||
<th>Metric</th>
|
||||
<th>
|
||||
Latest value
|
||||
<br>
|
||||
<small class="text-muted"><?= date('d M Y H:i:s', strtotime($agent['timestamp'])) ?></small>
|
||||
</th>
|
||||
<th>
|
||||
Previous value
|
||||
<?php
|
||||
// Find first metric with previous data to get timestamp
|
||||
$prevTimestamp = null;
|
||||
foreach ($metrics as $m_section => $m_metrics) {
|
||||
foreach ($m_metrics as $m_metric => $m_config) {
|
||||
if (isset($agent['metrics'][$m_section][$m_metric]['previous'])) {
|
||||
$prevTimestamp = $agent['metrics'][$m_section][$m_metric]['previous']['timestamp'];
|
||||
break 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
if ($prevTimestamp) { ?>
|
||||
<br>
|
||||
<small class="text-muted"><?= date('d M Y H:i:s', strtotime($prevTimestamp)) ?></small>
|
||||
<?php } ?>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($metrics as $section => $section_metrics) { ?>
|
||||
<?php
|
||||
// Check if this section has any data for this agent
|
||||
$hasData = false;
|
||||
foreach ($section_metrics as $metric => $metricConfig) {
|
||||
if (isset($agent['metrics'][$section][$metric])) {
|
||||
$hasData = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!$hasData) continue;
|
||||
?>
|
||||
<tr class="table-secondary">
|
||||
<th colspan="3"><?= htmlspecialchars($section) ?></th>
|
||||
</tr>
|
||||
<?php foreach ($section_metrics as $metric => $metricConfig) { ?>
|
||||
<?php if (isset($agent['metrics'][$section][$metric])) {
|
||||
$metric_data = $agent['metrics'][$section][$metric];
|
||||
?>
|
||||
<tr>
|
||||
<td><?= htmlspecialchars($metricConfig['label']) ?></td>
|
||||
<td>
|
||||
<?php if ($metric_data['link']) { ?>
|
||||
<a href="<?= htmlspecialchars($app_root) ?>?platform=<?= htmlspecialchars($platform_id) ?>&page=<?= htmlspecialchars($metric_data['link']) ?>&from_time=<?= htmlspecialchars($metric_data['latest']['timestamp']) ?>&until_time=<?= htmlspecialchars($metric_data['latest']['timestamp']) ?>"><?= htmlspecialchars($metric_data['latest']['value']) ?></a>
|
||||
<?php } else { ?>
|
||||
<?= htmlspecialchars($metric_data['latest']['value']) ?>
|
||||
<?php } ?>
|
||||
</td>
|
||||
<td>
|
||||
<?php if ($metric_data['previous']) { ?>
|
||||
<?php if ($metric_data['link']) { ?>
|
||||
<a href="<?= htmlspecialchars($app_root) ?>?platform=<?= htmlspecialchars($platform_id) ?>&page=<?= htmlspecialchars($metric_data['link']) ?>&from_time=<?= htmlspecialchars($metric_data['previous']['timestamp']) ?>&until_time=<?= htmlspecialchars($metric_data['previous']['timestamp']) ?>"><?= htmlspecialchars($metric_data['previous']['value']) ?></a>
|
||||
<?php } else { ?>
|
||||
<?= htmlspecialchars($metric_data['previous']['value']) ?>
|
||||
<?php } ?>
|
||||
<?php } else { ?>
|
||||
<span class="text-muted">No previous data</span>
|
||||
<?php } ?>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php } else { ?>
|
||||
<div class="alert alert-info m-3" role="alert">
|
||||
No data available from any agents. Please check agent configuration and connectivity.
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /latest data -->
|
||||
Loading…
Reference in New Issue