398 lines
13 KiB
PHP
398 lines
13 KiB
PHP
|
||
|
||
<div class="content-wrapper">
|
||
<!-- Content Header (Page header) -->
|
||
<section class="content-header">
|
||
<h1>
|
||
<center>Add 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>
|
||
<br>
|
||
|
||
<div class="row">
|
||
<!-- left column -->
|
||
<div class="col-md-12">
|
||
|
||
|
||
|
||
<div class="box box-primary">
|
||
|
||
<!-- form start -->
|
||
|
||
<form role="form" id="addUser" action="<?php echo base_url() ?>addNewcost" method="post" role="form">
|
||
<div class="box-body">
|
||
<div class="row">
|
||
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="CostName">Cost Center Code:</label>
|
||
|
||
<div class="form-group">
|
||
<?php
|
||
$data = array('name' => 'CostCode','value' => set_value('CostCode'),'id'=>'CostCode', 'class' => 'form-control' ,'required' => 'true');
|
||
echo form_input($data);
|
||
?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="Description">Cost Center Name:</label>
|
||
<div class="form-group">
|
||
<?php
|
||
$data = array('name' => 'CostName','value' => set_value('CostName'),'id'=>'CostName', 'class' => 'form-control' ,'required' => 'true');
|
||
echo form_input($data);
|
||
?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<label>Department</label>
|
||
<div>
|
||
<?php
|
||
|
||
$options["1"] = 'DEP01 | Production';
|
||
$options["2"] = 'DEP02 | Quality';
|
||
$options["3"] = 'DEP03 | Admin';
|
||
echo form_multiselect('distriList', $options,set_value('distriList'),'id="distriList"' ,'class="form-control required"','required="true"');
|
||
|
||
?>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<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">
|
||
<b>Selected Department</b>
|
||
|
||
<?php
|
||
$option["0"] = '';
|
||
echo form_multiselect('selectDistriList', $option,set_value('selectDistriList'),'id="selectDistriList"' ,'class="form-control"','required="true"');
|
||
|
||
?>
|
||
</div>
|
||
</div>
|
||
<br>
|
||
<div col="row">
|
||
<div class="col-md-offset-8" style="text-align:right">
|
||
|
||
<button class="btn btn-info btn-md" data-toggle="modal" data-target="#addbudgetmodel"> Add Budget</button>
|
||
|
||
<!-- 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">×</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">
|
||
<select class="form-control" id="exampleSelect1">
|
||
<option>1</option>
|
||
<option>2</option>
|
||
<option>3</option>
|
||
<option>4</option>
|
||
<option>5</option>
|
||
</select>
|
||
</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" 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" 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" type="text">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- Modal Footer -->
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-danger" value="Add">Add</button>
|
||
<button type="button" class="btn btn-info" data-dismiss="modal" value="Cancel">cancel</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><br>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="table-responsive">
|
||
<table id="mytable" class="table table-bordred table-striped">
|
||
<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>
|
||
|
||
<tr>
|
||
|
||
<td>PO</td>
|
||
<td>2017</td>
|
||
<td>0.00</td>
|
||
<td>Remarks</td>
|
||
<td> <i class="fa fa-pencil" data-toggle="modal" data-target="#Edit"></i>
|
||
<i><button class="btn btn-danger btn-xs" Onclick="ConfirmDelete()"><span class="glyphicon glyphicon-trash"></span></button></i>
|
||
</td>
|
||
|
||
</tr>
|
||
<tr>
|
||
|
||
<td>SO</td>
|
||
<td>2017</td>
|
||
<td>0.00</td>
|
||
<td>Remarks</td>
|
||
<td> <i class="fa fa-pencil" data-toggle="modal" data-target="#Edit"></i>
|
||
<i><button class="btn btn-danger btn-xs" Onclick="ConfirmDelete()"><span class="glyphicon glyphicon-trash"></span></button></i>
|
||
</td>
|
||
|
||
</tr>
|
||
<tr>
|
||
<td>IO</td>
|
||
<td>2017</td>
|
||
<td>0.00</td>
|
||
<td>Remarks</td>
|
||
<td> <i class="fa fa-pencil" data-toggle="modal" data-target="#Edit"></i>
|
||
<i><button class="btn btn-danger btn-xs" Onclick="ConfirmDelete()"><span class="glyphicon glyphicon-trash"></span></button></i>
|
||
</td>
|
||
|
||
</tr>
|
||
<tr>
|
||
|
||
<td>CO</td>
|
||
<td>2017</td>
|
||
<td>0.00</td>
|
||
<td>Remarks</td>
|
||
<td> <i class="fa fa-pencil" data-toggle="modal" data-target="#Edit"></i>
|
||
<i><button class="btn btn-danger btn-xs" Onclick="ConfirmDelete()"><span class="glyphicon glyphicon-trash"></span></button></i>
|
||
</td>
|
||
|
||
</tr>
|
||
</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">×</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">
|
||
<select class="form-control" id="exampleSelect1">
|
||
<option>SO</option>
|
||
<option>2</option>
|
||
<option>3</option>
|
||
<option>4</option>
|
||
<option>5</option>
|
||
</select>
|
||
</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" 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" 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" type="text">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-info" value="Add">Update</button>
|
||
<button type="button" class="btn btn-danger" data-dismiss="modal" value="Cancel">cancel</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</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>
|
||
|
||
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<?php
|
||
$this->load->helper('form');
|
||
$error = $this->session->flashdata('error');
|
||
if($error)
|
||
{
|
||
?>
|
||
<div class="alert alert-danger alert-dismissable">
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<?php echo $this->session->flashdata('error'); ?>
|
||
</div>
|
||
<?php } ?>
|
||
<?php
|
||
$success = $this->session->flashdata('success');
|
||
if($success)
|
||
{
|
||
?>
|
||
<div class="alert alert-success alert-dismissable">
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<?php echo $this->session->flashdata('success'); ?>
|
||
</div>
|
||
<?php } ?>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<?php echo validation_errors('<div class="alert alert-danger alert-dismissable">', ' <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button></div>'); ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
<script>
|
||
|
||
function ConfirmDelete()
|
||
{
|
||
var x = confirm("Are you sure you want to delete?");
|
||
if (x)
|
||
return true;
|
||
else
|
||
return false;
|
||
}
|
||
</script>
|
||
<script>
|
||
|
||
$('#addPop').click(function () {
|
||
if ($('#distriList option:selected').val() != null) {
|
||
var tempSelect = $('#distriList option:selected').val();
|
||
$('#distriList option:selected').remove().appendTo('#selectDistriList');
|
||
$("#distriList").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");
|
||
$("#selectDistriList").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");
|
||
$("#selectDistriList").val(tempSelect);
|
||
tempSelect = '';
|
||
} 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.");
|
||
}
|
||
});
|
||
|
||
</script>
|