193 lines
5.0 KiB
PHP
Executable File
193 lines
5.0 KiB
PHP
Executable File
|
|
|
|
<?php
|
|
//print_r($budget);die();
|
|
if(!empty($ccrpt))
|
|
{
|
|
|
|
}
|
|
?>
|
|
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.3.1/css/buttons.dataTables.min.css">
|
|
<style>
|
|
|
|
|
|
.dataTables_filter {
|
|
width: 50%;
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
.dataTables_paginate {
|
|
width: 50%;
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
div.dt-buttons {
|
|
position: relative;
|
|
float: right;
|
|
|
|
}
|
|
.buttons-text {
|
|
background-color: blue;
|
|
color: white;
|
|
}
|
|
select {
|
|
width: 100%;
|
|
padding: 3%;
|
|
|
|
}
|
|
|
|
</style>
|
|
<div class="row" style="min-height: 600px;">
|
|
<!-- Left col -->
|
|
<div class="col-md-12">
|
|
<!-- TABLE: LATEST ORDERS -->
|
|
<div class="box box-info">
|
|
<div class="box-header with-border">
|
|
<center><h3 class="box-title"><p style="color:#3c8dbc"><b>Report - Cost Center</b></p></h3></center>
|
|
<div class="col-md-3" style="margin-left: -30px;">
|
|
<div class="input-group input-daterange input">
|
|
<div class="input-group-addon"><b>Budget Year:</b></div>
|
|
<select id="mySelect" >
|
|
<option value="" >Select Year</option>
|
|
<option value="2017 - 2018">2017 - 2018</option>
|
|
<option value="2018 - 2019">2018 - 2019</option>
|
|
<option value="2019 - 2020">2019 - 2020</option>
|
|
</select>
|
|
<div class="input-group-addon"> <a onclick="Reset()" ><b>Clear</b></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.box-header -->
|
|
<div class="box-body">
|
|
<div>
|
|
<table class="table table-bordered table-hover" id="cc" style="font-size:12px">
|
|
<thead>
|
|
<tr>
|
|
<th>Cost Center Code</th>
|
|
<th>Cost Center Name </th>
|
|
<th>Department</th>
|
|
<th>Budget Type</th>
|
|
<th>Budget Year</th>
|
|
<th>Utilized Amount</th>
|
|
<th>Balance Amount</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php if(!empty($ccrpt)){
|
|
foreach($ccrpt as $rel)
|
|
{
|
|
?>
|
|
<tr>
|
|
<td><span><?php echo $rel->Cost_Center_Code?></span></td>
|
|
<td><span><?php echo $rel->Cost_Center_Name?></span></td>
|
|
<td><span><?php echo $rel->Dept_Name?></span></td>
|
|
<td><span><?php echo $rel->BudgetType?></span></td>
|
|
<td><span><?php echo $rel->BudgetYear?></span></td>
|
|
<td align="right"><span><?php echo $rel->Util_Amount?></span></td>
|
|
<td align="right"><span><?php echo $rel->Avlbl_Amt?></span></td>
|
|
|
|
|
|
</tr>
|
|
<?php
|
|
}
|
|
|
|
}
|
|
?>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.box -->
|
|
</div>
|
|
<!-- /.col -->
|
|
</div>
|
|
|
|
<script src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
|
|
<script src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.flash.min.js"></script>
|
|
<script src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
|
|
<script src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.print.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
// Bootstrap datepicker
|
|
// Set up your table
|
|
$(document).ready(function() {
|
|
table = $('#cc').DataTable( {
|
|
"dom": "<'row'<'col-md-6'l><'col-md-6'Bf>>" +
|
|
"<'row'<'col-md-6'><'col-md-6'>>" +
|
|
"<'row'<'col-md-12't>><'row'<'col-md-4'i><'col-md-8'p>>",
|
|
buttons: [
|
|
{
|
|
extend: 'collection',
|
|
text: 'Export Cost Center Report',
|
|
buttons: [
|
|
'excel'
|
|
]
|
|
}
|
|
]
|
|
} );
|
|
} );
|
|
|
|
|
|
$('#mySelect').on('change',function(){
|
|
|
|
table
|
|
.column(4)
|
|
.search(this.value)
|
|
.draw();
|
|
});
|
|
function Reset()
|
|
{
|
|
$('#mySelect').val('');
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
<!--<script>
|
|
|
|
|
|
// Bootstrap datepicker
|
|
// Set up your table
|
|
table = $('#cc').DataTable
|
|
({
|
|
paging: true,
|
|
info: true
|
|
|
|
});
|
|
$('#mySelect').on('change',function(){
|
|
|
|
table
|
|
.column(4)
|
|
.search(this.value)
|
|
.draw();
|
|
});
|
|
function Reset()
|
|
{
|
|
$('#mySelect').val('');
|
|
|
|
}
|
|
|
|
|
|
----------
|
|
$(document).ready(function() {
|
|
$('#cc').DataTable( {
|
|
dom: 'Blfrtip',
|
|
buttons: [
|
|
'excel'
|
|
]
|
|
} );
|
|
} );
|
|
|
|
</script>-->
|
|
|
|
|
|
|
|
|