mirror of
https://github.com/librenms/librenms.git
synced 2024-10-07 16:52:45 +00:00
225 lines
8.7 KiB
PHP
225 lines
8.7 KiB
PHP
<?php
|
|
/*
|
|
* LibreNMS
|
|
*
|
|
* Copyright (c) 2014 Neil Lathwood <https://github.com/laf/ http://www.lathwood.co.uk/fa>
|
|
*
|
|
* 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, either version 3 of the License, or (at your
|
|
* option) any later version. Please see LICENSE.txt at the top level of
|
|
* the source code distribution for details.
|
|
*/
|
|
|
|
if(is_admin() === false) {
|
|
die('ERROR: You need to be admin');
|
|
}
|
|
|
|
?>
|
|
|
|
<div class="modal fade bs-example-modal-sm" id="create-alert" tabindex="-1" role="dialog" aria-labelledby="Create" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h5 class="modal-title" id="Create">Alert Rules</h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form method="post" role="form" id="rules" class="form-horizontal alerts-form">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<span id="response"></span>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="device_id" id="device_id" value="">
|
|
<input type="hidden" name="alert_id" id="alert_id" value="">
|
|
<input type="hidden" name="type" id="type" value="create-alert-item">
|
|
<div class="form-group">
|
|
<label for='entity' class='col-sm-3 control-label'>Entity: </label>
|
|
<div class="col-sm-5">
|
|
<input type='text' id='suggest' name='entity' class='form-control' placeholder='I.e: devices.status'/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-3 col-sm-9">
|
|
<p>Start typing for suggestions, use '.' for indepth selection</p>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for='condition' class='col-sm-3 control-label'>Condition: </label>
|
|
<div class="col-sm-5">
|
|
<select id='condition' name='condition' placeholder='Condition' class='form-control'>
|
|
<option value='='>Equals</option>
|
|
<option value='!='>Not Equals</option>
|
|
<option value='~'>Like</option>
|
|
<option value='!~'>Not Like</option>
|
|
<option value='>'>Larger than</option>
|
|
<option value='>='>Larger than or Equals</option>
|
|
<option value='<'>Smaller than</option>
|
|
<option value='<='>Smaller than or Equals</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for='value' class='col-sm-3 control-label'>Value: </label>
|
|
<div class="col-sm-5">
|
|
<input type='text' id='value' name='value' class='form-control'/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for='rule-glue' class='col-sm-3 control-label'>Connection: </label>
|
|
<div class="col-sm-5">
|
|
<button class="btn btn-default btn-sm" type="submit" name="rule-glue" value="&&" id="and" name="and">And</button>
|
|
<button class="btn btn-default btn-sm" type="submit" name="rule-glue" value="||" id="or" name="or">Or</button>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for='severity' class='col-sm-3 control-label'>Severity: </label>
|
|
<div class="col-sm-5">
|
|
<select name='severity' id='severity' placeholder='Severity' class='form-control'>
|
|
<option value='ok'>OK</option>
|
|
<option value='warning'>Warning</option>
|
|
<option value='critical' selected>Critical</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for='count' class='col-sm-3 control-label'>Max alerts: </label>
|
|
<div class='col-sm-2'>
|
|
<input type='text' id='count' name='count' class='form-control'>
|
|
</div>
|
|
<label for='delay' class='col-sm-3 control-label'>Alert delay: </label>
|
|
<div class='col-sm-2'>
|
|
<input type='text' id='delay' name='delay' class='form-control'>
|
|
</div>
|
|
</div>
|
|
<div class='form-group'>
|
|
<label for='mute' class='col-sm-3 control-label'>Mute alerts: </label>
|
|
<div class='col-sm-2'>
|
|
<input type="checkbox" name="mute" id="mute">
|
|
</div>
|
|
</div>
|
|
<div class='form-group'>
|
|
<label for='name' class='col-sm-3 control-label'>Rule name: </label>
|
|
<div class='col-sm-9'>
|
|
<input type='text' id='name' name='name' class='form-control' maxlength='200'>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-3 col-sm-3">
|
|
<button class="btn btn-default btn-sm" type="submit" name="rule-submit" id="rule-submit" value="save">Save Rule</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
|
|
$("[name='mute']").bootstrapSwitch('offColor','danger');
|
|
|
|
$('#create-alert').on('hide.bs.modal', function (event) {
|
|
$('#response').data('tagmanager').empty();
|
|
});
|
|
|
|
$('#create-alert').on('show.bs.modal', function (event) {
|
|
var button = $(event.relatedTarget);
|
|
var device_id = button.data('device_id');
|
|
var alert_id = button.data('alert_id');
|
|
var modal = $(this)
|
|
$('#device_id').val(device_id);
|
|
$('#alert_id').val(alert_id);
|
|
$('#response').tagmanager({
|
|
strategy: 'array',
|
|
tagFieldName: 'rules[]'
|
|
});
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/ajax_form.php",
|
|
data: { type: "parse-alert-rule", alert_id: alert_id },
|
|
dataType: "json",
|
|
success: function(output) {
|
|
var arr = [];
|
|
for (elem in output['rules']) {
|
|
arr.push(output['rules'][elem]);
|
|
}
|
|
$('#response').data('tagmanager').populate(arr);
|
|
$('#severity').val(output['severity']).change;
|
|
var extra = $.parseJSON(output['extra']);
|
|
$('#count').val(extra['count']);
|
|
if((extra['delay'] / 86400) >= 1) {
|
|
var delay = extra['delay'] / 86400 + ' d';
|
|
} else if((extra['delay'] / 3600) >= 1) {
|
|
var delay = extra['delay'] / 3600 + ' h';
|
|
} else if((extra['delay'] / 60) >= 1) {
|
|
var delay = extra['delay'] / 60 + ' m';
|
|
} else {
|
|
var delay = extra['delay'];
|
|
}
|
|
$('#delay').val(delay);
|
|
$("[name='mute']").bootstrapSwitch('state',extra['mute']);
|
|
$('#name').val(output['name']);
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
var cache = {};
|
|
$('#suggest').typeahead([
|
|
{
|
|
name: 'suggestion',
|
|
remote : '/ajax_rulesuggest.php?device_id=<?php echo $device['device_id'];?>&term=%QUERY',
|
|
template: '{{name}}',
|
|
valueKey:"name",
|
|
engine: Hogan
|
|
}
|
|
]);
|
|
|
|
$('#and, #or').click('', function(e) {
|
|
e.preventDefault();
|
|
var entity = $('#suggest').val();
|
|
var condition = $('#condition').val();
|
|
var value = $('#value').val();
|
|
var glue = $(this).val();
|
|
if(entity != '' && condition != '') {
|
|
$('#response').tagmanager({
|
|
strategy: 'array',
|
|
tagFieldName: 'rules[]'
|
|
});
|
|
if(entity.indexOf("%") >= 0) {
|
|
$('#response').data('tagmanager').populate([ entity+' '+condition+' '+value+' '+glue ]);
|
|
} else {
|
|
$('#response').data('tagmanager').populate([ '%'+entity+' '+condition+' "'+value+'" '+glue ]);
|
|
}
|
|
}
|
|
});
|
|
|
|
$('#rule-submit').click('', function(e) {
|
|
e.preventDefault();
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/ajax_form.php",
|
|
data: $('form.alerts-form').serialize(),
|
|
success: function(msg){
|
|
$("#message").html('<div class="alert alert-info">'+msg+'</div>');
|
|
$("#create-alert").modal('hide');
|
|
if(msg.indexOf("ERROR:") <= -1) {
|
|
$('#response').data('tagmanager').empty();
|
|
setTimeout(function() {
|
|
location.reload(1);
|
|
}, 1000);
|
|
}
|
|
},
|
|
error: function(){
|
|
$("#message").html('<div class="alert alert-info">An error occurred creating this alert.</div>');
|
|
$("#create-alert").modal('hide');
|
|
}
|
|
});
|
|
});
|
|
|
|
</script>
|