ok
Mini Shell
<?php
include_once('includes/functions.php');
?>
<script src="plugins/jQuery/jquery.validate.min.js"></script>
<section class="content-header">
<h1>Payment Requests /<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-xs-12">
<?php if ($permissions['payment']['read'] == 1) { ?>
<div class="box">
<div class="box-header">
<h3 class="box-title">Payment Requests</h3>
</div>
<div class="box-body table-responsive">
<table class="table table-hover" data-toggle="table" id="payment-requests" data-url="api-firebase/get-bootstrap-table-data.php?table=payment-requests" 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="id" data-sort-order="desc">
<thead>
<tr>
<th data-field="id" data-sortable="true">ID</th>
<th data-field="user_id" data-sortable="true">User ID</th>
<th data-field="payment_type" data-sortable="true">Payment Type</th>
<th data-field="payment_address" data-sortable="true">Payment Address</th>
<th data-field="amount_requested" data-sortable="true">Amount Requested</th>
<th data-field="remarks" data-sortable="true">Remarks</th>
<th data-field="name" data-sortable="true">Name</th>
<th data-field="email" data-sortable="true">Email</th>
<th data-field="status">Status</th>
<th data-field="date_created" data-sortable="true">Date</th>
<th data-field="operate" data-events="actionEvents">Action</th>
</tr>
</thead>
</table>
</div>
</div>
<?php } else { ?>
<div class="alert alert-danger">You have no permission to view payment requests</div>
<?php } ?>
</div>
<div class="separator"> </div>
</div>
<div class="modal fade" id='editPaymentRequestModal' 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">Update Payment Request</h4>
</div>
<div class="modal-body">
<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="payment_request_id" id="payment_request_id" value='' />
<input type='hidden' name="update_payment_request" id="update_payment_request" value='1' />
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Status</label>
<div class="col-md-7 col-sm-6 col-xs-12">
<div id="status" class="btn-group">
<label class="btn btn-warning" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
<input type="radio" name="status" value="0"> Pending
</label>
<label class="btn btn-primary" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
<input type="radio" name="status" value="1"> Success
</label>
<label class="btn btn-danger" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
<input type="radio" name="status" value="2"> Cancelled
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="" for="">Remark</label>
<textarea id="update_remarks" name="update_remarks" class="form-control col-md-7 col-xs-12" style=" min-width:500px; max-width:100%;min-height:100px;height:100%;width:100%;"></textarea>
</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>
$('#add_form').validate({
rules: {
name: "required",
mobile: "required",
password: "required",
address: "required",
confirm_password: {
required: true,
equalTo: "#password"
}
}
});
$('#update_form').validate({
rules: {
update_name: "required",
update_mobile: "required",
update_address: "required",
confirm_password: {
equalTo: "#update_password"
}
}
});
$('#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 Delivery Boy')) {
$.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();
$('#delivery-boys').bootstrapTable('refresh');
}
});
}
}
});
$('#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');
$('#payment-requests').bootstrapTable('refresh');
setTimeout(function() {
$('#editPaymentRequestModal').modal('hide');
}, 3000);
}
});
}
});
window.actionEvents = {
'click .edit-payment-request': function(e, value, row, index) {
if ($(row.status).text() == 'Pending')
$("input[name=status][value=0]").prop('checked', true);
if ($(row.status).text() == 'Success')
$("input[name=status][value=1]").prop('checked', true);
if ($(row.status).text() == 'Cancelled')
$("input[name=status][value=2]").prop('checked', true);
$('#payment_request_id').val(row.id);
$('#update_remarks').val(row.remarks);
}
}
</script>
Zerion Mini Shell 1.0