PO Screen desing

This commit is contained in:
gandhimathi Bharathirajan 2017-04-27 19:45:20 +05:30
parent ea1a8f2832
commit b8e436d928
2 changed files with 112 additions and 125 deletions

View File

@ -1,3 +1,4 @@
<style>
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {border: 1px solid #333;}
</style>
@ -7,7 +8,7 @@
<section class="content">
<div>
<center><b><h2>Requisition Form</h2></b></center>
<center><b><h2>Siddharth Industries - Requisition Form</h2></b></center>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
@ -15,20 +16,20 @@
<label>Request Type</label>
<div>
<?php
$options = array("0"=>'Select Request Type');
$options = array("-1"=>'Select Request Type');
//print_r( $options);
if(!empty($POType))
if(!empty($RequestType))
{
foreach ($SupplierName as $SID):
foreach ($RequestType as $RID):
$options[$SID->SupplierID] = $SID->SupplierID.' '.' - '.' '.$SID->SupplierName;
$options[$RID->ConfigValue] = $RID->ConfigValue;
endforeach;
}
echo form_dropdown('SupplierID', $options,set_value('SupplierID'),'id="SupplierID"' ,'class = "form-control required"','required="true"');
echo form_dropdown('RequestType', $options,set_value('ConfigValue'),'id="RequestType"' ,'class = "form-control select2"','required="true"');
?>
@ -38,20 +39,20 @@
<label>Requested By</label>
<div>
<?php
$options = array("0"=>'Select Request By');
$options = array("-1"=>'Select Requested By');
//print_r( $options);
if(!empty($POType))
if(!empty($EmpList))
{
foreach ($SupplierName as $SID):
foreach ($EmpList as $EID):
$options[$SID->SupplierID] = $SID->SupplierID.' '.' - '.' '.$SID->SupplierName;
$options[$EID->EmpID] = $EID->EmpID.' '.' - '.' '.$EID->FirstName.' . '.' '.$EID->LastName;
endforeach;
}
echo form_dropdown('SupplierID', $options,set_value('SupplierID'),'id="SupplierID"' ,'class = "form-control required"','required="true"');
echo form_dropdown('EmpID', $options,set_value('EmpID'),'id="EmpID"' ,'class = "form-control select2"','required="true"');
?>
@ -62,7 +63,7 @@
<label>Department Name</label>
<div class="form-group">
<?php
$data = array('name' => 'SupplierAddress','value' => set_value('SupplierAddress'),'id'=>'SupplierAddress', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'SupplierAddress','value' => set_value('SupplierAddress'),'id'=>'SupplierAddress', 'class' => 'form-control' ,'readonly' => 'true');
echo form_input($data);
?>
</div>
@ -71,40 +72,32 @@
<label>Designation</label>
<div class="form-group">
<?php
$data = array('name' => 'SupplierAddress','value' => set_value('SupplierAddress'),'id'=>'SupplierAddress', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'SupplierAddress','value' => set_value('SupplierAddress'),'id'=>'SupplierAddress', 'class' => 'form-control' ,'readonly' => 'true');
echo form_input($data);
?>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col-md-3">
<label for="Departure_Date"> Requisition Date</label>
<div class="form-group">
<?php
$data = array('name' => 'PO_Date', 'value' => set_value('PO_Date'),'id'=>'PO_Date', 'class' => 'form-control datePicker','required'=>'true');
echo form_input($data);
?>
</div>
</div>
<div class="col-md-3">
<label>Cost Center Name</label>
<div>
<?php
$options = array("0"=>'Cost Center Name');
$options = array("-1"=>'Select Cost Center Name');
//print_r( $options);
if(!empty($POType))
if(!empty($CostCenter))
{
foreach ($SupplierName as $SID):
foreach ($CostCenter as $CID):
$options[$SID->SupplierID] = $SID->SupplierID.' '.' - '.' '.$SID->SupplierName;
$options[$CID->CostName] = $CID->CostName.' '.' - '.' '.$CID->Description;
endforeach;
}
echo form_dropdown('SupplierID', $options,set_value('SupplierID'),'id="SupplierID"' ,'class = "form-control required"','required="true"');
echo form_dropdown('CostCenter', $options,set_value('CostCenter'),'id="CostCenter"' ,'class = "form-control"');
?>
@ -114,7 +107,7 @@
<label>Available Budget Amount</label>
<div class="form-group">
<?php
$data = array('name' => 'SupplierAddress','value' => set_value('SupplierAddress'),'id'=>'SupplierAddress', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'BudgetAmount','value' => set_value('BudgetAmount'),'id'=>'BudgetAmount', 'class' => 'form-control' ,'readonly' => 'true');
echo form_input($data);
?>
</div>
@ -142,61 +135,49 @@
</div>
<div align="left">
<div class="col-md-12">
<div class="col-md-6">
<label>Material Code</label>
<div >
<?php
$options = array("0"=>'Material Code');
//print_r( $options);
if(!empty($POType))
if(!empty($MaterialList))
{
foreach ($SupplierName as $SID):
foreach ($MaterialList as $MID):
$options[$SID->SupplierID] = $SID->SupplierID.' '.' - '.' '.$SID->SupplierName;
$options[$MID->MaterialCode] = $MID->MaterialCode.' '.' - '.' '.$MID->MaterialName;
endforeach;
}
echo form_dropdown('MaterialCode', $options,set_value('MaterialCode'),'id="MaterialCode"' ,'class="form-control required"','required="true"');
echo form_dropdown('MaterialCode', $options,set_value('MaterialCode'),'id="MaterialCode"' ,'class="form-control"');
?>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6">
<label>Description</label>
<div class="form-group">
<?php
$data = array('name' => 'Description','value' => set_value('Description'),'id'=>'Description', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'Description','value' => set_value('Description'),'id'=>'Description', 'class' => 'form-control','readonly' => 'true' );
echo form_input($data);
?>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6">
<label>UOM</label>
<div>
<?php
$options = array("0"=>'UOM');
//print_r( $options);
if(!empty($POType))
{
foreach ($SupplierName as $SID):
$options[$SID->SupplierID] = $SID->SupplierID.' '.' - '.' '.$SID->SupplierName;
endforeach;
}
echo form_dropdown('UOM', $options,set_value('UOM'),'id="UOM"' ,'class = "form-control required"','required="true"');
?>
<?php
$data = array('name' => 'UOM','value' => set_value('UOM'),'id'=>'UOM', 'class' => 'form-control','readonly' => 'true' );
echo form_input($data);
?>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6">
<label>Quantity</label>
<div class="form-group">
<?php
@ -205,29 +186,7 @@
?>
</div>
</div>
<div class="col-md-12">
<label>Priority</label>
<div>
<?php
$options = array("0"=>'Low / High / Medium');
//print_r( $options);
if(!empty($POType))
{
foreach ($SupplierName as $SID):
$options[$SID->SupplierID] = $SID->SupplierID.' '.' - '.' '.$SID->SupplierName;
endforeach;
}
echo form_dropdown('Priority', $options,set_value('Priority'),'id="Priority"' ,'class = "form-control required"','required="true"');
?>
</div>
</div>
</div>
<div class="modal-footer">
@ -239,8 +198,7 @@
</div>
</div>
<button type="button" class="btn btn-primary">Edit</button>
<button type="button" class="btn btn-primary">Delete</button>
</div><br/>
<thead style="background-color:#fff">
<tr>
@ -249,8 +207,7 @@
<th>Material Name</th>
<th>Uom</th>
<th>Quantity</th>
<th>Priority</th>
<th>Modify</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@ -260,8 +217,8 @@
<td>Waste Sand</td>
<td>Ton</td>
<td>100</td>
<td>High</td>
<td>No Change</td>
<td> <a href="#"><i class="fa fa-pencil"></i>&nbsp;&nbsp;&nbsp;</a>
<a href="#"><i class="fa fa-eye"></i>&nbsp;&nbsp;&nbsp;</a></td>
</tr>
<tr>
<td>2</td>
@ -269,8 +226,8 @@
<td>Resin</td>
<td>Litre</td>
<td>50</td>
<td>High</td>
<td>Change</td>
<td> <a href="#"><i class="fa fa-pencil"></i>&nbsp;&nbsp;&nbsp;</a>
<a href="#"><i class="fa fa-eye"></i>&nbsp;&nbsp;&nbsp;</a></td>
</tr>
<tr>
<td>3</td>
@ -278,8 +235,8 @@
<td>Resin</td>
<td>Litre</td>
<td>100</td>
<td>High</td>
<td>Change</td>
<td> <a href="#"><i class="fa fa-pencil"></i>&nbsp;&nbsp;&nbsp;</a>
<a href="#"><i class="fa fa-eye"></i>&nbsp;&nbsp;&nbsp;</a></td>
</tr>
</tbody>
@ -297,4 +254,20 @@
</div>
</section>
</div>
</div>
<script>
$(function() {
$( ".datePicker" ).datepicker({ dateFormat: 'dd/mm/yy' });
//Initialize Select2 Elements
$(".select2").select2();
});
</script>

View File

@ -12,60 +12,62 @@
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="col-md-4">
<label>Status</label>
<div class="col-md-2">
<label>Requisition Status</label>
<div>
<?php
$options = array("0"=>'Select Status');
$options = array("0"=>'Select Requisition Status');
//print_r( $options);
if(!empty($POType))
if(!empty($Requeststatus))
{
foreach ($SupplierName as $SID):
foreach ($Requeststatus as $SID):
$options[$SID->SupplierID] = $SID->SupplierID.' '.' - '.' '.$SID->SupplierName;
$options[$SID->ConfigValue] = $SID->ConfigValue;
endforeach;
}
echo form_dropdown('SupplierID', $options,set_value('SupplierID'),'id="SupplierID"' ,'class = "form-control required"','required="true"');
echo form_dropdown('RequisitionStatus', $options,set_value('RequisitionStatus'),'id="RequisitionStatus"' ,'class = "form-control required"','required="true"');
?>
</div>
</div>
<div class="col-md-8" style="border:1px solid">
<div class="col-md-6">
<div class="col-md-3">
<label>From Date</label>
<div class="form-group">
<?php
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'FromDate','value' => set_value('FromDate'),'id'=>'FromDate', 'class' => 'form-control datePicker' ,'required' => 'true');
echo form_input($data);
?>
</div>
</div>
<div class="col-md-6">
<div class="col-md-3">
<label>To Date</label>
<div class="form-group">
<?php
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'ToDate','value' => set_value('ToDate'),'id'=>'ToDate', 'class' => 'form-control datePicker' ,'required' => 'true');
echo form_input($data);
?>
</div>
</div>
</div>
<div class="col-md-3">
<label>&nbsp;&nbsp;</label>
<div class="form-group">
<button type="button" class="btn btn-primary">Search</button>&nbsp;<button type="button" class="btn btn-primary">Clear</button></div>
</div>
</div>
</div>
<div class="container-fluid">
<div align="right">
<button type="button" class="btn btn-primary">Search</button>
<button type="button" class="btn btn-primary">Clear</button>
</div><br/>
<br/>
<div class="modal fade" id="myModal" role="dialog">
@ -84,17 +86,17 @@
<label>Request Type</label>
<div class="form-group">
<?php
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'readonly' => 'true');
echo form_input($data);
?>
</div>
</div>
<div class="col-md-4">
<label>Request By</label>
<label>Requested By</label>
<div class="form-group">
<?php
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'readonly' => 'true');
echo form_input($data);
?>
</div>
@ -103,7 +105,7 @@
<label>Desigination</label>
<div class="form-group">
<?php
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'readonly' => 'true');
echo form_input($data);
?>
</div>
@ -115,7 +117,7 @@
<label>Requisition Date</label>
<div class="form-group">
<?php
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'readonly' => 'true');
echo form_input($data);
?>
</div>
@ -125,7 +127,7 @@
<label>Cost Center Name</label>
<div class="form-group">
<?php
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'readonly' => 'true');
echo form_input($data);
?>
</div>
@ -134,7 +136,7 @@
<label>Available Budget Amount</label>
<div class="form-group">
<?php
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'required' => 'true');
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'readonly' => 'true');
echo form_input($data);
?>
</div>
@ -184,9 +186,9 @@
</div>
</div>
<div class="modal-footer">
<label align="left">Remarks</label>
<div class="modal-footer"> <div class="col-md-4"> <label >Remarks :</label></div>
<div class="col-md-8">
<div class="form-group">
<?php
$data = array('name' => 'Quantity','value' => set_value('Quantity'),'id'=>'Quantity', 'class' => 'form-control' ,'required' => 'true');
@ -196,7 +198,7 @@
<button type="button" class="btn btn-default" value="submit">Approve</button>
<button type="reset" class="btn btn-default" value="reset">Reject</button>
<button type="reset" class="btn btn-default" value="reset">Reject</button></div>
</div>
</div>
</form>
@ -223,21 +225,21 @@
<tbody>
<tr>
<td><input type="checkbox" name="name2" />&nbsp;</td>
<td><a data-toggle="modal" data-target="#myModal">1</a></td>
<td><a data-toggle="modal" data-target="#myModal"><u>REQ000001</u></a></td>
<td>2/3/2017</td>
<td>Pending</td>
</tr>
<tr>
<td><input type="checkbox" name="name2" />&nbsp;</td>
<td><a data-toggle="modal" data-target="#myModal">2</a></td>
<td><a data-toggle="modal" data-target="#myModal"><u>REQ000002</u></a></td>
<td>5/4/2017</td>
<td>Pending</td>
</tr>
<tr>
<td><input type="checkbox" name="name2" />&nbsp;</td>
<td><a data-toggle="modal" data-target="#myModal">3</a></td>
<td><a data-toggle="modal" data-target="#myModal"><u>REQ000003</u> </a></td>
<td>9/4/2017</td>
<td>Pending</td>
@ -247,14 +249,26 @@
</table>
<div align="right" style="padding-right:10px">
<button type="button" class="btn btn-primary">Create PO</button>
</div>
<br>
</div>
</div>
</section>
</div>
</div>
<script>
$(function() {
$( ".datePicker" ).datepicker({ dateFormat: 'dd/mm/yy' });
//Initialize Select2 Elements
$(".select2").select2();
});
</script>