ok
Direktori : /home2/selectio/www/ramali.in/dashboard/public/ |
Current File : /home2/selectio/www/ramali.in/dashboard/public/time-slots-table.php |
<?php include_once('includes/crud.php'); $db = new Database(); $db->connect(); $db->sql("SET NAMES 'utf8'"); include_once('includes/variables.php'); include_once('includes/custom-functions.php'); $fn = new custom_functions; $config = $fn->get_configurations(); $time_slot_config = $fn->time_slot_config(); ?> <script src="plugins/jQuery/jquery.validate.min.js"></script> <section class="content-header"> <h1>Time Slots /<small><a href="home.php"><i class="fa fa-home"></i> Home</a></small></h1> </section> <!-- Main content --> <section class="content"> <!-- Main row --> <div class="row"> <div class="col-md-6"> <!-- general form elements --> <div class="box box-primary"> <div class="box-header with-border"> <h3 class="box-title">Time Slot Config</h3> </div><!-- /.box-header --> <?php if ($permissions['settings']['update'] == 0) { ?> <div class="alert alert-danger">You have no permission to update settings</div> <?php } ?> <!-- form start --> <form method="post" id="config_form" action="public/db-operation.php"> <input type="hidden" id="time_slot_config" name="time_slot_config" required="" value="1" aria-required="true"> <div class="box-body"> <div class="form-group"> <label for="">Enable / Disable Time Slots</label><br> <input type="checkbox" id="config-button" class="js-switch" <?php if (!empty($time_slot_config) && isset($time_slot_config['is_time_slots_enabled']) && $time_slot_config['is_time_slots_enabled'] == 1) { echo 'checked'; } ?>> <input type="hidden" id="is_time_slots_enabled" name="is_time_slots_enabled" value="<?= !empty($time_slot_config) && isset($time_slot_config['is_time_slots_enabled']) && $time_slot_config['is_time_slots_enabled'] == 1 ? 1 : 0; ?>"> </div> <div class="form-group"> <label for="">Delivery Starts From?</label> <select name="delivery_starts_from" class="form-control"> <option value="">Select</option> <option value="1" <?= !empty($time_slot_config) && isset($time_slot_config['delivery_starts_from']) && $time_slot_config['delivery_starts_from'] == 1 ? 'selected' : '' ?>>Today</option> <option value="2" <?= !empty($time_slot_config) && isset($time_slot_config['delivery_starts_from']) && $time_slot_config['delivery_starts_from'] == 2 ? 'selected' : '' ?>>Tomorrow</option> <option value="3" <?= !empty($time_slot_config) && isset($time_slot_config['delivery_starts_from']) && $time_slot_config['delivery_starts_from'] == 3 ? 'selected' : '' ?>>Third Day</option> <option value="4" <?= !empty($time_slot_config) && isset($time_slot_config['delivery_starts_from']) && $time_slot_config['delivery_starts_from'] == 4 ? 'selected' : '' ?>>Fourth Day</option> <option value="5" <?= !empty($time_slot_config) && isset($time_slot_config['delivery_starts_from']) && $time_slot_config['delivery_starts_from'] == 5 ? 'selected' : '' ?>>Fifth Day</option> <option value="6" <?= !empty($time_slot_config) && isset($time_slot_config['delivery_starts_from']) && $time_slot_config['delivery_starts_from'] == 6 ? 'selected' : '' ?>>Sixth Day</option> <option value="7" <?= !empty($time_slot_config) && isset($time_slot_config['delivery_starts_from']) && $time_slot_config['delivery_starts_from'] == 7 ? 'selected' : '' ?>>Seventh Day</option> </select> </div> <div class="form-group"> <label for="">How many Days you want to allow?</label> <select name="allowed_days" class="form-control"> <option value="">Select</option> <option value="1" <?= $time_slot_config['allowed_days'] == 1 ? 'selected' : '' ?>>1</option> <option value="7" <?= $time_slot_config['allowed_days'] == 7 ? 'selected' : '' ?>>7</option> <option value="15" <?= $time_slot_config['allowed_days'] == 15 ? 'selected' : '' ?>>15</option> <option value="30" <?= $time_slot_config['allowed_days'] == 30 ? 'selected' : '' ?>>30</option> </select> </div> </div><!-- /.box-body --> <div class="box-footer"> <button type="submit" class="btn btn-primary" id="btn" name="btn">Save</button> </div> <div class="form-group"> <div id="config_result" style="display: none;"></div> </div> </form> </div><!-- /.box --> <div class="box box-primary"> <div class="box-header with-border"> <h3 class="box-title">Add Time Slot</h3> </div><!-- /.box-header --> <?php if ($permissions['settings']['update'] == 0) { ?> <div class="alert alert-danger">You have no permission to add time slot</div> <?php } ?> <!-- form start --> <form method="post" id="add_form" action="public/db-operation.php"> <input type="hidden" id="add_time_slot" name="add_time_slot" required="" value="1" aria-required="true"> <div class="box-body"> <div class="form-group"> <label for="">Title</label> <input type="text" class="form-control" name="title" placeholder="Morning 9AM to 12PM"> </div> <div class="form-group"> <label for="">From Time <small>(24 hrs format)</small></label> <input type="time" class="form-control" name="from_time"> </div> <div class="form-group"> <label for="">To Time <small>(24 hrs format)</small></label> <input type="time" class="form-control" name="to_time"> </div> <div class="form-group"> <label for="">Last Order Time <small>(24 hrs format)</small></label> <input type="time" class="form-control" name="last_order_time"> </div> <div class="form-group"> <label for="">Status</label> <select name="status" class="form-control"> <option value="">Select</option> <option value="1">Active</option> <option value="0">Deactive</option> </select> </div> </div><!-- /.box-body --> <div class="box-footer"> <button type="submit" class="btn btn-primary" id="submit_btn" name="btnAdd">Add</button> <input type="reset" class="btn-warning btn" value="Clear" /> </div> <div class="form-group"> <div id="result" style="display: none;"></div> </div> </form> </div><!-- /.box --> </div> <!-- Left col --> <div class="col-md-6"> <?php if ($permissions['settings']['read'] == 1) { ?> <div class="box"> <div class="box-header"> <h3 class="box-title">Time Slots</h3> </div> <div class="box-body"> <div class="table-responsive"> <table class="table no-margin" data-toggle="table" id="time-slots" data-url="api-firebase/get-bootstrap-table-data.php?table=time-slots" data-page-list="[5, 10, 20, 50, 100, 200]" data-show-refresh="true" data-show-columns="true" data-side-pagination="server" data-pagination="true" data-search="true" data-trim-on-search="false" data-sort-name="last_order_time" data-sort-order="asc"> <thead> <tr> <th data-field="id" data-sortable="true">ID</th> <th data-field="title" data-sortable="true">Title</th> <th data-field="from_time" data-sortable="true">From Time</th> <th data-field="to_time" data-sortable="true">To Time</th> <th data-field="last_order_time" data-sortable="true">Last Order Time</th> <th data-field="status">Status</th> <th data-field="operate" data-events="actionEvents">Action</th> </tr> </thead> </table> </div> </div> </div> </div> <?php } else { ?> <div class="alert alert-danger">You have no permission to view settings</div> <?php } ?> <div class="separator"> </div> </div> <div class="modal fade" id='editTimeSlotModal' tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-md" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Edit Time Slot</h4> </div> <div class="modal-body"> <?php if ($permissions['settings']['update'] == 0) { ?> <div class="alert alert-danger">You have no permission to update settings</div> <?php } ?> <div class="box-body"> <form id="update_form" method="POST" action="public/db-operation.php" data-parsley-validate class="form-horizontal form-label-left"> <input type='hidden' name="time_slot_id" id="time_slot_id" value='' /> <input type='hidden' name="update_time_slot" id="update_time_slot" value='1' /> <div class="form-group"> <label for="">Title</label> <input type="text" class="form-control" name="update_title" id="update_title"> </div> <div class="form-group"> <label for="">From Time</label> <input type="time" class="form-control" name="update_from_time" id="update_from_time"> </div> <div class="form-group"> <label for="">To Time</label> <input type="time" class="form-control" name="update_to_time" id="update_to_time"> </div> <div class="form-group"> <label for="">Last Order Time</label> <input type="time" class="form-control" name="update_last_order_time" id="update_last_order_time"> </div> <div class="form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12">Status</label> <div class="col-md-6 col-sm-6 col-xs-12"> <div id="status" class="btn-group"> <label class="btn btn-default" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default"> <input type="radio" name="status" value="0"> Deactive </label> <label class="btn btn-primary" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default"> <input type="radio" name="status" value="1"> Active </label> </div> </div> </div> <input type="hidden" id="id" name="id"> <div class="ln_solid"></div> <div class="form-group"> <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3"> <button type="submit" id="update_btn" class="btn btn-success">Update</button> </div> </div> <div class="form-group"> <div class="row"> <div class="col-md-offset-3 col-md-8" style="display:none;" id="update_result"></div> </div> </div> </form> </div> </div> </div> </div> </div> </section> <script> var changeCheckbox = document.querySelector('#config-button'); var init = new Switchery(changeCheckbox); changeCheckbox.onchange = function() { if ($(this).is(':checked')) { $('#is_time_slots_enabled').val(1); } else { $('#is_time_slots_enabled').val(0); } }; </script> <script> $('#add_form').validate({ rules: { title: "required", from_time: "required", to_time: "required", last_order_time: "required", status: "required", } }); </script> <script> $('#config_form').validate({ rules: { allowed_days: "required", delivery_starts_from: "required", } }); </script> <script> $('#update_form').validate({ rules: { update_title: "required", update_from_time: "required", update_to_time: "required", update_last_order_time: "required", } }); </script> <script> $('#add_form').on('submit', function(e) { e.preventDefault(); var formData = new FormData(this); if ($("#add_form").validate().form()) { if (confirm('Are you sure?Want to Add Time Slot')) { $.ajax({ type: 'POST', url: $(this).attr('action'), data: formData, beforeSend: function() { $('#submit_btn').html('Please wait..'); }, cache: false, contentType: false, processData: false, success: function(result) { $('#result').html(result); $('#result').show().delay(6000).fadeOut(); $('#submit_btn').html('Submit'); $('#add_form')[0].reset(); $('#time-slots').bootstrapTable('refresh'); } }); } } }); </script> <script> $('#config_form').on('submit', function(e) { e.preventDefault(); var formData = new FormData(this); if ($("#config_form").validate().form()) { if (confirm('Are you sure?')) { $.ajax({ type: 'POST', url: $(this).attr('action'), data: formData, beforeSend: function() { $('#btn').html('Please wait..'); }, cache: false, contentType: false, processData: false, success: function(result) { $('#config_result').html(result); $('#config_result').show().delay(6000).fadeOut(); $('#btn').html('Save'); } }); } } }); </script> <script> $('#update_form').on('submit', function(e) { e.preventDefault(); var formData = new FormData(this); if ($("#update_form").validate().form()) { $.ajax({ type: 'POST', url: $(this).attr('action'), data: formData, beforeSend: function() { $('#update_btn').html('Please wait..'); }, cache: false, contentType: false, processData: false, success: function(result) { $('#update_result').html(result); $('#update_result').show().delay(6000).fadeOut(); $('#update_btn').html('Update'); $('#update_form')[0].reset(); $('#time-slots').bootstrapTable('refresh'); setTimeout(function() { $('#editTimeSlotModal').modal('hide'); }, 3000); } }); } }); </script> <script> window.actionEvents = { 'click .edit-time-slot': function(e, value, row, index) { $("input[name=status][value=1]").prop('checked', true); if ($(row.status).text() == 'Deactive') $("input[name=status][value=0]").prop('checked', true); $('#time_slot_id').val(row.id); $('#update_title').val(row.title); $('#update_from_time').val(row.from_time); $('#update_to_time').val(row.to_time); $('#update_last_order_time').val(row.last_order_time); } } </script> <script> $(document).on('click', '.delete-time-slot', function() { if (confirm('Are you sure? Want to delete time slot.')) { id = $(this).data("id"); $.ajax({ url: 'public/db-operation.php', type: "get", data: 'id=' + id + '&delete_time_slot=1', success: function(result) { if (result == 0) { $('#time-slots').bootstrapTable('refresh'); } if (result == 1) { alert('Error! Time slot could not be deleted.'); } if (result == 2) { alert('You have no permission to delete time slot'); } } }); } }); </script>