EVOLUTION-NINJA

Edit File: add_shade_master.php

<?php //print_r($shadeName);exit;?>

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>

function showUser(str) {
	//alert(str);
	
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else {

$.ajax({
    		  type:"post",
    		  url:"<?php echo base_url(); ?>planning/test",
    		  data:"q="+str,
    		  success:function(data) { 
    		  document.getElementById("txtHint").innerHTML=data;
    		  }
    		  });	
    	
       
    }
}
</script>

<?php  //include("menu.php"); ?>

if(document.getElementById("warpfinaldenier"+str).value!="" && document.getElementById("noofends"+str).value!="")
{
one1=(noofends*warpfinaldenier/9000)/1000*0.15;
finalresult=one1+((noofends*warpfinaldenier/9000)/1000);
document.getElementById("korawt"+str).value=finalresult.toFixed(4);
}
warptotal_ends();
}
//display "Warp Total Ends" based on "no of ends" in grid warp.
function warptotal_ends()
{
var noofends=document.getElementsByName("noofends[]");
var category=0;
for(var i=0;i<noofends.length;i++)
{
	if(noofends[i].value!="")
	{
category+= parseInt(noofends[i].value);
	}
}
document.getElementById("warptotalends").value=category;

}

function displayhanks(str)
{
var noofends=parseInt(document.getElementById("noofends"+str).value);//e9
finalresult=((noofends*1.1)/42000*0.05)+(noofends*1.1/42000);
document.getElementById("hanks"+str).value=finalresult.toFixed(4);
}

function displaykorawtweft(str)
{ 
var weftfinaldenier=parseInt(document.getElementById("weftfinaldenier"+str).value);//d9
var ppc=parseInt(document.getElementById("ppc"+str).value);//e9

if(weftfinaldenier!="" && ppc!="")
{
document.getElementById("korawtweft"+str).value=(ppc*100*weftfinaldenier*1.4/9000/1000*0.08+(ppc*100*weftfinaldenier*1.4/9000/1000)).toFixed(4);
}
}
</script>
<script>
function displayarticledata(str)
{
if(str=="Plain" || str=="Checks" || str=="Stripes")
{
document.getElementById("article_no_design").style.display="block";
document.getElementById("plain_tbl").style.display="none";	
document.getElementById("txtHint").style.display="block";
document.getElementById("existingshadediv").style.display="none";
//$(".holddata").css({display: "inline-block"});
//$( ".holddata" ).show();

}
/*else if(str=="Plain")
{
document.getElementById("article_no_design").style.display="none";
document.getElementById("plain_tbl").style.display="block";
document.getElementById("txtHint").style.display="none";
document.getElementById("existingshadediv").style.display="none";
//$(".holddata").css({display: "none"});
//$( ".holddata" ).hide();
}*/
}

</script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/reCopy.min.js"></script>
<script type="text/javascript">
$(function(){
  var removeLink = ' <a class="remove" href="#" onclick="$(this).parent().slideUp(function(){ $(this).remove() }); return false">remove</a>';
$('a.add').relCopy({ append: removeLink});	
});
</script>
 <div class="page-content-wrapper">
		<div class="page-content">
			
			
			<h3 class="page-title">
			Add Shade Master 
			</h3>
			
			
			<?php // echo $this->load->view('templates/nav_menu');  ?>
				<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('planning/planning_shade_details'); ?>" > Shade Master </a></li>
		</ul>
	</div>
			<?php //print_r($warp_denier);?>
			
			
			<div class="portlet box blue-madison">
									<div class="portlet-title">
										<div class="caption">
											Shade Master
										</div>
										
									</div> 
									<div class="portlet-body form">
										
										<form action="<?php echo base_url(); ?>planning/add_shade_master" method="post" class="form-horizontal" enctype="multipart/form-data">
											<div class="form-body" style="margin:0 auto;">
												<br>
												<?php 
	                                            //echo validation_errors('<p style="background-color:#f2dede;color:#a94442;width:65%" class="error alert alert-dangers"><button class="close" data-close="alert"></button>');
	                                            ?>
												 <?php 
												  validationfn(form_error('shadetype'));
												  ?>
												<div class="row" >
													<div class="col-md-8">
														<div class="form-group1">
															<label class="control-label col-md-3">Type :</label>
															<div class="col-md-9">
																<select onchange="displayarticledata(this.value)" name="shadetype" class="form-control">
																<option value="">Select shade type</option>
																	<option <?php echo set_select('shadetype', 'Plain'); ?> value="Plain">Plain</option>
																	<option value="Checks" <?php echo set_select('shadetype', 'Checks'); ?>>Checks</option>
																	<option value="Stripes" <?php echo set_select('shadetype', 'Stripes'); ?>>Stripes</option>
																</select>
																
															</div>
														</div>
													</div>
													
												</div>
												
												
												
                                               <div class="row">
			  
			  
			
			  
	
               
              </div>
			  
			   <?php 
												  validationfn(form_error('ShadeName'));
												  ?>
                                                <div class="row">
													<div class="col-md-8">
														<div class="form-group">
															<label class="control-label col-md-3">Shade Name  :</label>
															<div class="col-md-9">
															<input value="<?php echo set_value('ShadeName'); ?>" name="ShadeName" onfocusout="myFunction()" id="ShadeName" type="text" class="form-control" placeholder="">
															
																
															</div>
														</div>
													</div>
												</div>
			  <div style="display:none" id="article_no_design">
												  <?php 
												  validationfn(form_error('ArticleNo'));
												  ?>
                                                <div class="row" >
													<div class="col-md-8">
														<div class="form-group">
															<label class="control-label col-md-3">Article No :</label>
															<div class="col-md-9">
															
																<select onchange="showUser(this.value),displaydesignshade(this.value),displaydata(this.value)" name="ArticleNo" class="form-control" style="width:100%;"><option value="1">Select</option>
																		<?php
																foreach($article_num as $art_num)
																{
																?>
																<option value="<?php echo $art_num->articleID; ?>" <?php echo set_select('wrapQty', $art_num->articleNo); ?>><?php echo $art_num->articleNo; ?></option>
																<?php }?>
																</select>
																
															</div>
														</div>
													</div>
													
												</div>
												 <?php 
												  validationfn(form_error('Design'));
												  ?>
                                                <div class="row">
													<div class="col-md-8">
														<div class="form-group">
															<label class="control-label col-md-3">Weave  :</label>
															<div class="col-md-9">
															<input readonly type="text" name="Design" id="Design" class="form-control" value="<?php echo set_value('Design'); ?>">
															
																
															</div>
														</div>
													</div>
												</div>
												<div class="row">
													<div class="col-md-8">
												  <div class="form-group">
													<label class="control-label col-md-3">Design:</label>
													<div class="col-md-9">
							
														<select name="dbdesign" id="dbdesign"
															class="form-control" style="height: 30px;width:100%;"
															onchange="getDesignAndQuality(this.value);">
															<option value="1">Select</option>
															<option value="">None</option>
														<?php
														foreach ($designdata as $designdata) {
															
																				    echo '<option value="' . $designdata->designmp . '" ';
																				    if(isset($_POST['designmp'])&&($_POST['designmp'] == $designdata->designmp))
																				        echo ' selected="selected" ';     
																				    echo '>';
																				    echo $designdata->designmp . '</option>';
																				}
														?>
							                              </select>
													</div>
												</div>
												</div>
												</div>
							                <?php validationfn(form_error('dbdesign')); ?>
							                <?php  validationfn(form_error('Quality'));
												  ?>
                                                <div class="row">
													<div class="col-md-8">
														<div class="form-group">
															<label class="control-label col-md-3">Quality :</label>
															<div class="col-md-9">
																<input readonly type="text" name="Quality" id="Quality" class="form-control" value="<?php echo set_value('Quality'); ?>">
															</div>
														</div>
													</div>
												</div>
												
												
												<div class="row">
													<div class="col-md-8">
												  <div class="form-group">
													<label class="control-label col-md-3">Process Flow:</label>
													<div class="col-md-9">
							
														<select name="fabricType" id="fabricType"
														onchange="fabricdescription(this.value)",
															class="form-control" style="height: 30px;width:100%;">
															<option value="1">Select</option>
															<option value="">None</option>
														<?php
														foreach ($getresult as $getresult) {
															
																				    echo '<option value="' . $getresult->fabricType . '" ';
																				    if(isset($_POST['fabricType'])&&($_POST['fabricType'] == $getresult->fabricType))
																				        echo ' selected="selected" ';     
																				    echo '>';
																				    echo $getresult->fabricType . '</option>';
																				}
														?>
							                              </select>
													</div>
												</div>
												</div>
												</div>
							                <?php validationfn(form_error('fabricType')); ?>
												
												
												   <?php  validationfn(form_error('fabricDescription'));
												  ?>
                                                <div class="row">
													<div class="col-md-8">
														<div class="form-group">
															<label class="control-label col-md-3">Process Description :</label>
															<div class="col-md-9">
																<input readonly type="text" name="fabricDescription" id="fabricDescription" class="form-control" value="<?php echo set_value('fabricDescription'); ?>">
															</div>
														</div>
													</div>
												</div>
												
												
												
												 <?php 
												//  validationfn(form_error('ExistingShade'));
												  ?>
												<div class="row">
													<div class="col-md-8">
														<div class="form-group">
															<label class="control-label col-md-3">Image :</label>
															<div class="col-md-9">
															<input type="file" name="image" id="image" style="height: 30px;"  accept="image/*" />
																
															</div>
														</div>
													</div>
												</div> </div>
                            
												<br>											</div>
											
										
											
					
						
					     <div class="row" style="display:none" id="plain_tbl" >
                 	<div class="col-md-12">
                 		<div class="portlet box blue">
						<div class="portlet-title">
							<div class="caption">
								WARP
							</div>
							
						</div>
						<div class="portlet-body">
						<a class="add" rel=".clone" class="btn blue addButton">Add New Data <i class="fa fa-plus"></i></a>
						
						
							
							<div class="table-scrollable" >
							
							 <table  class="holddata table table-striped table-bordered table-hover" id="">
								<thead>
								<tr>
								<th scope="col" style="">
										Warp Color
									</th>
									<th scope="col" style="">
										 Warp Code
									</th>
									
									
									<th style="background-color:#CCCCCC"></th>
									<th scope="col" style="">
										Weft Color
									</th>
									<th scope="col" style="">
										 Weft Code
									</th>
									
									
								</tr>
								</thead>
								<tbody>
								<tr class="clone">
								
								
								
								
								
								<td><select name="warpcolor1[]"><option value="">Select</option>
								<?php foreach($color as $val)
								{?>
								<option value="<?php echo $val->color;?>"><?php echo $val->color;?></option>
								<?php } ?>
								</td>
								
								
								<td>
								<input  style="width:130px" onkeyup="" class="form-control" name="warpcode1[]" id="warpcode" type="text">
								</td>
								
								<th style="background-color:#CCCCCC"></th>
								
								
								
								<td><select name="weftcolor1[]"><option value="">Select</option>
								<?php foreach($color as $val)
								{?>
								<option value="<?php echo $val->color;?>"><?php echo $val->color;?></option>
								<?php } ?>
								</td>
								
								<td>
								<input  style="width:130px" onkeyup="" class="form-control" name="weftcode1[]" id="weftcode" type="text">
								</td>
								
								
								</tr>
							
								</tbody>
								</table>
								
								</div>
						</div>
					</div>
                 	</div>
                 	
                 	
                 </div>

<div id="txtHint"></div>
					<div id="existingshadediv"></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">
															<input type="submit" name="submitshademaster" value="Add Shade Master" class="btn" style=" width:50%; color:#FFFFFF; background:#485b7f;">
															<a href="<?php echo base_url(); ?>planning/planning_shade_details" class="btn default" style=" width:20%;">Cancel</a>
															</div>
														</div>
													</div>
													<div class="col-md-6">
													</div>
												</div>
											</div>

</form>
										
									</div>
								</div>
			
			
			
	</div>
</div>
</div>

<script>
function myFunction()
{
	//alert();
	var ShadeName = document.getElementById('ShadeName').value;
	$.ajax({
	url:"<?php echo base_url('planning/search_by_shade')?>",
	dataType: "json",
		 data:{'ShadeName':ShadeName},
		 
	type:"POST",
		  async:true,
	success:function(data)
	  {   
	// alert('hai');
	//alert('This Fabric Type is already exist.');
		//  window.location.reload();
			if(data=="")
	{
		var obj=JSON.parse(data);
		document.getElementById('articleNo').value=obj.fabricType;	
	}
	else
	{
		alert('This Shade Name Number is already exist.');
		  window.location.reload();
	  
	}
	
}
});
}
                        </script>
                        
                        <script>
                        $(document).ready(function () {
                            // Apply Select2 to the Article No dropdown
                            $('select[name="ArticleNo"]').select2({
                                placeholder: 'Select',
                                allowClear: true,
                                minimumResultsForSearch: 5 // You can adjust this number based on your preference
                            });
                        });
                    </script>
                    <script>
    $(document).ready(function () {
        // Apply Select2 to your dropdown
        $('select').select2({
            placeholder: 'Select',
            allowClear: true,
            minimumResultsForSearch: 1 // Set to 1 to enable search bar
        });
    });
</script>

<style>
@media only screen and (min-width:320px) and (max-width:640px){
	.portlet.box > .portlet-body {
		overflow-x: auto;
	}
}
</style>