mirror of
https://github.com/librenms/librenms.git
synced 2024-10-07 16:52:45 +00:00
Device-Groups Draft
This commit is contained in:
70
html/includes/modal/delete_alert_map.inc.php
Normal file
70
html/includes/modal/delete_alert_map.inc.php
Normal 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">×</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>
|
70
html/includes/modal/delete_device_group.inc.php
Normal file
70
html/includes/modal/delete_device_group.inc.php
Normal 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">×</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>
|
127
html/includes/modal/new_alert_map.inc.php
Normal file
127
html/includes/modal/new_alert_map.inc.php
Normal 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">×</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> 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> 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
|
||||
|
||||
}
|
||||
|
||||
?>
|
@@ -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> 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> Groups</strong></h5>',
|
||||
template: '{{name}}',
|
||||
valueKey:"name",
|
||||
engine: Hogan
|
||||
}
|
||||
]);
|
||||
|
||||
$('#and, #or').click('', function(e) {
|
||||
e.preventDefault();
|
||||
|
189
html/includes/modal/new_device_group.inc.php
Normal file
189
html/includes/modal/new_device_group.inc.php
Normal 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">×</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
|
||||
|
||||
}
|
||||
|
||||
?>
|
Reference in New Issue
Block a user