mirror of
https://github.com/pandorafms/pandorafms.git
synced 2025-07-31 01:35:36 +02:00
Merge branch 'ent-10191-nuevas-alertas-sonoras-son-poco-usables' into 'develop'
Ent 10191 nuevas alertas sonoras son poco usables See merge request artica/pandorafms!5689
This commit is contained in:
Daniel Rodriguez
commit
06b58d3dfc
@ -2406,7 +2406,7 @@ if ($drawConsoleSound === true) {
|
|||||||
'Star_Trek_emergency_simulation.wav' => 'StarTrek emergency simulation',
|
'Star_Trek_emergency_simulation.wav' => 'StarTrek emergency simulation',
|
||||||
];
|
];
|
||||||
|
|
||||||
$eventsounds = mysql_db_get_all_rows_sql('SELECT * FROM tevent_sound WHERE active = 1');
|
$eventsounds = db_get_all_rows_sql('SELECT * FROM tevent_sound WHERE active = 1');
|
||||||
foreach ($eventsounds as $key => $row) {
|
foreach ($eventsounds as $key => $row) {
|
||||||
$sounds[$row['sound']] = $row['name'];
|
$sounds[$row['sound']] = $row['name'];
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1770,7 +1770,7 @@ function ui_require_javascript_file($name, $path='include/javascript/', $echo_ta
|
|||||||
|
|
||||||
if (is_metaconsole()
|
if (is_metaconsole()
|
||||||
&& (isset($config['requirements_use_base_url']) === false
|
&& (isset($config['requirements_use_base_url']) === false
|
||||||
|| $config['requirements_use_base_url'] === false)
|
|| $config['requirements_use_base_url'] === false) && $filename !== 'include/javascript/select2.min.js'
|
||||||
) {
|
) {
|
||||||
$config['js'][$name] = '../../'.$filename;
|
$config['js'][$name] = '../../'.$filename;
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@ -944,8 +944,28 @@ function process_buffers(buffers) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function openSoundEventModal(settings) {
|
function openSoundEventModal(settings) {
|
||||||
settings = JSON.parse(atob(settings));
|
if ($("#hidden-metaconsole_activated").val() === "1") {
|
||||||
|
var win = open(
|
||||||
|
"../../operation/events/sound_events.php",
|
||||||
|
"day_123",
|
||||||
|
"width=600,height=500"
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
var win = open(
|
||||||
|
"operation/events/sound_events.php",
|
||||||
|
"day_123",
|
||||||
|
"width=600,height=500"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (win) {
|
||||||
|
//Browser has allowed it to be opened
|
||||||
|
win.focus();
|
||||||
|
} else {
|
||||||
|
//Browser has blocked it
|
||||||
|
alert("Please allow popups for this website");
|
||||||
|
}
|
||||||
|
|
||||||
|
settings = JSON.parse(atob(settings));
|
||||||
// Check modal exists and is open.
|
// Check modal exists and is open.
|
||||||
if (
|
if (
|
||||||
$("#modal-sound").hasClass("ui-dialog-content") &&
|
$("#modal-sound").hasClass("ui-dialog-content") &&
|
||||||
@ -953,102 +973,6 @@ function openSoundEventModal(settings) {
|
|||||||
) {
|
) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Initialize modal.
|
|
||||||
$("#modal-sound")
|
|
||||||
.empty()
|
|
||||||
.dialog({
|
|
||||||
title: settings.title,
|
|
||||||
resizable: false,
|
|
||||||
modal: true,
|
|
||||||
position: { my: "right top", at: "right bottom", of: window },
|
|
||||||
overlay: {
|
|
||||||
opacity: 0.5,
|
|
||||||
background: "black"
|
|
||||||
},
|
|
||||||
width: 600,
|
|
||||||
height: 600,
|
|
||||||
open: function() {
|
|
||||||
$(".ui-widget-overlay")
|
|
||||||
.css("background", "black")
|
|
||||||
.css("opacity", 0.5);
|
|
||||||
$.ajax({
|
|
||||||
method: "post",
|
|
||||||
url: settings.url,
|
|
||||||
data: {
|
|
||||||
page: settings.page,
|
|
||||||
drawConsoleSound: 1
|
|
||||||
},
|
|
||||||
dataType: "html",
|
|
||||||
success: function(data) {
|
|
||||||
$("#modal-sound").append(data);
|
|
||||||
$("#tabs-sound-modal").tabs({
|
|
||||||
disabled: [1]
|
|
||||||
});
|
|
||||||
|
|
||||||
// Test sound.
|
|
||||||
$("#button-melody_sound").click(function() {
|
|
||||||
var sound = false;
|
|
||||||
if ($("#id_sound_event").length == 0) {
|
|
||||||
sound = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
test_sound_button(sound, settings.urlSound);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Play Stop.
|
|
||||||
$("#button-start-search").click(function() {
|
|
||||||
var mode = $("#hidden-mode_alert").val();
|
|
||||||
var action = false;
|
|
||||||
if (mode == 0) {
|
|
||||||
action = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
action_events_sound(action, settings);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Silence Alert.
|
|
||||||
$("#button-no-alerts").click(function() {
|
|
||||||
if ($("#button-no-alerts").hasClass("silence-alerts") === true) {
|
|
||||||
// Remove audio.
|
|
||||||
remove_audio();
|
|
||||||
|
|
||||||
// Clean events.
|
|
||||||
$("#tabs-sound-modal .elements-discovered-alerts ul").empty();
|
|
||||||
$("#tabs-sound-modal .empty-discovered-alerts").removeClass(
|
|
||||||
"invisible_important"
|
|
||||||
);
|
|
||||||
|
|
||||||
// Clean progress.
|
|
||||||
$("#progressbar_time").empty();
|
|
||||||
|
|
||||||
// Change img button.
|
|
||||||
$("#button-no-alerts")
|
|
||||||
.removeClass("silence-alerts")
|
|
||||||
.addClass("alerts");
|
|
||||||
// Change value button.
|
|
||||||
$("#button-no-alerts").val(settings.noAlert);
|
|
||||||
$("#button-no-alerts > span").text(settings.noAlert);
|
|
||||||
|
|
||||||
// Background button.
|
|
||||||
$(".container-button-alert").removeClass("fired");
|
|
||||||
|
|
||||||
// New progress.
|
|
||||||
listen_event_sound(settings);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
error: function(error) {
|
|
||||||
console.error(error);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
close: function() {
|
|
||||||
remove_audio();
|
|
||||||
$(this).dialog("destroy");
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.show();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function test_sound_button(test_sound, urlSound) {
|
function test_sound_button(test_sound, urlSound) {
|
||||||
|
|||||||
@ -231,10 +231,6 @@ div.container-button-play > button#button-start-search {
|
|||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
button#button-start-search:hover {
|
|
||||||
background-position: 82px 14px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.actions-sound-modal .buttons-sound-modal button.alerts,
|
.actions-sound-modal .buttons-sound-modal button.alerts,
|
||||||
.actions-sound-modal .buttons-sound-modal input[type="button"].alerts {
|
.actions-sound-modal .buttons-sound-modal input[type="button"].alerts {
|
||||||
width: 154px;
|
width: 154px;
|
||||||
|
|||||||
@ -3047,6 +3047,11 @@ $(document).ready( function() {
|
|||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
var show_event_dialog = "<?php echo get_parameter('show_event_dialog', ''); ?>";
|
||||||
|
if (show_event_dialog !== ''){
|
||||||
|
show_event_dialo(show_event_dialog);
|
||||||
|
}
|
||||||
|
|
||||||
/* Multi select handler */
|
/* Multi select handler */
|
||||||
$('#checkbox-all_validate_box').on('change', function() {
|
$('#checkbox-all_validate_box').on('change', function() {
|
||||||
if($('#checkbox-all_validate_box').is(":checked")) {
|
if($('#checkbox-all_validate_box').is(":checked")) {
|
||||||
@ -3291,4 +3296,105 @@ $(document).ready(function () {
|
|||||||
|
|
||||||
$('.white_table_graph_header').first().append($('.filter_summary'));
|
$('.white_table_graph_header').first().append($('.filter_summary'));
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Show the modal window of an event
|
||||||
|
function show_event_dialo(event, dialog_page) {
|
||||||
|
var ajax_file = getUrlAjax();
|
||||||
|
|
||||||
|
var view = ``;
|
||||||
|
|
||||||
|
if ($("#event_details_window").length) {
|
||||||
|
view = "#event_details_window";
|
||||||
|
} else if ($("#sound_event_details_window").length) {
|
||||||
|
view = "#sound_event_details_window";
|
||||||
|
}
|
||||||
|
|
||||||
|
if (dialog_page == undefined) {
|
||||||
|
dialog_page = "general";
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
event = event.replaceAll(" ", "+");
|
||||||
|
event = JSON.parse(atob(event), true);
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var inputs = $("#events_form :input");
|
||||||
|
var values = {};
|
||||||
|
inputs.each(function() {
|
||||||
|
values[this.name] = $(this).val();
|
||||||
|
});
|
||||||
|
|
||||||
|
// Metaconsole mode flag
|
||||||
|
var meta = $("#hidden-meta").val();
|
||||||
|
|
||||||
|
// History mode flag
|
||||||
|
var history = $("#hidden-history").val();
|
||||||
|
|
||||||
|
jQuery.post(
|
||||||
|
ajax_file,
|
||||||
|
{
|
||||||
|
page: "include/ajax/events",
|
||||||
|
get_extended_event: 1,
|
||||||
|
dialog_page: dialog_page,
|
||||||
|
event: event,
|
||||||
|
meta: meta,
|
||||||
|
history: history,
|
||||||
|
filter: values
|
||||||
|
},
|
||||||
|
function(data) {
|
||||||
|
$(view)
|
||||||
|
.hide()
|
||||||
|
.empty()
|
||||||
|
.append(data)
|
||||||
|
.dialog({
|
||||||
|
title: event.evento,
|
||||||
|
resizable: true,
|
||||||
|
draggable: true,
|
||||||
|
modal: true,
|
||||||
|
minWidth: 875,
|
||||||
|
minHeight: 600,
|
||||||
|
close: function() {
|
||||||
|
$("#refrcounter").countdown("resume");
|
||||||
|
$("div.vc-countdown").countdown("resume");
|
||||||
|
},
|
||||||
|
overlay: {
|
||||||
|
opacity: 0.5,
|
||||||
|
background: "black"
|
||||||
|
},
|
||||||
|
width: 710,
|
||||||
|
height: 650,
|
||||||
|
autoOpen: true,
|
||||||
|
open: function() {
|
||||||
|
if (
|
||||||
|
$.ui &&
|
||||||
|
$.ui.dialog &&
|
||||||
|
$.ui.dialog.prototype._allowInteraction
|
||||||
|
) {
|
||||||
|
var ui_dialog_interaction =
|
||||||
|
$.ui.dialog.prototype._allowInteraction;
|
||||||
|
$.ui.dialog.prototype._allowInteraction = function(e) {
|
||||||
|
if ($(e.target).closest(".select2-dropdown").length)
|
||||||
|
return true;
|
||||||
|
return ui_dialog_interaction.apply(this, arguments);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
},
|
||||||
|
_allowInteraction: function(event) {
|
||||||
|
return !!$(event.target).is(".select2-input") || this._super(event);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.show();
|
||||||
|
|
||||||
|
$("#refrcounter").countdown("pause");
|
||||||
|
$("div.vc-countdown").countdown("pause");
|
||||||
|
|
||||||
|
forced_title_callback();
|
||||||
|
},
|
||||||
|
"html"
|
||||||
|
);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -160,315 +160,475 @@ if ($config['style'] === 'pandora_black' && !is_metaconsole()) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
echo '</head>';
|
echo '</head>';
|
||||||
echo "<body class='sound_events'>";
|
echo '<body style="overflow: hidden;">';
|
||||||
echo "<h1 class='modalheaderh1'>".__('Accoustic console').'</h1>';
|
echo ui_require_css_file('wizard', 'include/styles/', true);
|
||||||
|
echo ui_require_css_file('discovery', 'include/styles/', true);
|
||||||
|
echo ui_require_css_file('sound_events', 'include/styles/', true);
|
||||||
|
$output = '<div id="tabs-sound-modal">';
|
||||||
|
// Header tabs.
|
||||||
|
$output .= '<ul class="tabs-sound-modal-options">';
|
||||||
|
$output .= '<li>';
|
||||||
|
$output .= '<a href="#tabs-sound-modal-1">';
|
||||||
|
$output .= html_print_image(
|
||||||
|
'images/gear.png',
|
||||||
|
true,
|
||||||
|
[
|
||||||
|
'title' => __('Options'),
|
||||||
|
'class' => 'invert_filter',
|
||||||
|
]
|
||||||
|
);
|
||||||
|
$output .= '</a>';
|
||||||
|
$output .= '</li>';
|
||||||
|
$output .= '<li>';
|
||||||
|
$output .= '<a href="#tabs-sound-modal-2">';
|
||||||
|
$output .= html_print_image(
|
||||||
|
'images/list.png',
|
||||||
|
true,
|
||||||
|
[
|
||||||
|
'title' => __('Events list'),
|
||||||
|
'class' => 'invert_filter',
|
||||||
|
]
|
||||||
|
);
|
||||||
|
$output .= '</a>';
|
||||||
|
$output .= '</li>';
|
||||||
|
$output .= '</ul>';
|
||||||
|
|
||||||
// Connection lost alert.
|
// Content tabs.
|
||||||
ui_require_css_file('register', 'include/styles/', true);
|
$output .= '<div id="tabs-sound-modal-1">';
|
||||||
$conn_title = __('Connection with server has been lost');
|
$output .= '<h3 class="console-configuration">';
|
||||||
$conn_text = __('Connection to the server has been lost. Please check your internet connection or contact with administrator.');
|
$output .= __('Console configuration');
|
||||||
ui_require_javascript_file('connection_check');
|
$output .= '</h3>';
|
||||||
set_js_value('absolute_homeurl', ui_get_full_url(false, false, false, false));
|
$inputs = [];
|
||||||
ui_print_message_dialog(
|
|
||||||
$conn_title,
|
|
||||||
$conn_text,
|
|
||||||
'connection',
|
|
||||||
'/images/fail@svg.svg'
|
|
||||||
);
|
|
||||||
|
|
||||||
$inputs = [];
|
// Load filter.
|
||||||
|
$fields = \events_get_event_filter_select();
|
||||||
// Load filter.
|
$inputs[] = [
|
||||||
$fields = \events_get_event_filter_select();
|
'label' => \__('Set condition'),
|
||||||
$inputs[] = [
|
|
||||||
'label' => \__('Load filter'),
|
|
||||||
'class' => 'flex-row',
|
|
||||||
'arguments' => [
|
|
||||||
'type' => 'select',
|
|
||||||
'fields' => $fields,
|
|
||||||
'name' => 'filter_id',
|
|
||||||
'selected' => 0,
|
|
||||||
'return' => true,
|
|
||||||
'nothing' => \__('All new events'),
|
|
||||||
'nothing_value' => 0,
|
|
||||||
'class' => 'fullwidth',
|
|
||||||
],
|
|
||||||
];
|
|
||||||
|
|
||||||
$times_interval = [
|
|
||||||
10 => '10 '.__('seconds'),
|
|
||||||
15 => '15 '.__('seconds'),
|
|
||||||
30 => '30 '.__('seconds'),
|
|
||||||
60 => '60 '.__('seconds'),
|
|
||||||
];
|
|
||||||
|
|
||||||
$times_sound = [
|
|
||||||
2 => '2 '.__('seconds'),
|
|
||||||
5 => '5 '.__('seconds'),
|
|
||||||
10 => '10 '.__('seconds'),
|
|
||||||
15 => '15 '.__('seconds'),
|
|
||||||
30 => '30 '.__('seconds'),
|
|
||||||
60 => '60 '.__('seconds'),
|
|
||||||
];
|
|
||||||
|
|
||||||
$inputs[] = [
|
|
||||||
'class' => 'flex-row flex-row-center',
|
|
||||||
'direct' => 1,
|
|
||||||
'block_content' => [
|
|
||||||
[
|
|
||||||
'label' => __('Interval'),
|
|
||||||
'arguments' => [
|
'arguments' => [
|
||||||
'type' => 'select',
|
'type' => 'select',
|
||||||
'fields' => $times_interval,
|
'fields' => $fields,
|
||||||
'name' => 'interval',
|
'name' => 'filter_id',
|
||||||
'selected' => 10,
|
'selected' => 0,
|
||||||
'return' => true,
|
'return' => true,
|
||||||
|
'nothing' => \__('All new events'),
|
||||||
|
'nothing_value' => 0,
|
||||||
|
'class' => 'fullwidth',
|
||||||
],
|
],
|
||||||
],
|
];
|
||||||
[
|
|
||||||
'label' => __('Time Sound'),
|
$times_interval = [
|
||||||
'arguments' => [
|
10 => '10 '.__('seconds'),
|
||||||
'type' => 'select',
|
15 => '15 '.__('seconds'),
|
||||||
'fields' => $times_sound,
|
30 => '30 '.__('seconds'),
|
||||||
'name' => 'time_sound',
|
60 => '60 '.__('seconds'),
|
||||||
'selected' => 10,
|
];
|
||||||
'return' => true,
|
|
||||||
|
$times_sound = [
|
||||||
|
2 => '2 '.__('seconds'),
|
||||||
|
5 => '5 '.__('seconds'),
|
||||||
|
10 => '10 '.__('seconds'),
|
||||||
|
15 => '15 '.__('seconds'),
|
||||||
|
30 => '30 '.__('seconds'),
|
||||||
|
60 => '60 '.__('seconds'),
|
||||||
|
];
|
||||||
|
|
||||||
|
$inputs[] = [
|
||||||
|
'class' => 'interval-sounds',
|
||||||
|
'direct' => 1,
|
||||||
|
'block_content' => [
|
||||||
|
[
|
||||||
|
'label' => __('Interval'),
|
||||||
|
'arguments' => [
|
||||||
|
'type' => 'select',
|
||||||
|
'fields' => $times_interval,
|
||||||
|
'name' => 'interval',
|
||||||
|
'selected' => 10,
|
||||||
|
'return' => true,
|
||||||
|
],
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'label' => __('Sound duration'),
|
||||||
|
'arguments' => [
|
||||||
|
'type' => 'select',
|
||||||
|
'fields' => $times_sound,
|
||||||
|
'name' => 'time_sound',
|
||||||
|
'selected' => 10,
|
||||||
|
'return' => true,
|
||||||
|
],
|
||||||
|
],
|
||||||
],
|
],
|
||||||
],
|
];
|
||||||
],
|
|
||||||
];
|
|
||||||
|
|
||||||
$sounds = [
|
$sounds = [
|
||||||
'aircraftalarm.wav' => 'Air craft alarm',
|
'aircraftalarm.wav' => 'Air craft alarm',
|
||||||
'air_shock_alarm.wav' => 'Air shock alarm',
|
'air_shock_alarm.wav' => 'Air shock alarm',
|
||||||
'alien_alarm.wav' => 'Alien alarm',
|
'alien_alarm.wav' => 'Alien alarm',
|
||||||
'alien_beacon.wav' => 'Alien beacon',
|
'alien_beacon.wav' => 'Alien beacon',
|
||||||
'bell_school_ringing.wav' => 'Bell school ringing',
|
'bell_school_ringing.wav' => 'Bell school ringing',
|
||||||
'Door_Alarm.wav' => 'Door alarm',
|
'Door_Alarm.wav' => 'Door alarm',
|
||||||
'EAS_beep.wav' => 'EAS beep',
|
'EAS_beep.wav' => 'EAS beep',
|
||||||
'Firewarner.wav' => 'Fire warner',
|
'Firewarner.wav' => 'Fire warner',
|
||||||
'HardPCMAlarm.wav' => 'Hard PCM Alarm',
|
'HardPCMAlarm.wav' => 'Hard PCM Alarm',
|
||||||
'negativebeep.wav' => 'Negative beep',
|
'negativebeep.wav' => 'Negative beep',
|
||||||
'Star_Trek_emergency_simulation.wav' => 'StarTrek emergency simulation',
|
'Star_Trek_emergency_simulation.wav' => 'StarTrek emergency simulation',
|
||||||
];
|
];
|
||||||
|
|
||||||
$eventsounds = mysql_db_get_row_sql('SELECT * FROM tevent_sound WHERE active = 1');
|
$eventsounds = db_get_all_rows_sql('SELECT * FROM tevent_sound WHERE active = 1');
|
||||||
foreach ($eventsounds as $key => $row) {
|
foreach ($eventsounds as $key => $row) {
|
||||||
$sounds[$row['sound']] = $row['name'];
|
$sounds[$row['sound']] = $row['name'];
|
||||||
}
|
}
|
||||||
|
|
||||||
$inputs[] = [
|
$inputs[] = [
|
||||||
'label' => \__('Sounds'),
|
'class' => 'test-sounds',
|
||||||
'class' => 'flex-row',
|
'direct' => 1,
|
||||||
'arguments' => [
|
'block_content' => [
|
||||||
'type' => 'select',
|
[
|
||||||
'fields' => $sounds,
|
'label' => \__('Sound melody'),
|
||||||
'name' => 'sound_id',
|
'arguments' => [
|
||||||
'selected' => 'Star_Trek_emergency_simulation.wav',
|
'type' => 'select',
|
||||||
'return' => true,
|
'fields' => $sounds,
|
||||||
'class' => 'fullwidth',
|
'name' => 'sound_id',
|
||||||
],
|
'selected' => 'Star_Trek_emergency_simulation.wav',
|
||||||
];
|
'return' => true,
|
||||||
|
'class' => 'fullwidth',
|
||||||
|
],
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'arguments' => [
|
||||||
|
'type' => 'button',
|
||||||
|
'name' => 'melody_sound',
|
||||||
|
'label' => __('Test sound'),
|
||||||
|
'attributes' => ['icon' => 'sound'],
|
||||||
|
'return' => true,
|
||||||
|
],
|
||||||
|
],
|
||||||
|
],
|
||||||
|
];
|
||||||
|
|
||||||
// Print form.
|
// Print form.
|
||||||
HTML::printForm(
|
$output .= HTML::printForm(
|
||||||
[
|
[
|
||||||
'form' => [
|
'form' => [
|
||||||
'action' => '',
|
'action' => '',
|
||||||
'method' => 'POST',
|
'method' => 'POST',
|
||||||
],
|
],
|
||||||
'inputs' => $inputs,
|
'inputs' => $inputs,
|
||||||
],
|
],
|
||||||
false,
|
true,
|
||||||
true
|
false
|
||||||
);
|
);
|
||||||
|
$output .= '</div>';
|
||||||
|
|
||||||
$result = '<div><ul class="events_fired">';
|
$output .= '<div id="tabs-sound-modal-2">';
|
||||||
$result .= '<li class="events_fired_li_empty">';
|
$output .= '<h3 class="title-discovered-alerts">';
|
||||||
$result .= ui_print_info_message(__('Events not found'), '', true);
|
$output .= __('Discovered alerts');
|
||||||
$result .= '</li>';
|
$output .= '</h3>';
|
||||||
$result .= '</ul></div>';
|
$output .= '<div class="empty-discovered-alerts">';
|
||||||
|
$output .= html_print_image(
|
||||||
|
'images/no-alerts-discovered.png',
|
||||||
|
true,
|
||||||
|
[
|
||||||
|
'title' => __('No alerts discovered'),
|
||||||
|
'class' => 'invert_filter',
|
||||||
|
]
|
||||||
|
);
|
||||||
|
$output .= '<span class="text-discovered-alerts">';
|
||||||
|
$output .= __('Congrats! there’s nothing to show');
|
||||||
|
$output .= '</span>';
|
||||||
|
$output .= '</div>';
|
||||||
|
$output .= '<div class="elements-discovered-alerts"><ul></ul></div>';
|
||||||
|
$output .= html_print_input_hidden(
|
||||||
|
'ajax_file_sound_console',
|
||||||
|
ui_get_full_url('ajax.php', false, false, false),
|
||||||
|
true
|
||||||
|
);
|
||||||
|
$output .= html_print_input_hidden(
|
||||||
|
'meta',
|
||||||
|
is_metaconsole(),
|
||||||
|
true
|
||||||
|
);
|
||||||
|
$output .= '<div id="sound_event_details_window"></div>';
|
||||||
|
$output .= '<div id="sound_event_response_window"></div>';
|
||||||
|
$output .= '</div>';
|
||||||
|
$output .= '</div>';
|
||||||
|
|
||||||
$result .= '<div id="progressbar_time"></div>';
|
$output .= '<div class="actions-sound-modal">';
|
||||||
|
$output .= '<div id="progressbar_time"></div>';
|
||||||
|
$output .= '<div class="buttons-sound-modal mrgn_top_10px">';
|
||||||
|
$output .= html_print_button(
|
||||||
|
__('Start'),
|
||||||
|
'start-search',
|
||||||
|
false,
|
||||||
|
'',
|
||||||
|
[
|
||||||
|
'icon' => 'cog',
|
||||||
|
'class' => 'mrgn_lft_20px',
|
||||||
|
],
|
||||||
|
true
|
||||||
|
);
|
||||||
|
// $output .= html_print_submit_button(
|
||||||
|
// [
|
||||||
|
// 'label' => __('Start'),
|
||||||
|
// 'type' => 'button',
|
||||||
|
// 'name' => 'start-search',
|
||||||
|
// 'attributes' => [ 'class' => 'play' ],
|
||||||
|
// 'return' => true,
|
||||||
|
// ],
|
||||||
|
// 'div',
|
||||||
|
// true
|
||||||
|
// );
|
||||||
|
$output .= '<div class="container-button-alert mrgn_right_20px">';
|
||||||
|
$output .= html_print_input(
|
||||||
|
[
|
||||||
|
'type' => 'button',
|
||||||
|
'name' => 'no-alerts',
|
||||||
|
'label' => __('No alerts'),
|
||||||
|
'attributes' => ['class' => 'secondary alerts'],
|
||||||
|
'return' => true,
|
||||||
|
],
|
||||||
|
'div',
|
||||||
|
true
|
||||||
|
);
|
||||||
|
$output .= '</div>';
|
||||||
|
|
||||||
echo $result;
|
$output .= html_print_input(
|
||||||
|
[
|
||||||
$table = new StdClass;
|
'type' => 'hidden',
|
||||||
$table->width = '100%';
|
'name' => 'mode_alert',
|
||||||
$table->class = 'sound_div_background text_center';
|
'value' => 0,
|
||||||
|
'return' => true,
|
||||||
$table->data[0][0] = '<a href="javascript: toggleButton();">';
|
],
|
||||||
$table->data[0][0] .= html_print_image(
|
'div',
|
||||||
'images/play.button.png',
|
true
|
||||||
true,
|
);
|
||||||
['id' => 'button']
|
$output .= '</div>';
|
||||||
);
|
$output .= '</div>';
|
||||||
$table->data[0][0] .= '</a>';
|
echo $output;
|
||||||
|
?>
|
||||||
$table->data[0][1] = '<a href="javascript: ok();">';
|
|
||||||
$table->data[0][1] .= html_print_image(
|
|
||||||
'images/ok.button.png',
|
|
||||||
true,
|
|
||||||
['style' => 'margin-left: 15px;']
|
|
||||||
);
|
|
||||||
$table->data[0][1] .= '</a>';
|
|
||||||
|
|
||||||
$table->data[0][2] = '<a href="javascript: test_sound_button();">';
|
|
||||||
$table->data[0][2] .= html_print_image(
|
|
||||||
'images/icono_test.png',
|
|
||||||
true,
|
|
||||||
[
|
|
||||||
'id' => 'button_try',
|
|
||||||
'style' => 'margin-left: 15px;',
|
|
||||||
]
|
|
||||||
);
|
|
||||||
$table->data[0][2] .= '</a>';
|
|
||||||
|
|
||||||
$table->data[0][3] = html_print_image(
|
|
||||||
'images/tick_sound_events.png',
|
|
||||||
true,
|
|
||||||
[
|
|
||||||
'id' => 'button_status',
|
|
||||||
'style' => 'margin-left: 15px;',
|
|
||||||
]
|
|
||||||
);
|
|
||||||
|
|
||||||
html_print_table($table);
|
|
||||||
?>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var control = false;
|
|
||||||
|
|
||||||
var running = false;
|
function test_sound_button(test_sound, urlSound) {
|
||||||
var id_row = 0;
|
if (test_sound === true) {
|
||||||
var button_play_status = "play";
|
$("#button-melody_sound").addClass("blink-image");
|
||||||
var test_sound = false;
|
add_audio(urlSound);
|
||||||
|
|
||||||
function test_sound_button() {
|
|
||||||
if (!test_sound) {
|
|
||||||
$("#button_try").attr('src', '../../images/icono_test.png');
|
|
||||||
var sound = '../../include/sounds/' + $('#sound_id').val();
|
|
||||||
$('body').append("<audio src='"+sound+"' autoplay='true' hidden='true' loop='false'>");
|
|
||||||
test_sound = true;
|
|
||||||
} else {
|
} else {
|
||||||
$("#button_try").attr('src', '../../images/icono_test.png');
|
$("#button-melody_sound").removeClass("blink-image");
|
||||||
$('body audio').remove();
|
remove_audio();
|
||||||
test_sound = false;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function toggleButton() {
|
function action_events_sound(mode) {
|
||||||
if (button_play_status == 'pause') {
|
if (mode === true) {
|
||||||
$("#button").attr('src', '../../images/play.button.png');
|
// Enable tabs.
|
||||||
stopSound();
|
$("#tabs-sound-modal").tabs("option", "disabled", [0]);
|
||||||
control.paused();
|
// Active tabs.
|
||||||
|
$("#tabs-sound-modal").tabs("option", "active", 1);
|
||||||
|
// Change mode.
|
||||||
|
$("#hidden-mode_alert").val(1);
|
||||||
|
// Change img button.
|
||||||
|
$("#button-start-search")
|
||||||
|
.removeClass("play")
|
||||||
|
.addClass("stop");
|
||||||
|
// Change value button.
|
||||||
|
$("#button-start-search").val("Stop");
|
||||||
|
$("#button-start-search > span").text("Stop");
|
||||||
|
// Add Progress bar.
|
||||||
|
listen_event_sound();
|
||||||
|
} else {
|
||||||
|
// Enable tabs.
|
||||||
|
$("#tabs-sound-modal").tabs("option", "disabled", [1]);
|
||||||
|
// Active tabs.
|
||||||
|
$("#tabs-sound-modal").tabs("option", "active", 0);
|
||||||
|
// Change mode.
|
||||||
|
$("#hidden-mode_alert").val(0);
|
||||||
|
// Change img button.
|
||||||
|
$("#button-start-search")
|
||||||
|
.removeClass("stop")
|
||||||
|
.addClass("play");
|
||||||
|
// Change value button.
|
||||||
|
$("#button-start-search").val("Start");
|
||||||
|
$("#button-start-search > span").text("Start");
|
||||||
|
// Remove progress bar.
|
||||||
|
$("#progressbar_time").empty();
|
||||||
|
// Remove audio.
|
||||||
|
remove_audio();
|
||||||
|
// Clean events.
|
||||||
|
$("#tabs-sound-modal .elements-discovered-alerts ul").empty();
|
||||||
|
$("#tabs-sound-modal .empty-discovered-alerts").removeClass(
|
||||||
|
"invisible_important"
|
||||||
|
);
|
||||||
|
// Change img button.
|
||||||
|
$("#button-no-alerts")
|
||||||
|
.removeClass("silence-alerts")
|
||||||
|
.addClass("alerts");
|
||||||
|
// Change value button.
|
||||||
|
$("#button-no-alerts").val("No alert");
|
||||||
|
$("#button-no-alerts > span").text("No alert");
|
||||||
|
|
||||||
button_play_status = 'play';
|
// Background button.
|
||||||
}
|
$(".container-button-alert").removeClass("fired");
|
||||||
else {
|
|
||||||
$("#button").attr('src', '../../images/pause.button.png');
|
|
||||||
forgetPreviousEvents();
|
|
||||||
startSound();
|
|
||||||
|
|
||||||
button_play_status = 'pause';
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function ok() {
|
function add_audio(urlSound) {
|
||||||
$('#button_status').attr('src','../../images/tick_sound_events.png');
|
var sound = urlSound;
|
||||||
$('audio').remove();
|
$(".actions-sound-modal").append(
|
||||||
$('.events_fired').empty();
|
"<audio id='id_sound_event' src='" +
|
||||||
|
sound +
|
||||||
|
"' autoplay='true' hidden='true' loop='false'>"
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function stopSound() {
|
function remove_audio() {
|
||||||
$('audio').remove();
|
$(".actions-sound-modal audio").remove();
|
||||||
$('body').css('background', '#494949');
|
|
||||||
running = false;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function startSound() {
|
function listen_event_sound() {
|
||||||
running = true;
|
progressTimeBar(
|
||||||
|
"progressbar_time",
|
||||||
|
$("#interval").val(),
|
||||||
|
"infinite",
|
||||||
|
function() {
|
||||||
|
// Search events.
|
||||||
|
check_event_sound();
|
||||||
|
}
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function forgetPreviousEvents() {
|
function check_event_sound() {
|
||||||
if(control === false) {
|
jQuery.post(
|
||||||
running = true;
|
$('#hidden-ajax_file_sound_console').val(),
|
||||||
control = progressTimeBar(
|
{
|
||||||
"progressbar_time",
|
page: "include/ajax/events",
|
||||||
$("#interval").val(),
|
get_events_fired: 1,
|
||||||
'infinite',
|
filter_id: $("#tabs-sound-modal #filter_id").val(),
|
||||||
function() {
|
interval: $("#tabs-sound-modal #interval").val(),
|
||||||
check_event();
|
time_sound: $("#tabs-sound-modal #time_sound").val()
|
||||||
|
},
|
||||||
|
function(data) {
|
||||||
|
if (data != false) {
|
||||||
|
// Hide empty.
|
||||||
|
$("#tabs-sound-modal .empty-discovered-alerts").addClass(
|
||||||
|
"invisible_important"
|
||||||
|
);
|
||||||
|
|
||||||
|
// Change img button.
|
||||||
|
$("#button-no-alerts")
|
||||||
|
.removeClass("alerts")
|
||||||
|
.addClass("silence-alerts");
|
||||||
|
// Change value button.
|
||||||
|
$("#button-no-alerts").val("Silence alarm");
|
||||||
|
$("#button-no-alerts > span").text("Silence alarm");
|
||||||
|
|
||||||
|
// Background button.
|
||||||
|
$(".container-button-alert").addClass("fired");
|
||||||
|
|
||||||
|
// Remove audio.
|
||||||
|
remove_audio();
|
||||||
|
var urlSound = '../../include/sounds/'+$('#sound_id :selected').val();
|
||||||
|
// Apend audio.
|
||||||
|
add_audio(urlSound);
|
||||||
|
|
||||||
|
// Add elements.
|
||||||
|
data.forEach(function(element) {
|
||||||
|
var li = document.createElement("li");
|
||||||
|
var b64 = btoa(JSON.stringify(element));
|
||||||
|
li.insertAdjacentHTML(
|
||||||
|
"beforeend",
|
||||||
|
'<div class="li-priority">' + element.priority + "</div>"
|
||||||
|
);
|
||||||
|
li.insertAdjacentHTML(
|
||||||
|
"beforeend",
|
||||||
|
'<div class="li-type">' + element.type + "</div>"
|
||||||
|
);
|
||||||
|
li.insertAdjacentHTML(
|
||||||
|
"beforeend",
|
||||||
|
`<div class="li-title"><a href="javascript:" onclick="open_window_dialog('`+b64+`')">${element.message}</a></div>`
|
||||||
|
);
|
||||||
|
li.insertAdjacentHTML(
|
||||||
|
"beforeend",
|
||||||
|
'<div class="li-time">' + element.timestamp + "</div>"
|
||||||
|
);
|
||||||
|
$("#tabs-sound-modal .elements-discovered-alerts ul").append(li);
|
||||||
|
});
|
||||||
|
|
||||||
|
// -100 delay sound.
|
||||||
|
setTimeout(
|
||||||
|
remove_audio,
|
||||||
|
parseInt($("#tabs-sound-modal #time_sound").val()) * 1000 - 100
|
||||||
|
);
|
||||||
}
|
}
|
||||||
);
|
},
|
||||||
} else {
|
"json"
|
||||||
control.start();
|
);
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function check_event() {
|
function open_window_dialog(data) {
|
||||||
if (running) {
|
window.open(window.location.origin+'/pandora_console/index.php?sec=eventos&sec2=operation/events/events&show_event_dialog='+data);
|
||||||
var sound = '../../include/sounds/' + $('#sound_id').val();
|
//show_event_dialog(data);
|
||||||
jQuery.post ("../../ajax.php",
|
|
||||||
{
|
|
||||||
"page" : "include/ajax/events",
|
|
||||||
"get_events_fired": 1,
|
|
||||||
"filter_id": $('#filter_id').val(),
|
|
||||||
"interval": $('#interval').val(),
|
|
||||||
"time_sound": $('#time_sound').val(),
|
|
||||||
},
|
|
||||||
function (data) {
|
|
||||||
if(data != false) {
|
|
||||||
$('.events_fired_li_empty').remove();
|
|
||||||
|
|
||||||
$('#button_status')
|
|
||||||
.attr(
|
|
||||||
'src','../../images/sound_events_console_alert.gif'
|
|
||||||
);
|
|
||||||
$('audio').remove();
|
|
||||||
|
|
||||||
$('body')
|
|
||||||
.append(
|
|
||||||
"<audio id='audio-boom' src='" + sound + "' autoplay='true' hidden='true' loop='true' >"
|
|
||||||
);
|
|
||||||
|
|
||||||
data.forEach(function (element) {
|
|
||||||
var li = document.createElement('li');
|
|
||||||
li.insertAdjacentHTML(
|
|
||||||
'beforeend',
|
|
||||||
'<div class="flex0">'+element.priority+'</div>'
|
|
||||||
);
|
|
||||||
li.insertAdjacentHTML(
|
|
||||||
'beforeend',
|
|
||||||
'<div class="flex0">'+element.type+'</div>'
|
|
||||||
);
|
|
||||||
li.insertAdjacentHTML(
|
|
||||||
'beforeend',
|
|
||||||
'<div class="mess">'+element.message+'</div>'
|
|
||||||
);
|
|
||||||
li.insertAdjacentHTML(
|
|
||||||
'beforeend',
|
|
||||||
'<div class="flex-time">'+element.timestamp+'</div>'
|
|
||||||
);
|
|
||||||
$('.events_fired').append(li);
|
|
||||||
});
|
|
||||||
|
|
||||||
function removeAudio() {
|
|
||||||
$('audio').remove();
|
|
||||||
}
|
|
||||||
|
|
||||||
// -100 delay sound.
|
|
||||||
setTimeout(
|
|
||||||
removeAudio,
|
|
||||||
(parseInt($('#time_sound').val()) * 1000) - 100
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"json"
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
|
||||||
|
$("#tabs-sound-modal").tabs({
|
||||||
|
disabled: [1]
|
||||||
|
});
|
||||||
|
|
||||||
|
// Test sound.
|
||||||
|
$("#button-melody_sound").click(function() {
|
||||||
|
var sound = false;
|
||||||
|
if ($("#id_sound_event").length == 0) {
|
||||||
|
sound = true;
|
||||||
|
}
|
||||||
|
var urlSound = '../../include/sounds/'+$('#sound_id :selected').val();
|
||||||
|
|
||||||
|
test_sound_button(sound, urlSound);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Play Stop.
|
||||||
|
$("#button-start-search").click(function() {
|
||||||
|
var mode = $("#hidden-mode_alert").val();
|
||||||
|
var action = false;
|
||||||
|
if (mode == 0) {
|
||||||
|
action = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
action_events_sound(action);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Silence Alert.
|
||||||
|
$("#button-no-alerts").click(function() {
|
||||||
|
if ($("#button-no-alerts").hasClass("silence-alerts") === true) {
|
||||||
|
// Remove audio.
|
||||||
|
remove_audio();
|
||||||
|
|
||||||
|
// Clean events.
|
||||||
|
$("#tabs-sound-modal .elements-discovered-alerts ul").empty();
|
||||||
|
$("#tabs-sound-modal .empty-discovered-alerts").removeClass(
|
||||||
|
"invisible_important"
|
||||||
|
);
|
||||||
|
|
||||||
|
// Clean progress.
|
||||||
|
$("#progressbar_time").empty();
|
||||||
|
|
||||||
|
// Change img button.
|
||||||
|
$("#button-no-alerts")
|
||||||
|
.removeClass("silence-alerts")
|
||||||
|
.addClass("alerts");
|
||||||
|
// Change value button.
|
||||||
|
$("#button-no-alerts").val("No alert");
|
||||||
|
$("#button-no-alerts > span").text("No alert");
|
||||||
|
|
||||||
|
// Background button.
|
||||||
|
$(".container-button-alert").removeClass("fired");
|
||||||
|
|
||||||
|
// New progress.
|
||||||
|
listen_event_sound();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user