Device-Groups Draft

This commit is contained in:
f0o
2015-04-03 18:22:29 +00:00
parent 1a8c76268c
commit ba99eb25a2
20 changed files with 952 additions and 2 deletions

View File

@@ -0,0 +1,70 @@
<?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" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="Delete" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h5 class="modal-title" id="Delete">Confirm Delete</h5>
</div>
<div class="modal-body">
<p>If you would like to remove the alert map then please click Delete.</p>
</div>
<div class="modal-footer">
<form role="form" class="remove_token_form">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-danger danger" id="alert-map-removal" data-target="alert-map-removal">Delete</button>
<input type="hidden" name="map_id" id="map_id" value="">
<input type="hidden" name="confirm" id="confirm" value="yes">
</form>
</div>
</div>
</div>
</div>
<script>
$('#confirm-delete').on('show.bs.modal', function(e) {
event.preventDefault();
map_id = $(e.relatedTarget).data('map_id');
$("#map_id").val(map_id);
});
$('#alert-map-removal').click('', function(event) {
event.preventDefault();
var map_id = $("#map_id").val();
$.ajax({
type: 'POST',
url: '/ajax_form.php',
data: { type: "delete-alert-map", map_id: map_id },
dataType: "html",
success: function(msg) {
if(msg.indexOf("ERROR:") <= -1) {
$("#row_"+map_id).remove();
}
$("#message").html('<div class="alert alert-info">'+msg+'</div>');
$("#confirm-delete").modal('hide');
},
error: function() {
$("#message").html('<div class="alert alert-info">The alert map could not be deleted.</div>');
$("#confirm-delete").modal('hide');
}
});
});
</script>

View File

@@ -0,0 +1,70 @@
<?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" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="Delete" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h5 class="modal-title" id="Delete">Confirm Delete</h5>
</div>
<div class="modal-body">
<p>If you would like to remove the device group then please click Delete.</p>
</div>
<div class="modal-footer">
<form role="form" class="remove_token_form">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-danger danger" id="device-group-removal" data-target="device-group-removal">Delete</button>
<input type="hidden" name="group_id" id="group_id" value="">
<input type="hidden" name="confirm" id="confirm" value="yes">
</form>
</div>
</div>
</div>
</div>
<script>
$('#confirm-delete').on('show.bs.modal', function(e) {
event.preventDefault();
group_id = $(e.relatedTarget).data('group_id');
$("#group_id").val(group_id);
});
$('#device-group-removal').click('', function(event) {
event.preventDefault();
var group_id = $("#group_id").val();
$.ajax({
type: 'POST',
url: '/ajax_form.php',
data: { type: "delete-device-group", group_id: group_id },
dataType: "html",
success: function(msg) {
if(msg.indexOf("ERROR:") <= -1) {
$("#row_"+group_id).remove();
}
$("#message").html('<div class="alert alert-info">'+msg+'</div>');
$("#confirm-delete").modal('hide');
},
error: function() {
$("#message").html('<div class="alert alert-info">The device group could not be deleted.</div>');
$("#confirm-delete").modal('hide');
}
});
});
</script>

View File

@@ -0,0 +1,127 @@
<?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) {
?>
<div class="modal fade bs-example-modal-sm" id="create-map" 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">&times;</button>
<h5 class="modal-title" id="Create">Alert Maps</h5>
</div>
<div class="modal-body">
<form method="post" role="form" id="maps" class="form-horizontal maps-form">
<input type="hidden" name="map_id" id="map_id" value="">
<input type="hidden" name="type" id="type" value="create-map-item">
<div class='form-group'>
<label for='name' class='col-sm-3 control-label'>Rule: </label>
<div class='col-sm-9'>
<input type='text' id='rule' name='rule' class='form-control' maxlength='200'>
</div>
</div>
<div class="form-group">
<label for='target' class='col-sm-3 control-label'>Target: </label>
<div class="col-sm-9">
<input type='text' id='target' name='target' class='form-control' placeholder='Group or Hostname'/>
</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="map-submit" id="map-submit" value="save">Save map</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
$('#create-map').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget);
var map_id = button.data('map_id');
var modal = $(this)
$('#map_id').val(map_id);
$.ajax({
type: "POST",
url: "/ajax_form.php",
data: { type: "parse-alert-map", map_id: map_id },
dataType: "json",
success: function(output) {
$('#rule').val(output['rule']);
$('#target').val(output['target']);
}
});
});
var cache = {};
$('#rule').typeahead([
{
name: 'map_rules',
remote : '/ajax_search.php?search=%QUERY&type=alert-rules',
template: '{{name}}',
valueKey:"name",
engine: Hogan
}
]);
$('#target').typeahead([
{
name: 'map_devices',
remote : '/ajax_search.php?search=%QUERY&type=device&map=1',
header : '<h5><strong>&nbsp;Devices</strong></h5>',
template: '{{name}}',
valueKey:"name",
engine: Hogan
},
{
name: 'map_groups',
remote : '/ajax_search.php?search=%QUERY&type=group&map=1',
header : '<h5><strong>&nbsp;Groups</strong></h5>',
template: '{{name}}',
valueKey:"name",
engine: Hogan
}
]);
$('#map-submit').click('', function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url: "/ajax_form.php",
data: $('form.maps-form').serialize(),
success: function(msg){
$("#message").html('<div class="alert alert-info">'+msg+'</div>');
$("#create-map").modal('hide');
if(msg.indexOf("ERROR:") <= -1) {
setTimeout(function() {
location.reload(1);
}, 1000);
}
},
error: function(){
$("#message").html('<div class="alert alert-info">An error occurred creating this map.</div>');
$("#create-map").modal('hide');
}
});
});
</script>
<?php
}
?>

View File

@@ -108,6 +108,22 @@ if(is_admin() !== false) {
<input type='text' id='name' name='name' class='form-control' maxlength='200'>
</div>
</div>
<div id="preseed-maps">
<div class="form-group">
<label for='map-stub' class='col-sm-3 control-label'>Map To: </label>
<div class="col-sm-5">
<input type='text' id='map-stub' name='map-stub' class='form-control'/>
</div>
<div class="col-sm-3">
<button class="btn btn-primary btn-sm" type="button" name="add-map" id="add-map" value="Add">Add</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<span id="map-tags"></span>
</div>
</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>
@@ -126,6 +142,12 @@ $("[name='invert']").bootstrapSwitch('offColor','danger');
$('#create-alert').on('hide.bs.modal', function (event) {
$('#response').data('tagmanager').empty();
$('#map-tags').data('tagmanager').empty();
});
$('#add-map').click('',function (event) {
$('#map-tags').data('tagmanager').populate([ $('#map-stub').val() ]);
$('#map-stub').val('');
});
$('#create-alert').on('show.bs.modal', function (event) {
@@ -140,6 +162,16 @@ $('#create-alert').on('show.bs.modal', function (event) {
strategy: 'array',
tagFieldName: 'rules[]'
});
$('#map-tags').tagmanager({
strategy: 'array',
tagFieldName: 'maps[]',
initialCap: false
});
if( $('#alert_id').val() == '' ) {
$('#preseed-maps').show();
} else {
$('#preseed-maps').hide();
}
$.ajax({
type: "POST",
url: "/ajax_form.php",
@@ -183,6 +215,24 @@ $('#suggest').typeahead([
engine: Hogan
}
]);
$('#map-stub').typeahead([
{
name: 'map_devices',
remote : '/ajax_search.php?search=%QUERY&type=device&map=1',
header : '<h5><strong>&nbsp;Devices</strong></h5>',
template: '{{name}}',
valueKey:"name",
engine: Hogan
},
{
name: 'map_groups',
remote : '/ajax_search.php?search=%QUERY&type=group&map=1',
header : '<h5><strong>&nbsp;Groups</strong></h5>',
template: '{{name}}',
valueKey:"name",
engine: Hogan
}
]);
$('#and, #or').click('', function(e) {
e.preventDefault();

View File

@@ -0,0 +1,189 @@
<?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) {
?>
<div class="modal fade bs-example-modal-sm" id="create-group" 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">&times;</button>
<h5 class="modal-title" id="Create">Device Groups</h5>
</div>
<div class="modal-body">
<form method="post" role="form" id="group" class="form-horizontal group-form">
<div class='form-group'>
<label for='name' class='col-sm-3 control-label'>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'>
<label for='desc' class='col-sm-3 control-label'>Description: </label>
<div class='col-sm-9'>
<input type='text' id='desc' name='desc' class='form-control' maxlength='200'>
</div>
</div>
<input type="hidden" name="group_id" id="group_id" value="">
<input type="hidden" name="type" id="type" value="create-device-group">
<div class="form-group">
<label for='pattern' class='col-sm-3 control-label'>Pattern: </label>
<div class="col-sm-5">
<input type='text' id='suggest' name='pattern' 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='group-glue' class='col-sm-3 control-label'>Connection: </label>
<div class="col-sm-5">
<button class="btn btn-default btn-sm" type="submit" name="group-glue" value="&&" id="and" name="and">And</button>
<button class="btn btn-default btn-sm" type="submit" name="group-glue" value="||" id="or" name="or">Or</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<span id="response"></span>
</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="group-submit" id="group-submit" value="save">Save Group</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
$('#create-group').on('hide.bs.modal', function (event) {
$('#response').data('tagmanager').empty();
$('#name').val('');
$('#desc').val('');
});
$('#create-group').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget);
var group_id = button.data('group_id');
var modal = $(this)
$('#group_id').val(group_id);
$('#tagmanager').tagmanager();
$('#response').tagmanager({
strategy: 'array',
tagFieldName: 'patterns[]'
});
$.ajax({
type: "POST",
url: "/ajax_form.php",
data: { type: "parse-device-group", group_id: group_id },
dataType: "json",
success: function(output) {
var arr = [];
$.each ( output['pattern'], function( key, value ) {
arr.push(value);
});
$('#response').data('tagmanager').populate(arr);
$('#name').val(output['name']);
$('#desc').val(output['desc']);
}
});
});
var cache = {};
$('#suggest').typeahead([
{
name: 'suggestion',
remote : '/ajax_rulesuggest.php?device_id=-1&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: 'patterns[]'
});
if(entity.indexOf("%") >= 0) {
$('#response').data('tagmanager').populate([ entity+' '+condition+' '+value+' '+glue ]);
} else {
$('#response').data('tagmanager').populate([ '%'+entity+' '+condition+' "'+value+'" '+glue ]);
}
}
});
$('#group-submit').click('', function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url: "/ajax_form.php",
data: $('form.group-form').serialize(),
success: function(msg){
$("#message").html('<div class="alert alert-info">'+msg+'</div>');
$("#create-group").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 group.</div>');
$("#create-group").modal('hide');
}
});
});
</script>
<?php
}
?>