changes in cost center add and edit

This commit is contained in:
saravanakumar_kandasami 2017-05-05 18:32:29 +05:30
parent d7df68dd70
commit 46c789e307
2 changed files with 690 additions and 82 deletions

View File

@ -63,8 +63,8 @@ $(function() {
<div class="box-body">
<div class="row">
<div class="col-md-3">
<div class="col-md-12">
<div class="col-md-6">
<div class="form-group">
<label for="CostName">Cost Center Code:</label><font color="Red">*</font>
@ -78,7 +78,7 @@ $(function() {
</div>
<div class="col-md-3">
<div class="col-md-6">
<div class="form-group">
<label for="Description">Cost Center Name:</label><font color="Red">*</font>
<div class="form-group">
@ -89,7 +89,11 @@ $(function() {
</div>
</div>
</div>
<div class="col-md-2">
</div>
<div class="row">
<div class="col-md-12">
<div class="col-md-6">
<div class="col-md-4">
<label>Department</label>
<div>
<?php
@ -111,14 +115,14 @@ $(function() {
?>
</div>
</div>
<div class="col-md-2">
<div class="col-md-4">
<center>
<a style="color:white" href="javascript:void(0);" id="addPop"><button type="button" style="margin: 30px 0px 0px 15px;" class="btn btn-info">Add</button></a><br>
<a style="color:white" href="javascript:void(0);" id="removePop"><button type="button" style="margin: 10px 0px 0px 15px;" class="btn btn-info">Remove</button></a><br>
</center>
</div>
<div class="col-md-2">
<div class="col-md-4">
<b>&nbsp;</b>
<?php
@ -127,6 +131,37 @@ $(function() {
?>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="CostName">Approved By:</label><font color="Red">*</font>
<div class="form-group">
<?php
$options = array("-1"=>'Select Approver');
//print_r( $options);
if(!empty($Approver))
{
foreach ($Approver as $SID):
$options[$SID->EmpID] = $SID->EmpID . " - " . $SID->FirstName . " - " . $SID->Designation;
endforeach;
}
echo form_dropdown('ApprovedBy',$options,set_value('ApprovedBy'),'id="ApprovedBy"', 'class = "form-control "'); ?>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div col="row">
@ -341,34 +376,7 @@ $(function() {
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-md-offset-9">
<div class="form-group">
<label for="CostName">Approved By:</label><font color="Red">*</font>
<div class="form-group">
<?php
$options = array("-1"=>'Select Approver');
//print_r( $options);
if(!empty($Approver))
{
foreach ($Approver as $SID):
$options[$SID->EmpID] = $SID->EmpID . " - " . $SID->FirstName . " - " . $SID->Designation;
endforeach;
}
echo form_dropdown('ApprovedBy',$options,set_value('ApprovedBy'),'id="ApprovedBy"', 'class = "form-control "'); ?>
</div>
</div>
</div>
</div>
<div id="content"></div>
<div class="box-footer" style="text-align:right">
<input type="hidden" name="txtSelectedDepartment" id="txtSelectedDepartment" />

View File

@ -1,80 +1,392 @@
<?php
<script>
$(function() {
var d = new Date();
var month = d.getMonth();
var day = d.getDate();
var year = d.getFullYear() ;
var SIAStartYear = year - 2015;
var mindt = year-70;
var maxdt = year-15;
$("#AddYear").datepicker({
minDate : new Date(year-SIAStartYear,1,1),
maxDate :new Date(year+3,1,1),
dateFormat: 'yy', changeYear: true,
$CostCentreID = '';
$CostName = '';
$Description = '';
if(!empty($Cost))
{
foreach ($Cost as $uf)
{
$CostCentreID = $uf->CostCentreID;
$CostName = $uf->CostName;
$Description = $uf->Description;
}
}
});
$("#EditYear").datepicker({
minDate : new Date(year-SIAStartYear,1,1),
maxDate :new Date(year+3,1,1),
dateFormat: 'yy', changeYear: true,
?>
});
//$('#selectDistriList').multiSelect();
});
</script>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
<center>Cost Center</center>
<center>Siddharth Industries - Edit Cost List</center>
</h1>
</section>
<section class="content">
<div style="text-align:right;">
<a href="<?php echo base_url() ?>costListing" class="btn btn-info" value="Back"/>Back</a>
<div style="text-align:right;">
<a href="<?php echo base_url() ?>costListing" class="btn btn-info" value="Back">Back</a>
</div>
<br/>
<br>
<div class="row">
<!-- left column -->
<div class="col-md-12">
<!-- general form elements -->
<div class="box box-primary">
<div class="box-header">
<center><h3 class="box-title">Edit Cost Details</h3><center>
</div><!-- /.box-header -->
<!-- form start -->
<form role="form" action="<?php echo base_url() ?>CostCenter/editcost" method="post" id="editUser" role="form">
<?php
$attributes = array('class' => 'form-label-left addCost ','name' => 'addCost','id' => 'addCost');
echo form_open($this->config->base_url().'addNewcost/',$attributes); ?>
<div class="box-body">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="CostName">Cost Name</label>
<input type="text" class="form-control" id="CostName" placeholder="" name="CostName" value="<?php echo $CostName;?>" maxlength="128">
<input type="hidden" value="<?php echo $CostCentreID; ?>" name="CostCentreID" id="CostCentreID" readonly>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6">
<div class="form-group">
<label for="Description">Description</label>
<input type="text" class="form-control" id="email" placeholder="" name="Description" value="<?php echo $Description; ?>" maxlength="128">
<label for="CostName">Cost Center Code:</label><font color="Red">*</font>
<div class="form-group">
<?php
$data = array('name' => 'CostCode','value' => set_value('CostCode'),'id'=>'CostCode', 'class' => 'form-control' ,'required' => 'true','style'=>'text-transform:uppercase;','maxlength'=>'5' );
echo form_input($data);
?>
</div>
</div>
</div>
</div>
<div class="box-footer" style="text-align:right">
<input type="submit" class="btn btn-info" value="Submit" />
<input type="reset" class="btn btn-info" value="Cancel" />
<div class="col-md-6">
<div class="form-group">
<label for="Description">Cost Center Name:</label><font color="Red">*</font>
<div class="form-group">
<?php
$data = array('name' => 'CostName','value' => set_value('CostName'),'id'=>'CostName', 'class' => 'form-control' ,'required' => 'true','style'=>'text-transform:uppercase;','maxlength'=>'20');
echo form_input($data);
?>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-md-6">
<div class="col-md-4">
<label>Department</label>
<div>
<?php
$options = array("0"=>'Select Department');
//print_r( $options);
if(!empty($Department))
{
foreach ($Department as $SID):
$options[$SID->DEPCode] = $SID->DEPCode.' '.' - '.' '.$SID->DepartmentName;
endforeach;
}
echo form_multiselect('distriList', $options,set_value('distriList'),'id="distriList"' ,'class="form-control required"','required="true"');
?>
</div>
</div>
<div class="col-md-4">
<center>
<a style="color:white" href="javascript:void(0);" id="addPop"><button type="button" style="margin: 30px 0px 0px 15px;" class="btn btn-info">Add</button></a><br>
<a style="color:white" href="javascript:void(0);" id="removePop"><button type="button" style="margin: 10px 0px 0px 15px;" class="btn btn-info">Remove</button></a><br>
</center>
</div>
<div class="col-md-4">
<b>&nbsp;</b>
<?php
$option["0"] = 'Selected Department';
echo form_multiselect('selectDistriList[]', $option,set_value('selectDistriList[]'),'id="selectDistriList"','size="10"');
?>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="CostName">Approved By:</label><font color="Red">*</font>
<div class="form-group">
<?php
$options = array("-1"=>'Select Approver');
//print_r( $options);
if(!empty($Approver))
{
foreach ($Approver as $SID):
$options[$SID->EmpID] = $SID->EmpID . " - " . $SID->FirstName . " - " . $SID->Designation;
endforeach;
}
echo form_dropdown('ApprovedBy',$options,set_value('ApprovedBy'),'id="ApprovedBy"', 'class = "form-control "'); ?>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div col="row">
<div class="col-md-offset-8" style="text-align:right">
<a data-toggle="modal" href="#addbudgetmodel" class="btn btn-info"><i class="fa fa-plus"></i>&nbsp;&nbsp;Add Budget</a>
<!-- Modal -->
<div class="modal fade" id="addbudgetmodel" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal">
<span aria-hidden="true">&times;</span>
<span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">
<center> Add Budget</center>
</h4>
</div>
<!-- Modal Body -->
<div class="modal-body">
<form class="form-horizontal" role="form">
<div class="form-group">
<div class="row">
<div class="col-md-3 col-md-offset-2">
Budget Type :
</div>
<div class="col-md-5">
<?php
$options = array("-1"=>'Select Budget Type');
//print_r( $options);
if(!empty($BudgetType))
{
foreach ($BudgetType as $SID):
$options[$SID->ConfigValue] = $SID->ConfigValue;
endforeach;
}
echo form_dropdown('Addbudget',$options,set_value('Addbudget'),'id="Addbudget"', 'class = "form-control "'); ?>
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-3 col-md-offset-2">
Budget Year :
</div>
<div class="col-md-5">
<input class="form-control" name="AddYear" class="form-control datepicker" id="AddYear" onkeypress="return false;" type="text">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-3 col-md-offset-2">
Budget Amount :
</div>
<div class="col-md-5">
<input class="form-control" onkeypress="return isNumberKey(event);" name="AddAmout" class="form-control" id="AddAmout" type="text">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-3 col-md-offset-2">
Remarks :
</div>
<div class="col-md-5">
<input class="form-control" name="AddRemarks" class="form-control" id="AddRemarks" type="text">
</div>
</div>
</div>
</form>
</div>
<!-- Modal Footer -->
<div class="modal-footer">
<a class="btn btn-info font tempClick" ID="tempClick" style="margin-top: -24px;"><i class="fa fa-plus"></i>&nbsp;&nbsp;<span class="bold">Add</span></a>
<a class="btn btn-info" data-dismiss="modal" style="margin-top: -24px;" value="Cancel">cancel</a>
</div>
</div>
</div>
</div>
</div>
</div><br>
<div class="row">
<div class="col-md-12">
<div class="table-responsive">
<table id="BudgetTable" class="table table-striped responsive-utilities jambo_table" style="display:none;">
<thead style="background-color: #CFCFCF;">
<th>Budget Type</th>
<th>Budget Year</th>
<th>Budget Amount</th>
<th>Remarks</th>
<th>Action</th>
</thead>
<tbody id="tempAppend">
</tbody>
</table>
<!-- Modal For edit -->
<div class="modal fade" id="Edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal">
<span aria-hidden="true">&times;</span>
<span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">
<center> Edit Budget</center>
</h4>
</div>
<!-- Modal Body -->
<div class="modal-body">
<form class="form-horizontal" role="form">
<div class="form-group">
<div class="row">
<div class="col-md-3 col-md-offset-2">
Budget Type :
</div>
<div class="col-md-5">
<?php
$data = array('name' => 'Editbudget', 'value' => set_value('Editbudget'),'id'=>'Editbudget', 'class' => 'form-control','readonly'=>'true');
echo form_input($data);
?>
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-3 col-md-offset-2">
Budget Year :
</div>
<div class="col-md-5">
<?php
$data = array('name' => 'EditYear', 'value' => set_value('EditYear'),'id'=>'EditYear', 'class' => 'form-control','onkeypress'=>'return isNumberKey(event);','onkeypress'=>'return false;');
echo form_input($data);
?>
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-3 col-md-offset-2">
Budget Amount :
</div>
<div class="col-md-5">
<?php
$data = array('name' => 'EditAmout', 'value' => set_value('EditAmout'),'id'=>'EditAmout', 'class' => 'form-control','onkeypress'=>'return isNumberKey(event);');
echo form_input($data);
?>
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-3 col-md-offset-2">
Remarks :
</div>
<div class="col-md-5">
<?php
$data = array('name' => 'EditRemarks', 'value' => set_value('EditRemarks'),'id'=>'EditRemarks', 'class' => 'form-control');
echo form_input($data);
?>
</div>
</div>
</div>
</form>
</div>
<!-- Modal Footer -->
<div class="modal-footer">
<a class="btn btn-info font tempClickEdit" ID="tempClickEdit" style="margin-top: -24px;"><i class="fa fa-plus"></i>&nbsp;&nbsp;<span class="bold">Edit</span></a>
<a class="btn btn-info" data-dismiss="modal" style="margin-top: -24px;" value="Cancel">cancel</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="content"></div>
<div class="box-footer" style="text-align:right">
<input type="hidden" name="txtSelectedDepartment" id="txtSelectedDepartment" />
<input type="hidden" name="txtRowCount" id="txtRowCount" />
<input type="submit" class="btn btn-info" value="Update" />
<input type="reset" class="btn btn-info" value="Cancel" />
</div>
</div>
</div><!-- /.box-body -->
</div>
</form>
</div>
</div>
@ -109,6 +421,294 @@ if(!empty($Cost))
</div>
</div>
</section>
</div>
<script type="text/html" id="tempList">
<tr id="<%=index%>">
<script src="<?php echo base_url(); ?>assets/js/editUser.js" type="text/javascript"></script>
<?php
$data = array('name' => '"Budget[<%=index%>][index]"', 'value' => set_value('<%=index%>'),'id'=>'"Budget[<%=index%>][index]"', 'class' => 'form-control','type'=>'hidden');
echo form_input($data);
?>
<td align="left"><%=BudgetType%></td>
<td align="left"><%=BudgetYear%></td>
<td align="left"><%=BudgetAmount%></td>
<td align="left"><%=Remarks%></td>
<td>
<a data-target='#Edit' data-id="<%=index%>" data-userid="<%=index%>" data-toggle="modal" href="#Edit"><i class="fa fa-pencil" data-toggle="tooltip" title="Click here to view/Edit the <%=BudgetType%> Budget details"></i>&nbsp;&nbsp;&nbsp;</a>
</td>
</tr>
</script>
<script>
var index = '1';
var numbers = /^[0-9]+$/;
var userid = '';
$("#Edit").on("shown.bs.modal", function(e) {
userid = $(e.relatedTarget).data('userid');
$('#Editbudget').val($('#BudgetTable tr:eq('+ userid +') td:eq(0)').text());
$('#EditYear').val($('#BudgetTable tr:eq('+ userid +') td:eq(1)').text());
$('#EditAmout').val($('#BudgetTable tr:eq('+ userid +') td:eq(2)').text());
$('#EditRemarks').val($('#BudgetTable tr:eq('+ userid +') td:eq(3)').text());
});
$('.tempClick').click(function(){
if ($("#Addbudget option:selected").val() =='-1' )
{
alert('Please Select the Budget Type ');
//return;
}
if(document.getElementById('AddYear').value == '' )
{
alert('Please Enter the Budget Year');
//return;
}
if(document.getElementById('AddAmout').value == '' )
{
alert('Please Enter the Budget Amount');
// return;
}
if ($("#Addbudget option:selected").val() !='-1' && $('#AddYear').val() && $('#AddAmout').val() )
{
$('#BudgetTable').show();
var temp = index;
var BudType = $("#Addbudget option:selected").val();
var BudYear = $("#AddYear").val();
var BudAmount = $("#AddAmout").val();
$('#Addbudget option[value='+BudType+']').remove();
var BudRemarks = $('#AddRemarks').val();
$('#AddYear').val('');
$('#AddAmout').val('');
$('#AddRemarks').val('');
index = parseInt(index)+1;
var template = jQuery("#tempList").html();
$('#tempAppend').append(_.template(template,{index:temp,BudgetType:BudType,BudgetYear:BudYear,BudgetAmount:BudAmount,Remarks:BudRemarks}));
var theForm = $(".addCost");
addHidden(theForm,"BudgetType"+temp,BudType);
addHidden(theForm,"BudgetYear"+temp,BudYear);
addHidden(theForm,"BudgetAmount"+temp,BudAmount);
addHidden(theForm,"Remarks"+temp,BudRemarks);
$('#txtRowCount').val(temp);
}
else
{
alert('Please enter all the values');
}
});
function addHidden(theForm, key, value) {
// Create a hidden input element, and append it to the form:
var input = document.createElement('input');
input.type = 'hidden';
input.name = key;'name-as-seen-at-the-server';
input.value = value;
theForm.append(input);
}
$('.tempClickEdit').click(function(){
if(document.getElementById('EditYear').value == '' )
{
alert('Please Enter the Budget Year');
//return;
}
if(document.getElementById('EditAmout').value == '' )
{
alert('Please Enter the Budget Amount');
// return;
}
if ( $('#EditAmout').val() != '' && $('#EditYear').val() != '' )
{
var temp = index;
var BudYear = $("#EditYear").val();
var BudAmount = $("#EditAmout").val();
var BudRemarks = $('#EditRemarks').val();
$('#BudgetTable tr:eq('+ userid +') td:eq(1)').text(BudYear);
$('#BudgetTable tr:eq('+ userid +') td:eq(2)').text(BudAmount);
$('#BudgetTable tr:eq('+ userid +') td:eq(3)').text(BudRemarks);
$('#BudgetYear'+userid).val(BudYear);
$('#BudgetAmount'+userid).val(BudAmount);
$('#Remarks'+userid).val(BudRemarks);
}
else
{
alert('Please enter all the values');
}
});
function ConfirmDelete()
{
var x = confirm("Are you sure you want to delete?");
if (x)
return true;
else
return false;
}
function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode != 46 && charCode > 31
&& (charCode < 48 || charCode > 57))
return false;
return true;
}
</script>
<script>
$('#addPop').click(function () {
if ($('#distriList option:selected').val() != null) {
var tempSelect = $('#distriList option:selected').val();
var tempText = $('#distriList option:selected').text();
var o = new Option(tempText,tempSelect);
var hidval = tempSelect;
var orgVal = $('#txtSelectedDepartment').val();
var Selectedval = ''
if(orgVal != '')
{
Selectedval = orgVal + ':' + hidval;
}
else
{
Selectedval = hidval
}
$('#txtSelectedDepartment').val(Selectedval);
$(o).html(tempText);
$("#selectDistriList").append(o);
$('#distriList option:selected').remove();
$("#distriList").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");
$("#selectDistriList").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");
tempSelect = '';
tempText = '';
Selectedval = '';
} else {
alert("Before add please select any position.");
}
});
$('#removePop').click(function () {
if ($('#selectDistriList option:selected').val() != null) {
var tempSelect = $('#selectDistriList option:selected').val();
$('#selectDistriList option:selected').remove().appendTo('#distriList');
$("#selectDistriList").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");
$("#distriList").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");
$("#distriList").val(tempSelect);
tempSelect = '';
} else {
alert("Before remove please select any position.");
}
});
var baseurl = "<?php print base_url(); ?>";
$(".addCost").submit(function(e) {
e.preventDefault();
if(validate())
{
$('#content').loader('show');
$.ajax({
data:$('.addCost').serialize(),
type:"POST",
url:"<?php echo base_url() ?>CostCenter/addNewcost",
success:function(data) {
if(data)
{
$('#content').loader('hide');
alert(data);
$('#txtSelectedDepartment').val('');
$('#txtRowCount').val('');
window.location = baseurl + 'CostCenter/CostListing';
}
else
{
alert("Error");
}
}
});
}
});
function validate()
{
if($("#txtSelectedDepartment").val().length < 1)
{
alert('Please Select Department');
return false;
}
else if($("#txtRowCount").val().length < 1)
{
alert('Please Add Budget');
return false;
}
else if($("option:selected", $("#ApprovedBy")).val() == '-1')
{
alert('Please Select Approver Names');
return false;
}
else
{
return true;
}
}
</script>