311 lines
10 KiB
PHP
311 lines
10 KiB
PHP
|
<style>
|
||
|
|
form label.error,
|
||
|
|
#secNameerr {
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-control {
|
||
|
|
width: 40%;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<main class="wraper responsive-width" id="main">
|
||
|
|
<!----admin template Exam---->
|
||
|
|
<div class="admin_tempblock">
|
||
|
|
<div class="admin_tempsec">
|
||
|
|
<div class="admin_sec">
|
||
|
|
<?php if ($this->session->flashdata('success')) { ?>
|
||
|
|
|
||
|
|
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||
|
|
<p><?php echo $this->session->flashdata('success') ?></p>
|
||
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||
|
|
<span aria-hidden="true">×</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<?php } ?>
|
||
|
|
<?php if ($this->session->flashdata('failed')) { ?>
|
||
|
|
|
||
|
|
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
||
|
|
<p><?php echo $this->session->flashdata('failed') ?></p>
|
||
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||
|
|
<span aria-hidden="true">×</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<?php } ?>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<h4><?php echo $title ?></h4>
|
||
|
|
</div>
|
||
|
|
<div class="row mt-4">
|
||
|
|
<div class="col-sm-12">
|
||
|
|
|
||
|
|
<?php
|
||
|
|
|
||
|
|
$e_title = $e_quantity = $e_amount = $e_totalAmount = $e_paidDate = $e_filePath = $e_description = '';
|
||
|
|
|
||
|
|
// print_r($expenses_types);
|
||
|
|
|
||
|
|
// echo ($checker);
|
||
|
|
if (isset($expenses_data) && !empty($expenses_data)) {
|
||
|
|
|
||
|
|
$e_title = $expenses_data['title'];
|
||
|
|
$e_quantity = $expenses_data['quantity'];
|
||
|
|
$e_amount = $expenses_data['amount'];
|
||
|
|
$e_totalAmount = $expenses_data['total_amount'];
|
||
|
|
$e_paidDate = $expenses_data['paid_date'];
|
||
|
|
$e_filePath = $expenses_data['file_path'];
|
||
|
|
$e_description = $expenses_data['description'];
|
||
|
|
$e_expense_type = $expenses_data['expense_type'];
|
||
|
|
} ?>
|
||
|
|
<form id="expenses_form" action="<?php echo base_url('admin/addExpeses/' . $checker) ?>" method="post" enctype="multipart/form-data" onkeydown="return event.key != 'Enter';">
|
||
|
|
<input type="hidden" name="expenses_id" value="<?php echo $checker; ?>">
|
||
|
|
|
||
|
|
<div class="my-3 form-group">
|
||
|
|
<label for="formExpenseType" class="form-label">Expense Type <strong style="color:red">*</strong></label>
|
||
|
|
|
||
|
|
<select name="expense_type" id="expense_type" class="form-control">
|
||
|
|
<option value="">-- Select Option --</option>
|
||
|
|
<?php foreach ($expenses_types as $expenses_type) {
|
||
|
|
|
||
|
|
// $selected = ($e_expense_type == $expenses_type['expenseId']) ? "selected" : "";
|
||
|
|
?>
|
||
|
|
<option value="<?= $expenses_type['expenseId'] ?>"><?= $expenses_type['expenseTitle'] ?></option>
|
||
|
|
<?php } ?>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<select name="expense_sub_type_computer" id="expense_sub_type_computer" class="form-control mt-4 expense_sub_type_computer">
|
||
|
|
<option value="">-- Repair / Buy --</option>
|
||
|
|
<option value="buy"><?= 'Buy' ?></option>
|
||
|
|
<option value="repair"><?= 'Repair' ?></option>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<select name="expense_sub_type_vehicle" id="expense_sub_type_vehicle" class="form-control mt-4 expense_sub_type_vehicle">
|
||
|
|
<option value="">-- Select Vehicle Type --</option>
|
||
|
|
<option value="van">Van</option>
|
||
|
|
<option value="bus">Bus</option>
|
||
|
|
<!-- <option value="bus">Bus</option> -->
|
||
|
|
</select>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="my-3 form-group">
|
||
|
|
<label for="formTitle" class="form-label">Title <strong style="color:red">*</strong></label>
|
||
|
|
<input type="text" class="form-control" id="formTitle" name="formTitle" value="<?php echo (!empty($e_title)) ? $e_title : '' ?>">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-3 form-group">
|
||
|
|
<label for="formQuantity" class="form-label">Quantity <strong style="color:red">*</strong></label>
|
||
|
|
<input type="text" class="form-control" id="formQuantity" name="formQuantity" value="<?php echo (!empty($e_quantity)) ? $e_quantity : 1; ?>">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-3 form-group">
|
||
|
|
<label for="formAmount" class="form-label">Amount <strong style="color:red">*</strong></label>
|
||
|
|
<input type="text" class="form-control" id="formAmount" name="formAmount" value="<?php echo (!empty($e_amount)) ? $e_amount : ''; ?>" required>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-3 form-group">
|
||
|
|
<label for="formTotalAmount" class="form-label">Total Amount </label>
|
||
|
|
<input type="text" name="totalAmount" class="form-control" id="formTotalAmount" value="<?php echo (!empty($e_totalAmount)) ? $e_totalAmount : ''; ?>" disabled>
|
||
|
|
<input type="hidden" name="totalAmountPaid" class="form-control" id="formTotalAmountPaid" value="<?php echo (!empty($e_totalAmount)) ? $e_totalAmount : ''; ?>">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-3 form-group">
|
||
|
|
<label for="formPaidDate" class="form-label">Paid Date <strong style="color:red">*</strong></label>
|
||
|
|
<input type="text" class="form-control" id="formPaidDate" name="formPaidDate" value="<?php echo (!empty($e_paidDate)) ? $e_paidDate : ''; ?>">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-3 form-group">
|
||
|
|
<label for="formFile" class="form-label">File Upload <label class="text-danger"> ( Accepts only png, jpeg, jpg, pdf and Max size 2 MB)</label> </label>
|
||
|
|
<input class="form-control" type="file" id="formFile" name="file_expenses" value="<?php echo (!empty($e_filePath)) ? $e_filePath : ''; ?>">
|
||
|
|
<?php if (!empty($e_filePath)) { ?>
|
||
|
|
<img src="<?php echo base_url($e_filePath) ?>" width="60" height="60">
|
||
|
|
<?php } ?>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-3 form-group">
|
||
|
|
<label for="formDescription" class="form-label">Description</label>
|
||
|
|
<textarea class="form-control" placeholder="Leave a comment here" id="formDescription" name="description" value=""><?php echo (!empty($e_description)) ? $e_description : ''; ?></textarea>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<button class="subject_addbtn " type="submit"><?php echo str_replace('Expenses', '', $title); ?></button>
|
||
|
|
<a href="<?php echo base_url('admin/listExpeses') ?>">
|
||
|
|
<button type="button" class="subject_addbtn bg-dark">Back</button>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!----admin template Exam end---->
|
||
|
|
</main>
|
||
|
|
<!--End right-top side-->
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
$('#expense_sub_type_computer').hide();
|
||
|
|
$('#expense_sub_type_vehicle').hide();
|
||
|
|
//multiple select js start
|
||
|
|
// $('select').selectpicker();
|
||
|
|
//multiple select js end
|
||
|
|
|
||
|
|
// $('$expense_type').
|
||
|
|
$('#expense_type').change(function() {
|
||
|
|
// $('input[type=text].sitebg').val('000000');
|
||
|
|
console.log($("#expense_type :selected").val());
|
||
|
|
let selectedExpenseTypeId = $("#expense_type :selected").val();
|
||
|
|
|
||
|
|
if (selectedExpenseTypeId == 2) {
|
||
|
|
$('#expense_sub_type_computer').show();
|
||
|
|
$('#expense_sub_type_vehicle').hide();
|
||
|
|
} else if (selectedExpenseTypeId == 7) {
|
||
|
|
$('#expense_sub_type_vehicle').show();
|
||
|
|
$('#expense_sub_type_computer').hide();
|
||
|
|
} else {
|
||
|
|
$('#expense_sub_type_computer').hide();
|
||
|
|
$('#expense_sub_type_vehicle').hide();
|
||
|
|
}
|
||
|
|
// $('#formTitle').attr('value', '#000000');
|
||
|
|
});
|
||
|
|
|
||
|
|
$(document).ready(function() {
|
||
|
|
|
||
|
|
/* Select your element */
|
||
|
|
let NDate = NepaliFunctions.GetCurrentBsDate();
|
||
|
|
let todayDate = `${NDate.year}-${NDate.month}-${NDate.day}`;
|
||
|
|
/* Initialize Datepicker with options */
|
||
|
|
$('#formPaidDate').nepaliDatePicker({
|
||
|
|
disableAfter: todayDate,
|
||
|
|
language: 'english',
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
// nepali date end
|
||
|
|
|
||
|
|
jQuery.validator.addMethod("amountValidation", function(value, element) {
|
||
|
|
return this.optional(element) || /^\d{0,8}(\.\d{0,9})?$/.test(value);
|
||
|
|
}, 'Please Enter Proper Amount ');
|
||
|
|
|
||
|
|
$("#expenses_form").validate({
|
||
|
|
|
||
|
|
|
||
|
|
ignore: ":hidden",
|
||
|
|
rules: {
|
||
|
|
formTitle: {
|
||
|
|
required: true
|
||
|
|
},
|
||
|
|
formQuantity: {
|
||
|
|
required: true,
|
||
|
|
digits: true
|
||
|
|
},
|
||
|
|
formAmount: {
|
||
|
|
required: true,
|
||
|
|
amountValidation: true
|
||
|
|
},
|
||
|
|
formPaidDate: {
|
||
|
|
required: true,
|
||
|
|
date: true
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
messages: {
|
||
|
|
formTitle: {
|
||
|
|
required: "Please Enter Title for expenses"
|
||
|
|
},
|
||
|
|
formQuantity: {
|
||
|
|
required: "Please Enter Quantity",
|
||
|
|
digits: "Accept only Positive Number"
|
||
|
|
},
|
||
|
|
// formAmount: {
|
||
|
|
// required: "Please Enter Amount",
|
||
|
|
// amountValidation: "Check Amount and Enter Properly"
|
||
|
|
// },
|
||
|
|
|
||
|
|
formPaidDate: 'Enter Purchase Date'
|
||
|
|
|
||
|
|
},
|
||
|
|
submitHandler: function(form) {
|
||
|
|
form.submit();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#formFile').on('change', function() {
|
||
|
|
|
||
|
|
let fileUpload = $('#formFile').val();
|
||
|
|
var allowedFiles = [".png", ".jpeg", ".jpg", ".pdf"];
|
||
|
|
|
||
|
|
var regex = new RegExp("([a-zA-Z0-9\s_\\.\-:])+(" + allowedFiles.join('|') + ")$");
|
||
|
|
if (!regex.test(fileUpload.toLowerCase())) {
|
||
|
|
alert("Please upload files having extensions: " + allowedFiles.join(', ') + " only.");
|
||
|
|
$(this).val('');
|
||
|
|
return false;
|
||
|
|
} else {
|
||
|
|
if (this.files[0].size > 2097152) {
|
||
|
|
alert("File size is greater than 2MB");
|
||
|
|
$(this).val('');
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#formQuantity').on('change', function() {
|
||
|
|
|
||
|
|
var id_val = $('#formQuantity').val();
|
||
|
|
var amount = $('#formAmount').val();
|
||
|
|
var validAmount = /^\d{0,4}(\.\d{0,2})?$/.test(amount);
|
||
|
|
var validQuality = /^\d{0,4}(\.\d{0,2})?$/.test(id_val);
|
||
|
|
|
||
|
|
if (!validAmount || !validQuality) {
|
||
|
|
alert("Please check the Amount or Quantity");
|
||
|
|
$('#formTotalAmount').val("");
|
||
|
|
$('#formTotalAmountPaid').val("");
|
||
|
|
} else {
|
||
|
|
var calculation = parseFloat(id_val) * parseFloat(amount);
|
||
|
|
if ($.isNumeric(calculation)) {
|
||
|
|
$('#formTotalAmount').val(calculation);
|
||
|
|
$('#formTotalAmountPaid').val(calculation);
|
||
|
|
} else {
|
||
|
|
$('#formTotalAmount').val("");
|
||
|
|
$('#formTotalAmountPaid').val("");
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#formAmount').on('change', function() {
|
||
|
|
|
||
|
|
var id_val = $('#formQuantity').val();
|
||
|
|
var amount = $('#formAmount').val();
|
||
|
|
var validAmount = /^\d{0,9}(\.\d{0,7})?$/.test(amount);
|
||
|
|
var validQuality = /^\d{0,7}(\.\d{0,7})?$/.test(id_val);
|
||
|
|
|
||
|
|
if (!validAmount || !validQuality) {
|
||
|
|
alert("Please check the Amount or Quantity");
|
||
|
|
$('#formTotalAmount').val("");
|
||
|
|
$('#formTotalAmountPaid').val("");
|
||
|
|
} else {
|
||
|
|
var calculation = parseFloat(id_val) * parseFloat(amount);
|
||
|
|
if ($.isNumeric(calculation)) {
|
||
|
|
$('#formTotalAmount').val(calculation);
|
||
|
|
$('#formTotalAmountPaid').val(calculation);
|
||
|
|
} else {
|
||
|
|
$('#formTotalAmount').val("");
|
||
|
|
$('#formTotalAmountPaid').val("");
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|