librenms-librenms/html/pages/alert-schedule.inc.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.
 */

$pagetitle[] = "Alert Schedule";
$no_refresh = TRUE;

?>

<div class="modal fade bs-example-modal-sm" id="schedule-maintenance" 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 Rules</h5>
            </div>
            <div class="modal-body">
                <form method="post" role="form" id="sched-form" class="form-horizontal schedule-maintenance-form">
                    <div class="row">
                        <div class="col-md-12">
                            <span id="response"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for='device' class='col-sm-4 control-label'>Maintenance for? </label>
                        <div class="col-sm-8">
                            <select id='device' name='device' class='form-control'>
                                <option disabled>Devices</option>
                                <option disabled>-------</option>
                                <option value="-1">All devices</option>
<?php

foreach (dbFetchRows("SELECT `device_id`,`hostname` FROM `devices` WHERE `ignore`=0 AND `disabled`=0") as $device_row) {
    echo '<option value="'.$device_row['device_id'].'">'.$device_row['hostname'].'</option>';
}

echo "<option disabled>Groups</option>";
echo "<option disabled>------</option>";

foreach (dbFetchRows("SELECT `id`,`name` FROM `device_groups`") as $device_group) {
    echo '<option value="'.$device_group['id'].'">'.$device_group['name'].'</option>';
}

?>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="start" class="col-sm-4 control-label">Start: </label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control date" id="start" name="start" value="<?php echo date('Y-m-d H:i'); ?>" data-date-format="YYYY-MM-DD HH:mm">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="end" class="col-sm-4 control-label">End: </label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control date" id="end" name="end" value="<?php echo date('Y-m-d H:i',strtotime('+1 hour')); ?>" data-date-format="YYYY-MM-DD HH:mm">
                        </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="sched-submit" id="sched-submit" value="save">Save Rule</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <span id="message"></span>
    </div>
</div>

<div class="panel panel-default panel-condensed">
    <div class="table-responsive">
        <table id="alert-schedule" class="table table-condensed">
            <thead>
                <tr>
                    <th data-column-id="hostname" data-order="asc">Hostname</th>
                    <th data-column-id="start">Start</th>
                    <th data-column-id="end">End</th>
                </tr>
            </thead>
        </table>
    </div>
</div>
<script>

var grid = $("#alert-schedule").bootgrid({
    ajax: true,
    templates: {
        header: "<div id=\"{{ctx.id}}\" class=\"{{css.header}}\"><div class=\"row\">"+
                "<div class=\"col-sm-8 actionBar\"><span class=\"pull-left\">"+
                "<button type=\"button\" class=\"btn btn-primary btn-sm\" data-toggle=\"modal\" data-target=\"#schedule-maintenance\">Schedule maintenance</button>"+
                "</span></div>"+
                "<div class=\"col-sm-4 actionBar\"><p class=\"{{css.search}}\"></p><p class=\"{{css.actions}}\"></p></div></div></div>"
    },
    rowCount: [50,100,250,-1],
    post: function ()
    {
        return {
            id: "alert-schedule",
        };
    },
    url: "/ajax_table.php"
});

$('#sched-submit').click('', function(e) {
    e.preventDefault();
    var device = $("#device").val();
    var start = $("#start").val();
    var end = $("#end").val();
    $.ajax({
        type: "POST",
        url: "/ajax_form.php",
        data: { type: "schedule-maintenance", subtype: "add", device: device, start: start, end: end },
        dataType: "json",
        success: function(data){
            if(data.status == 'ok') {
                $("#message").html('<div class="alert alert-info">'+data.message+'</div>');
                $("#schedule-maintenance").modal('hide');
            } else {
                $("#response").html('<div class="alert alert-info">'+data.message+'</div>');
            }
        },
        error: function(){
            $("#response").html('<div class="alert alert-info">An error occurred.</div>');
        }
    });

});

$(function () {
    $("#start").datetimepicker();
    $("#end").datetimepicker();
    $("#start").on("dp.change", function (e) {
        $("#end").data("DateTimePicker").minDate(e.date);
    });
    $("#end").on("dp.change", function (e) {
        $("#start").data("DateTimePicker").maxDate(e.date);
    });
});

</script>