EVOLUTION-NINJA

Edit File: add_quality.php

$(document).ready(function () {

var counter = 2;

$("#addButton").click(function () {

if (counter > 20) {
                alert("Only 10 textboxes allow");
                return false;
            }

var newTextBoxDiv = $(document.createElement('div'))
                    .attr("id", 'TextBoxDiv' + counter);

newTextBoxDiv.after().html('<tr><td><select name="stage[]" style="width:150px" class="form-control"><option>Select</option><option value="primary">Primary</option><option value="Secandary">Secandary</option></select></td><td><select name="direction[]" style="width:150px" class="form-control"><option>Select</option><option value="Z">Z</option><option value="S">S</option></select></td><td><input style="width:130px" class="form-control" name="count[]" id="count" type="text"></td></tr>');

newTextBoxDiv.appendTo("#addedRows");

counter++;
        });

$("#removeButton").click(function () {
            if (counter == 1) {
                alert("No more textbox to remove");
                return false;
            }

counter--;

$("#TextBoxDiv" + counter).remove();

});

});
</script>

function showdata()
    {

document.getElementById('yarntypedisplay').innerHTML = document.getElementById('yarntype').value;
        document.getElementById('yarnqualitydisplay').innerHTML = document.getElementById('yarnquality').value;
        document.getElementById('yarndenierdispalay').innerHTML = document.getElementById('yarndenier').value;
        document.getElementById('yarnspecificationsdisplay').innerHTML = document.getElementById('yarnspecifications').value;
        document.getElementById('hanklengthdisplay').innerHTML = document.getElementById('hanklength').value;
        document.getElementById('hankwtdisplay').innerHTML = document.getElementById('hankwt').value;
		 document.getElementById('supplierdisplay').innerHTML = document.getElementById('supplier').value;

var stage = document.getElementsByName("stage[]");
        for (var i = 0; i < stage.length; i++)
        {
            document.getElementById('stagedisplay').innerHTML += stage[i].value + "<br> ";
        }

var direction = document.getElementsByName("direction[]");
        for (var i = 0; i < direction.length; i++)
        {
            document.getElementById('directiondisplay').innerHTML += direction[i].value + "<br/> ";
        }

var count = document.getElementsByName("count[]");
        for (var i = 0; i < count.length; i++)
        {
            document.getElementById('countdisplay').innerHTML += count[i].value + "<br/> ";
        }

}

$(function () {
<?php
foreach ($check_specification as $results) {
    $result[] = $results->yarnSpecification;
}
$existed_specif = array_unique($result);
?>
        var availableTags = <?php echo '["' . implode('", "', $existed_specif) . '"]' ?>;
        $("#yarnspecifications").autocomplete({
            source: availableTags
        });
    });
</script>

<h3 class="page-title">
            Add a new quality 	
        </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/yarn_details'); ?>" > Yarn Master </a></li>
		</ul>
	</div>
        
        
        <div class="portlet box blue-madison">
            <div class="portlet-title">
                <div class="caption">
                    Yarn
                </div>

</div>
            <div class="portlet-body form">
                
                <form action="<?php echo base_url(); ?>dashboard/add_quality" method="post" class="form-horizontal">
                    <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('yarntype'));
                        ?>
                        <div class="row" >
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="control-label col-md-3">Yarn Type :</label>
                                    <div class="col-md-9">
                                        <select name="yarntype" class="form-control" id="yarntype">
                                            <option value="">Select yarn type</option>
                                            <option <?php echo set_select('yarntype', 'Warp'); ?> value="Warp">Warp</option>
                                            <option value="Weft" <?php echo set_select('yarntype', 'Weft'); ?>>Weft</option>
                                        </select>

</div>
                                </div>
                            </div>
                            
                        </div>
                        
<?php
validationfn(form_error('yarnquality'));
?>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="control-label col-md-3">Yarn Quality :</label>
                                    <div class="col-md-9">
                                     
                                  <select id="yarnquality" name="yarnquality" class="form-control" style="width: 96% !important;float:  left;">
                                            <option value="">Select Yarn Quality</option>
                                           <?php foreach($yarn_qua_details as $y) { ?>
											<option value="<?php echo $y->yarn_quality; ?>"><?php echo $y->yarn_quality; ?></option>
											<?php } ?>
                                        </select>
										  <span><a id="addButton" class="btn btn-primary btn-sm addButton" data-toggle='modal' data-target='#myModals'><i class="fa fa-plus"></i></a></span>
                                    </div>
                                </div>
                            </div>

</div>

<?php
validationfn(form_error('yarnname'));
?>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="control-label col-md-3">Yarn Name :</label>
                                    <div class="col-md-9">
                                        <input value="<?php echo set_value('yarnname'); ?>" id="yarnname" onfocusout="myFunction()"  name="yarnname" class="form-control">
                                    </div>
                                </div>
                            </div>

</div>

<?php
validationfn(form_error('yarndenier'));
?>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="control-label col-md-3">Yarn Denier :</label>
                                    <div class="col-md-9">
                                        <input name="yarndenier" id="yarndenier" type="text" class="form-control" value="<?php echo set_value('yarndenier'); ?>">
                                    </div>
                                </div>
                            </div>
                        </div>

<?php
validationfn(form_error('yarnspecifications'));
?>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="control-label col-md-3">Yarn Specification :</label>
                                    <div class="col-md-9">
                                        <input value="<?php echo set_value('yarnspecifications'); ?>" id="yarnspecifications" name="yarnspecifications" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>

<?php
validationfn(form_error('hanklength'));
?>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="control-label col-md-3">Hank Length :</label>
                                    <div class="col-md-9">
                                        <input type="text" name="hanklength" id="hanklength" class="form-control" value="<?php echo set_value('hanklength'); ?>">
                                    </div>
                                </div>
                            </div>
                        </div>

<?php
validationfn(form_error('hankwt'));
?>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="control-label col-md-3">Hank Wt. :</label>
                                    <div class="col-md-9">
                                        <input type="text" name="hankwt" id="hankwt" class="form-control" value="<?php echo set_value('hankwt'); ?>">
                                    </div>
                                </div>
                            </div>
                        </div>
						
						 <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="control-label col-md-3">Supplier :</label>
                                    <div class="col-md-9">
                                        <input type="text" name="supplier" id="supplier" class="form-control" value="<?php echo set_value('supplier'); ?>">
                                    </div>
                                </div>
                            </div>
                        </div>

<div class="portlet-body">
                                                        <a id="addButton" class="btn blue addButton">Add New Data <i class="fa fa-plus"></i></a>
                                                        <a id="removeButton" class="btn red addButton">Remove Data <i class="fa fa-minus"></i></a>

<tr>
                                                                    <th>
                                                                        Stage
                                                                    </th>
                                                                    <th>
                                                                        Direction
                                                                    </th>
                                                                    <th >
                                                                        Count
                                                                    </th>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <select name="stage[]" style="width:150px" class="form-control">
                                                                            <option value="">Select</option>
                                                                            <option value="Primary">Primary</option>
                                                                            <option value="Secandary">Secandary</option>

</select>
                                                                    </td>
                                                                    <td>
                                                                        <select name="direction[]" style="width:150px" class="form-control">
                                                                            <option value="">Select</option>
                                                                            <option value="Z">Z</option>
                                                                            <option value="S">S</option>

</select>

</td>
                                                                    <td>
                                                                        <input style="width:130px" class="form-control" name="count[]" id="count" type="text">
                                                                    </td>

</tr>

</tbody>
                                                            </table>
                                                            <table class="table table-striped table-bordered table-hover">
                                                                <tbody id="addedRows">

</table>
                                                            <div></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

</div>

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

<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;">Submit</a>

<a href="<?php echo base_url(); ?>planning/yarn_details" class="btn default" style=" width:20%;">Cancel</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                            </div>
                        </div>
                    </div>

</div>
        </div>

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

<h3 class="page-title">
                        Add a new quality 	
                    </h3><br>
                    
                    <form action="<?php echo base_url(); ?>dashboard/add_quality" method="post" class="form-horizontal">
                        <div class="form-body" style="margin:0 auto;">
                            <a class="close-reveal-modal">&#215;</a>
                            <br>
                            <div class="row" >
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label class="control-label col-md-6">Yarn Type :</label>
                                        <div class="col-md-6">
                                            <span id="yarntypedisplay"></span><br>

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

<div class="row">
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label class="control-label col-md-6">Yarn Quality :</label>
                                        <div class="col-md-6">
                                            <span id="yarnqualitydisplay"></span>
                                             <span><a id="addButton" class="btn btn-primary btn-sm addButton" data-toggle='modal' data-target='#myModals'><i class="fa fa-plus"></i></a></span><br>
                                        </div>
                                    </div>
                                </div>

</div>

<div class="row">
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label class="control-label col-md-6">Yarn Denier :</label>
                                        <div class="col-md-6">
                                            <span id="yarndenierdispalay"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>

<div class="row">
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label class="control-label col-md-6">Yarn Specification :</label>
                                        <div class="col-md-6">
                                            <span id="yarnspecificationsdisplay"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>

<div class="row">
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label class="control-label col-md-6">Hank Length :</label>
                                        <div class="col-md-6">
                                            <span id="hanklengthdisplay"></span><br>

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

</div>
                                    </div>
                                </div>
                            </div>
							
							   <div class="row">
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label class="control-label col-md-6">Supplier :</label>
                                        <div class="col-md-6">
                                            <span id="supplierdisplay"></span><br>

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

<h3>TPM Details</h3>

<!-- <div class="row">
                                    <div class="col-md-8">
                                            <div class="form-group">
                                                    <label class="control-label col-md-6">Stage :</label>
                                                    <div class="col-md-6">
                                                    <span id="stagedisplay"></span><br>
                                                            
                                                    </div>
                                            </div>
                                    </div>
                            </div>
                            
                            
                            <div class="row">
                                    <div class="col-md-8">
                                            <div class="form-group">
                                                    <label class="control-label col-md-6">Direction :</label>
                                                    <div class="col-md-6">
                                                    <span id="directiondisplay"></span><br>
                                                            
                                                    </div>
                                            </div>
                                    </div>
                            </div>

<div class="row">
                                    <div class="col-md-8">
                                            <div class="form-group">
                                                    <label class="control-label col-md-6">Count :</label>
                                                    <div class="col-md-6">
                                                    <span id="countdisplay"></span><br>
                                                            
                                                    </div>
                                            </div>
                                    </div>
                            </div>-->

<tr>
                                    <th>
                                        Stage
                                    </th>
                                    <th>
                                        Direction
                                    </th>
                                    <th >
                                        Count
                                    </th>
                                </tr>
                                <tr>
                                    <td>
                                        <span id="stagedisplay"></span>
                                    </td>
                                    <td>
                                        <span id="directiondisplay"></span>

</td>
                                    <td>
                                        <span id="countdisplay"></span>
                                    </td>

</tr>

</tbody>
                            </table>
                            <table class="table table-striped table-bordered table-hover">
                                <tbody id="addedRows">

</table>

<a href="<?php echo base_url(); ?>dashboard/add_quality" class="btn default" style=" width:20%;">Cancel  </a>

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

</div>

</form>
                    
                </div>

</div>
        </div>
    </span>

</div>

<div id="myModals" class="modal fade" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Add Yarn Name</h4>
            </div>
            <div class="modal-body">
			<div class="row">
			
			<div class="col-md-12">
					<div class="form-group">
						 <label class="control-label col-md-3">Yarn Quality :</label>
						<div class="col-md-7">
						
						<input type="text" id="add_yarn_names" class="" style="font-size: 14px;
    font-weight: normal;
    color: #333;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 80%;">
						
						
						</div>
					</div>
				</div>
				<br/>
				
				
			</div> 
								
			 </div>
            <div class="modal-footer">
               
                <button type="button"  onclick="mymodal_design_details()" class="btn btn-primary">Submit</button>
            </div>
        </div>
        
    </div>
    
</div>

type:"POST",
           
				data:{'yarnname':add_yarn_names},

async:false,

success:function(data)
				 {
					  var obj = jQuery.parseJSON(data);
swal({
	 title: "Added Sucessfully",
	  text: "",
	 
	});
	var content = '';
	content += '<option value='+add_yarn_names+'>'+add_yarn_names+'</option>'
	 $('#yarnquality').append(content);
	 $('#add_yarn_names').val('');
	 $('#myModals').modal('toggle');
	 
				 }

});
}
function myFunctions()
{
	//alert();
	var yarnname = document.getElementById('yarnname').value;
	$.ajax({
	url:"<?php echo base_url('planning/search_by_yarn')?>",
	dataType: "json",
		 data:{'yarnname':yarnname},
		 
	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('yarnname').value=obj.fabricType;	
	}
	else
	{
		alert('This Yarn Name is already exist.');
		  window.location.reload();
	  
	}
	
}
});
}
</script>