EVOLUTION-NINJA
Edit File: edit_product_details.php
<script> function showdata() { var type=document.getElementById('type').value; var code=document.getElementById('fabricCode').value; var fabricType=document.getElementById('fabricType').value; if(type==""||code==""||fabricType=="") { alert("Please fill all the fields"); } else { document.getElementById('typeDisplay').innerHTML=document.getElementById('type').value; document.getElementById('fabricCodeDisplay').innerHTML=document.getElementById('fabricCode').value; document.getElementById('fabricTypeDisplay').innerHTML=document.getElementById('fabricType').value; $('.doc_main').show(); $('#myModal').show(); } } </script> <style> .doc_main{ display:none; } </style> <!-- BEGIN CONTENT --> <div class="page-content-wrapper"> <div class="page-content"> <!-- BEGIN PAGE HEADER--> <h3 class="page-title"> Edit Product Master </h3> <div class="page-bar"> <ul class="page-breadcrumb"> <li><i class="fa fa-home"></i> <a href="<?php echo base_url();?>dashboard/dashboard_fun">Home</a> <i class="fa fa-angle-right"></i> <a href="<?php echo base_url('marketing/product_details'); ?>" > Product Type Master </a></li> </ul> </div> <!-- END PAGE HEADER--> <!-- BEGIN DASHBOARD STATS --> <div class="portlet box blue-madison"> <div class="portlet-title"> <div class="caption"> Edit Product </div> </div> <div class="portlet-body form"> <!-- BEGIN FORM--> <?php ?> <form method="post" action="<?php echo base_url(); ?>marketing/update_product"> <div class="form-body"> <?php validationfn(form_error('type')); ?> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Type :</label> <div class="col-md-9"> <select name="type" id="type" class="form-control"> <?php if($result->type == FABRIC) { ?> <option value="<?php echo $result->type; ?>"><?php echo $result->type; ?></option> <option value="MADEUPS">MADEUPS</option> <?php } elseif($result->type == MADEUPS) { ?> <option value="<?php echo $result->type; ?>"><?php echo $result->type; ?></option> <option value="FABRIC">FABRIC</option> <?php } else { ?> <option value="">Select</option> <option value="FABRIC">FABRIC</option> <option value="MADEUPS">MADEUPS</option> <?php } ?> </select><br> </div> </div> </div> <!--/span--> </div> <?php validationfn(form_error('fabricCode')); ?> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Product Code :</label> <div class="col-md-9"> <?php $query=$this->db->query('SELECT * FROM product_master'); $invoiceno=$query->num_rows()+1; $invID = str_pad($invoiceno, 1, '0', STR_PAD_LEFT); ?> <input readonly name="fabricCode" id="fabricCode" value="<?php echo $result->fabricCode; ?>" type="text" class="form-control"> <br> </div> </div> </div> <!--/span--> </div> <?php validationfn(form_error('fabricType')); ?> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Product Type :</label> <div class="col-md-9"> <input type="fabricType" id="fabricType" name="fabricType" class="form-control" value="<?php echo $result->fabricType; ?>"><br> <input type="hidden" id="id" name="id" class="form-control" value="<?php echo $result->productID; ?>"><br> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">NO OF SIDES :</label> <div class="col-md-9"> <select id="sides" name="sides" class="form-control"> <?php if($result->sides == ''){ ?> <option value = ''>select the sides</option> <option value = '1'>1</option> <option value = '2'>2</option> <?php } else if($result->sides == '1'){ ?> <option value = '1'>1</option> <option value = '2'>2</option> <?php } else if($result->sides == '2'){ ?> <option value = '1'>1</option> <option value = '2' selected>2</option> <?php } ?> </seclect> <br> </div> </div> </div> </div> <div class="form-actions"> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-offset-3 col-md-9"> <a href="#" data-reveal-id="myModal" class="btn default manag" data-animation="fade" style=" width:20%;" onclick="showdata()" style=" width:30%; color:#FFFFFF; background:#485b7f;">Update</a> <a href="<?php echo base_url(); ?>marketing/product_details" class="btn default" style=" width:20%;">Cancel</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- END DASHBOARD STATS --> </div> </div> </div> <!-- End BEGIN CONTAINER --> <!-- BEGIN FOOTER --> <!--Display content in new popup.. --> <div class="doc_main"><span class="doc_content"> <div class="manag"> <div id="myModal" style="height:250px" class="reveal-modal"> <div class="form-body"> <a class="close-reveal-modal">×</a> <h3 class="page-title"> Product Master </h3> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-6 col-xs-5">Type:</label> <div class="col-md-6 col-xs-7"> <span id="typeDisplay"></span><br> </div> </div> </div> <!--/span--> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-6 col-xs-5">Fabric Code:</label> <div class="col-md-6 col-xs-7"> <span id="fabricCodeDisplay"></span><br> </div> </div> </div> <!--/span--> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-6 col-xs-5">Fabric Type:</label> <div class="col-md-6 col-xs-7"> <span id="fabricTypeDisplay"></span><br> </div> </div> </div> </div> <div class="form-actions"> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-offset-6 col-md-6"> <br><input type="submit" name="submitproduct" value="Update" class="btn" style="color:#FFFFFF; background:#485b7f;"> <a href="<?php echo base_url(); ?>marketing/add_product" class="btn default" style="color:#FFFFFF; background:#485b7f;">Cancel</a> </div> </div> </div> </div> </div> </div> </div> </span> </div> </form> <!-- END FORM--> <div class="doc_main"></div> <!-- End BEGIN CONTAINER --> <!-- BEGIN FOOTER --> <style> .reveal-modal { left: 46% !important; width: 50% !important; top: 100px !important; } </style> <style> @media only screen and (min-width: 320px) and (max-width: 640px) { .reveal-modal { top:200 !important; left: 86% !important; width: 94% !important; height:250px !important; //height:auto !important; //margin-bottom:20px; } } </style>