<?php session_start(); if( $_SESSION['access'] != 1 ) { require( 'login.php' ); } else { $uname=$_SESSION['uname']; ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="css/sestyle.css"> <link rel="shortcut icon" href="favicon.ico" /> <script type="text/javascript" src="includes/jquery-2.1.3.min.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="includes/js/dtp/jquery.datetimepicker.css"/ > <script src="includes/js/dtp/jquery.js"></script> <script src="includes/js/dtp/jquery.datetimepicker.js"></script> <title>Add BMS Event</title> <script> $(document).ready(function() { $('#start_date_time').datetimepicker(); $('#end_date_time').datetimepicker(); $('#select_form').submit(function(event) { if (!$("#is_ongoing").prop("checked") && $("#end_date_time").val() === "") { alert('You must enter a value for Currently Ongoing or End Date and Time'); event.preventDefault(); return false; } }); }); </script> <script type="text/javascript"> $(document).ready(function(){ var queryString = $('select_form').serialize(); $("select#utype").prop("disabled", true); $("select#unit").prop("disabled", true); $("select#alert").prop("disabled", true); $("select#datacenter").change(function(){ $("select#utype").prop("disabled", true); /*$("select#utype").html("<option>wait...</option>");*/ var dc_id = $("select#datacenter option:selected").val(); $.post("includes/select_utype.php", function(data){ $("select#utype").prop("disabled", false); $("select#utype").html(data); }); }); $("select#utype").change(function(){ $("select#unit").prop("disabled", true); /*$("select#unit").html("<option>wait...</option>");*/ var utype_id = $("select#utype option:selected").val(); $.post("includes/select_unit.php", {utype_id:utype_id, dc_id:$('#datacenter').val()}, function(data){ $("select#unit").prop("disabled", false); $("select#unit").html(data); }); }); $("select#unit").change(function(){ $("select#alert").prop("disabled", true); var unit_id = $("select#unit option:selected").val(); $.post("includes/select_alert.php", {utype_id:$('#utype').val()}, function(data){ $("select#alert").prop("disabled", false); $("select#alert").html(data); }); }); $("form#select_form").submit(function(){ var dc = $("select#datacenter option:selected").val(); var utype = $("select#utype option:selected").val(); if(cat>0 && type>0) { var result = $("select#utype option:selected").html(); $("#result").html('your choice: '+result); } else { $("#result").html("you must choose a DC and Unit Type!"); } return false; var alert = $("select#alert option:selected").val(); if(cat>0 && type>0) { var result = $("select#alert option:selected").html(); $("#result").html('your choice: '+result); } else { $("#result").html("you must choose a DC, Unit Type, and Alert!"); } return false; var unit = $("select#unit option:selected").val(); if(cat>0 && type>0) { var result = $("select#unit option:selected").html(); $("#result").html('your choice: '+result); } else { $("#result").html("you must choose a DC, Unit Type, Alert, and Unit!"); } return false; }); }); </script> </head> <body> <div class=header> <h1>BMS Events</h1> <?php if(isset($_SESSION['uname'])) { echo "Hello, "; print_r($_SESSION['uname']); } echo "<h2>Add an Event</h2>"; include("includes/menu.php"); ?> </div> <?php include "includes/classes/select.class.php";?> <br /> <form id="select_form" required method="post" action="includes/insert_event.php"> <table align="center"> <tr> <td> Choose a DC: </td> <td> <select name="datacenter" id="datacenter" required> <?php echo $opt->ShowDCs(); ?> </select> </td> </tr> <tr> <td> Choose a Unit Type: </td> <td> <select name="utype" id="utype" required> <?php echo $opt->ShowUnitType(); ?> </select> </td> </tr> <tr> <td> Choose a Unit: </td> <td> <select name="unit" id="unit" required> <?php echo $opt->ShowUnits(); ?> </select> </td> </tr> <tr> <td> Select the Alert: </td> <td> <select name="alert" id="alert" required> <?php echo $opt->ShowAlerts(); ?> </select> </td> </tr> <tr> <td> Start date and time: </td> <td> <input type="text" name="start_date_time" id="start_date_time" required /> </td> </tr> <tr> <td> Issue Description: </td> <td> <textarea name="description" id="description" cols="40" rows="5" required></textarea> </td> </tr> <tr> <td> Currently Ongoing? </td> <td> <input type="checkbox" name="is_ongoing" value="1" id="is_ongoing" /> </td> </tr> <tr> <td> End date and time: </td> <td> <input type="text" name="end_date_time" id="end_date_time" /> </td> </tr> <tr> <td colspan="2" class="ui-helper-center"> <input type="submit" value="Add Event" /> </td> </tr> </table> You must press "Add Event" to record the issue! <input type="hidden" name="user" id="user" value="<?=$uname;?>"/> </form> <div id="result"></div> </body> </html> <?php } ?>