489 lines
18 KiB
PHP
489 lines
18 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>
|
||
<input type="text" class="form-control required" id="CostName" name="CostName" maxlength="128">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="Description">Cost Center Name:</label>
|
||
<input type="text" class="form-control required " id="Description" name="Description" maxlength="255">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<b>Department</b>
|
||
<select id="distriList" name="distriList" multiple="multiple" style="width: 200px; height: 41px; margin-left: 17px;border: 1px solid #d2d6de ">
|
||
|
||
<option value="B">DEP01 | Production</option>
|
||
<option value="C">DEP02 | Quality</option>
|
||
<option value="D">DEP03 | Admin</option>
|
||
</select>
|
||
</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>
|
||
<select id="selectDistriList" name="selectDistriList" multiple="multiple" style="width: 200px; height: 41px; margin: 0px 0px 0px -34px;border: 1px solid #d2d6de"></select>
|
||
</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" value="Cancel">cancel</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br>
|
||
<script> <!-- checkbox-->
|
||
$(document).ready(function(){
|
||
$("#mytable #checkall").click(function () {
|
||
if ($("#mytable #checkall").is(':checked')) {
|
||
$("#mytable input[type=checkbox]").each(function () {
|
||
$(this).prop("checked", true);
|
||
});
|
||
|
||
} else {
|
||
$("#mytable input[type=checkbox]").each(function () {
|
||
$(this).prop("checked", false);
|
||
});
|
||
}
|
||
});
|
||
|
||
$("[data-toggle=tooltip]").tooltip();
|
||
});
|
||
</script>
|
||
|
||
<div class="container">
|
||
<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><input type="checkbox" id="checkall" /></th>
|
||
<th>Budget Type</th>
|
||
<th>Budget Year</th>
|
||
<th>Budget Amount</th>
|
||
<th>Remarks</th>
|
||
<th>Action</th>
|
||
</thead>
|
||
<tbody>
|
||
|
||
<tr>
|
||
<td><input type="checkbox" class="checkthis" /></td>
|
||
<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>
|
||
<script>
|
||
|
||
function ConfirmDelete()
|
||
{
|
||
var x = confirm("Are you sure you want to delete?");
|
||
if (x)
|
||
return true;
|
||
else
|
||
return false;
|
||
}
|
||
</script>
|
||
<!-- Modal -->
|
||
<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</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" value="Cancel">cancel</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</tr>
|
||
<tr>
|
||
<td><input type="checkbox" class="checkthis" /></td>
|
||
<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>
|
||
</td>
|
||
<!-- Modal -->
|
||
<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</center>
|
||
</h4>
|
||
</div>
|
||
|
||
<!-- Modal Body -->
|
||
<div class="modal-body">
|
||
|
||
<form class="form-horizontal" role="form">
|
||
<div class="form-group">
|
||
<div class="row">
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</tr>
|
||
<tr>
|
||
<td><input type="checkbox" class="checkthis" /></td>
|
||
<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>
|
||
</td>
|
||
<!-- Modal -->
|
||
<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</center>
|
||
</h4>
|
||
</div>
|
||
|
||
<!-- Modal Body -->
|
||
<div class="modal-body">
|
||
|
||
<form class="form-horizontal" role="form">
|
||
<div class="form-group">
|
||
<div class="row">
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</tr>
|
||
<tr>
|
||
<td><input type="checkbox" class="checkthis" /></td>
|
||
<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>
|
||
</td>
|
||
<!-- Modal -->
|
||
<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</center>
|
||
</h4>
|
||
</div>
|
||
|
||
<!-- Modal Body -->
|
||
<div class="modal-body">
|
||
|
||
<form class="form-horizontal" role="form">
|
||
<div class="form-group">
|
||
<div class="row">
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
</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>
|
||
|
||
</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 src="<?php echo base_url(); ?>assets/js/addUser.js" type="text/javascript"></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>
|