EVOLUTION-NINJA
Edit File: add_customer_asset.php
<?php $this->load->view('includes/admin_header');?> <link rel="stylesheet" href="<?php echo base_url('admin_assets/toastr/toastr.min.css');?>"> <script src="<?php echo base_url('admin_assets/toastr/toastr.min.js');?>"></script> <div class="page-content"> <form class="form-inline customer_asset"> <div class="row"> <div class="col-xs-12"> <!-- PAGE CONTENT BEGINS --> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-12 col-md-2"> <span style="font-size:21px;">Customer Assets</span> </div> <div class="col-sm-7"></div> </div> <div class="row"> <div class=" col-sm-12 col-md-6"> <label class="col-sm-4">Client Name<span style="color:red" >*</span></label> <div class="col-sm-8 yes_form"> <select type="text" name="customer_name[]" pattern="[a-zA-Z][a-zA-Z0-9\s]*" class="form-control"> <option value="Abhishek">Abhishek</option> <option value="Vivek">Vivek</option> <option value="Rashvitha">Rashvitha</option> <option value="Mythili">Mythili</option> </select> </div> </div> <div class="col-sm-12 col-md-6"> <label class="col-sm-4">Domain Name<span style="color:red" >*</span></label> <div class="col-sm-8 yes_form"> <select type="text" name="domain_name[]" class="form-control" required> <?php foreach($asset as $key => $value) { ?> <option value="<?php echo $value->assets_id; ?>"><?php echo $value->domain_name; ?></option> <?php } ?> </select> </div> </div> </div> <div class="row"> <div class=" col-sm-12 col-md-6"> <label class="col-sm-4">Website<span style="color:red" >*</span></label> <div class="col-sm-8 yes_form"> <select type="text" name="website[]" pattern="[a-zA-Z][a-zA-Z0-9\s]*" class="form-control"> <?php foreach($website as $key => $value) { ?> <option value="<?php echo $value->website; ?>"><?php echo $value->website; ?></option> <?php } ?> </select> </div> </div> <div class="col-sm-12 col-md-6"> <label class="col-sm-4">Service Type<span style="color:red" >*</span></label> <div class="col-sm-8 yes_form"> <select type="text" name="service_type[]" class="form-control" required> <?php foreach ($service as $key => $value) { ?> <option value="<?php echo $value->service_id; ?>"><?php echo $value->service_name; ?></option> <?php } ?> </select> </div> </div> </div> <div class="new_div"></div> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <button type="submit" class="btn btn-sm add_more">Add</button> </div> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-10"></div> <div class="col-sm-2"> <button type="submit" class="btn btn-sm lead_submit">Save</button> <a href="<?php echo site_url('lead-list'); ?>"><button type="button" class="btn btn-sm">Cancel</button></a> </div> </div> </div> <!-- PAGE CONTENT ENDS --> </div><!-- /.col --> </form> </div><!-- /.row --> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <!-- basic scripts --> <!--[if !IE]> --> <!-- <script src="<?php echo base_url('admin_assets/assets/js/jquery-2.1.4.min.js');?>"></script> --> <!-- <![endif]--> <!--[if IE]> <script src="assets/js/jquery-1.11.3.min.js"></script> <![endif]--> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>"); </script> <!-- <script src="<?php echo base_url('admin_assets/assets/js/bootstrap.min.js');?>"></script> --> <!-- page specific plugin scripts --> <!-- ace scripts --> <script src="<?php echo base_url('admin_assets/assets/js/ace-elements.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/ace.min.js');?>"></script> <!-- inline scripts related to this page --> </body> </html> <style type="text/css"> .yes_form input{ width:100% !important; border:none !important; border-bottom:1px solid gray !important; margin-bottom:5%; } .yes_form select{ width:100% !important; border:none !important; border-bottom:1px solid gray !important; margin-bottom:5%; } .yes_form textarea{ width:100% !important; border:none !important; border-bottom:1px solid gray !important; margin-bottom:5%; }</style> <script type="text/javascript"> $(document).ready(function(){ $('.add_more').click(function(e){ e.preventDefault(); var content=''; content+='<div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;">'; content+='<div class="col-sm-12 col-md-2">'; content+='<span style="font-size:21px;">Customer Assets</span>'; content+='</div>'; content+='<div class="col-sm-7"></div>'; content+='</div>'; content+='<div class="row">'; content+='<div class=" col-sm-12 col-md-6">'; content+='<label class="col-sm-4">Customer Name<span style="color:red" >*</span></label>'; content+='<div class="col-sm-8 yes_form">'; content+='<select type="text" name="customer_name[]" pattern="[a-zA-Z][a-zA-Z0-9\s]*" class="form-control">'; content+='<option value="1">Abhishek</option>'; content+='<option value="2">Vivek</option>'; content+='<option value="3">Rashvitha</option>'; content+='<option value="4">Mythili</option>'; content+='</select>'; content+='</div>'; content+='</div>'; content+='<div class="col-sm-12 col-md-6">'; content+='<label class="col-sm-4">Domain Name<span style="color:red" >*</span></label>'; content+='<div class="col-sm-8 yes_form">'; content+='<select type="text" name="domain_name[]" class="form-control" required>'; content+='<?php foreach($asset as $key => $value) { ?>'; content+='<option value="<?php echo $value->assets_id; ?>"><?php echo $value->domain_name; ?></option>'; content+='<?php } ?>'; content+='</select>'; content+='</div>'; content+='</div>'; content+='</div>'; content+='<div class="row">'; content+='<div class=" col-sm-12 col-md-6">'; content+='<label class="col-sm-4">Website<span style="color:red" >*</span></label>'; content+='<div class="col-sm-8 yes_form">'; content+='<select type="text" name="website[]" pattern="[a-zA-Z][a-zA-Z0-9\s]*" class="form-control">'; content+='<?php foreach($website as $key => $value) { ?>'; content+='<option value="<?php echo $value->account_id; ?>"><?php echo $value->website; ?></option>'; content+='<?php } ?>'; content+='</select>'; content+='</div>'; content+='</div>'; content+='<div class="col-sm-12 col-md-6">'; content+='<label class="col-sm-4">Service Type<span style="color:red" >*</span></label>'; content+='<div class="col-sm-8 yes_form">'; content+='<select type="text" name="service_type[]" class="form-control" required>'; content+='<?php foreach ($service as $key => $value) { ?>'; content+='<option value="<?php echo $value->service_id; ?>"><?php echo $value->service_name; ?></option>'; content+='<?php } ?>'; content+='</select>'; content+='</div>'; content+='</div>'; content+='</div>'; $('.new_div').append(content); }); $('.customer_asset').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("add-customer-asset")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); if(response.result == 1) { toastr["success"]("Successfully Added"); location.reload(); } else if(response.result ==0) { toastr["success"](response.message); } else { toastr["success"](response.message); } } }); }); }); $('.emailid').focusout(function(){ var email = $('.emailid').val(); $.ajax({ type : 'post', url : '<?php echo site_url("verify-lead-email")?>', data : {'email':email}, // contentType: false, // processData: false, success:function(response){ resp=jQuery.parseJSON(response); console.log(response); if(resp.result == 1) { alert("Email-Id already exists..Try another..!"); $('.emailid').val(''); //location.reload(); } else { //alert("Something went wrong..Try again"); } } }); }); </script> <style type="text/css"> .NameHighlights { } .NameHighlights div { display: none; } .NameHighlightsHover { position: relative; display: inline-block; border-bottom: 1px dotted black; } .NameHighlightsHover div { margin-top:15%; display:block; position:absolute; width: 25em; top:1.3em; *top:20px; left:70px; z-index:1000; background-color:white ; padding: 5px; border-radius: 4px; font-size:15px; border:2px solid rgba(0,0,0,0.03); box-shadow: 8px 8px 5px gray; } .dropmid { padding-left:0 ! important; } </style> <script type="text/javascript"> var span = document.querySelectorAll('.NameHighlights'); for (var i = span.length; i--;) { (function () { var t; span[i].onmouseover = function () { hideAll(); clearTimeout(t); this.className = 'NameHighlightsHover'; }; span[i].onmouseout = function () { var self = this; t = setTimeout(function () { self.className = 'NameHighlights'; }, 300); }; })(); } function hideAll() { for (var i = span.length; i--;) { span[i].className = 'NameHighlights'; } }; </script> <script type="text/javascript"> // $(function() { // $( ".date" ).datepicker({ // dateFormat : 'dd/mm/yy', // showOn: "button", // buttonImage: "https://htmlcssphptutorial.files.wordpress.com/2015/09/b_calendar.png", // buttonImageOnly: true, // buttonText: "Select date" // }); // }); </script> <script type="text/javascript"> $(".client").hide(); $(".emp_ref").hide(); $(".ext_ref").hide(); $('#sel1').change(function() { if($(this).find('option:selected').val() == "client_ref1"){ $(".client").show(); }else{ $(".client").hide(); } }); $('#sel1').change(function() { if($(this).find('option:selected').val() == "emp_ref1"){ $(".emp_ref").show(); }else{ $(".emp_ref").hide(); } }); $('#sel1').change(function() { if($(this).find('option:selected').val() == "ext_ref1"){ $(".ext_ref").show(); }else{ $(".ext_ref").hide(); } }); </script> <script> $('input.number').keyup(function(event) { //alert(); // skip for arrow keys if(event.which >= 37 && event.which <= 40) return; // format number $(this).val(function(index, value) { return value .replace(/\D/g, "") .replace(/\B(?=(\d{3})+(?!\d))/g, ",") ; }); }); </script> <?php $this->load->view('includes/admin_footer');?>