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> <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;} .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> </style>
@ -7,7 +8,7 @@
<section class="content"> <section class="content">
<div> <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="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
@ -15,20 +16,20 @@
<label>Request Type</label> <label>Request Type</label>
<div> <div>
<?php <?php
$options = array("0"=>'Select Request Type'); $options = array("-1"=>'Select Request Type');
//print_r( $options); //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; 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> <label>Requested By</label>
<div> <div>
<?php <?php
$options = array("0"=>'Select Request By'); $options = array("-1"=>'Select Requested By');
//print_r( $options); //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; 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> <label>Department Name</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
@ -71,40 +72,32 @@
<label>Designation</label> <label>Designation</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-12"> <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"> <div class="col-md-3">
<label>Cost Center Name</label> <label>Cost Center Name</label>
<div> <div>
<?php <?php
$options = array("0"=>'Cost Center Name'); $options = array("-1"=>'Select Cost Center Name');
//print_r( $options); //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; 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> <label>Available Budget Amount</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
@ -142,61 +135,49 @@
</div> </div>
<div align="left"> <div align="left">
<div class="col-md-12"> <div class="col-md-6">
<label>Material Code</label> <label>Material Code</label>
<div > <div >
<?php <?php
$options = array("0"=>'Material Code'); $options = array("0"=>'Material Code');
//print_r( $options); //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; 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> </div>
<div class="col-md-12"> <div class="col-md-6">
<label>Description</label> <label>Description</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
</div> </div>
<div class="col-md-12"> <div class="col-md-6">
<label>UOM</label> <label>UOM</label>
<div> <div>
<?php <?php
$options = array("0"=>'UOM'); $data = array('name' => 'UOM','value' => set_value('UOM'),'id'=>'UOM', 'class' => 'form-control','readonly' => 'true' );
//print_r( $options); echo form_input($data);
?>
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"');
?>
</div> </div>
</div> </div>
<div class="col-md-12"> <div class="col-md-6">
<label>Quantity</label> <label>Quantity</label>
<div class="form-group"> <div class="form-group">
<?php <?php
@ -205,29 +186,7 @@
?> ?>
</div> </div>
</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>
<div class="modal-footer"> <div class="modal-footer">
@ -239,8 +198,7 @@
</div> </div>
</div> </div>
<button type="button" class="btn btn-primary">Edit</button>
<button type="button" class="btn btn-primary">Delete</button>
</div><br/> </div><br/>
<thead style="background-color:#fff"> <thead style="background-color:#fff">
<tr> <tr>
@ -249,8 +207,7 @@
<th>Material Name</th> <th>Material Name</th>
<th>Uom</th> <th>Uom</th>
<th>Quantity</th> <th>Quantity</th>
<th>Priority</th> <th>Action</th>
<th>Modify</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -260,8 +217,8 @@
<td>Waste Sand</td> <td>Waste Sand</td>
<td>Ton</td> <td>Ton</td>
<td>100</td> <td>100</td>
<td>High</td> <td> <a href="#"><i class="fa fa-pencil"></i>&nbsp;&nbsp;&nbsp;</a>
<td>No Change</td> <a href="#"><i class="fa fa-eye"></i>&nbsp;&nbsp;&nbsp;</a></td>
</tr> </tr>
<tr> <tr>
<td>2</td> <td>2</td>
@ -269,8 +226,8 @@
<td>Resin</td> <td>Resin</td>
<td>Litre</td> <td>Litre</td>
<td>50</td> <td>50</td>
<td>High</td> <td> <a href="#"><i class="fa fa-pencil"></i>&nbsp;&nbsp;&nbsp;</a>
<td>Change</td> <a href="#"><i class="fa fa-eye"></i>&nbsp;&nbsp;&nbsp;</a></td>
</tr> </tr>
<tr> <tr>
<td>3</td> <td>3</td>
@ -278,8 +235,8 @@
<td>Resin</td> <td>Resin</td>
<td>Litre</td> <td>Litre</td>
<td>100</td> <td>100</td>
<td>High</td> <td> <a href="#"><i class="fa fa-pencil"></i>&nbsp;&nbsp;&nbsp;</a>
<td>Change</td> <a href="#"><i class="fa fa-eye"></i>&nbsp;&nbsp;&nbsp;</a></td>
</tr> </tr>
</tbody> </tbody>
@ -297,4 +254,20 @@
</div> </div>
</section> </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="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="col-md-4"> <div class="col-md-2">
<label>Status</label> <label>Requisition Status</label>
<div> <div>
<?php <?php
$options = array("0"=>'Select Status'); $options = array("0"=>'Select Requisition Status');
//print_r( $options); //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; 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> </div>
<div class="col-md-8" style="border:1px solid">
<div class="col-md-6"> <div class="col-md-3">
<label>From Date</label> <label>From Date</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-3">
<label>To Date</label> <label>To Date</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
</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>
</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> <br/>
</div><br/>
<div class="modal fade" id="myModal" role="dialog"> <div class="modal fade" id="myModal" role="dialog">
@ -84,17 +86,17 @@
<label>Request Type</label> <label>Request Type</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<label>Request By</label> <label>Requested By</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
@ -103,7 +105,7 @@
<label>Desigination</label> <label>Desigination</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
@ -115,7 +117,7 @@
<label>Requisition Date</label> <label>Requisition Date</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
@ -125,7 +127,7 @@
<label>Cost Center Name</label> <label>Cost Center Name</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
@ -134,7 +136,7 @@
<label>Available Budget Amount</label> <label>Available Budget Amount</label>
<div class="form-group"> <div class="form-group">
<?php <?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); echo form_input($data);
?> ?>
</div> </div>
@ -184,9 +186,9 @@
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer"> <div class="col-md-4"> <label >Remarks :</label></div>
<div class="col-md-8">
<label align="left">Remarks</label>
<div class="form-group"> <div class="form-group">
<?php <?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' ,'required' => 'true');
@ -196,7 +198,7 @@
<button type="button" class="btn btn-default" value="submit">Approve</button> <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>
</div> </div>
</form> </form>
@ -223,21 +225,21 @@
<tbody> <tbody>
<tr> <tr>
<td><input type="checkbox" name="name2" />&nbsp;</td> <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>2/3/2017</td>
<td>Pending</td> <td>Pending</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" name="name2" />&nbsp;</td> <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>5/4/2017</td>
<td>Pending</td> <td>Pending</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" name="name2" />&nbsp;</td> <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>9/4/2017</td>
<td>Pending</td> <td>Pending</td>
@ -247,14 +249,26 @@
</table> </table>
<div align="right" style="padding-right:10px">
<button type="button" class="btn btn-primary">Create PO</button>
</div>
<br> <br>
</div> </div>
</div> </div>
</section> </section>
</div> </div>
<script>
$(function() {
$( ".datePicker" ).datepicker({ dateFormat: 'dd/mm/yy' });
//Initialize Select2 Elements
$(".select2").select2();
});
</script>