EVOLUTION-NINJA
Edit File: send_message.php
<?php $this->load->view('includes/header'); ?> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/grid_style.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap-ui.css'); ?>" /> <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/sumoselect/sumoselect.css');?>" /> <script src="<?php echo base_url('assets/sumoselect/jquery.sumoselect.js');?>"></script> <script type="text/ecmascript" src="<?php echo base_url('assets/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('assets/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> <script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <!----------------------------- Left MENU END ---------------------------------------------------> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2"> <div class="col-sm-6"> </div> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="#">Customer</a></li> <li class="breadcrumb-item"> Send Message </li> </ol> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <form id="send_message" class="form_submit"> <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-3"> <span style="font-size:25px;">Send Message</span> </div> </div> <div class="row"> <div class="col-sm-2"> <div class="yes_form"> <label class=""><input type="radio" name="message_type" value="sms" required > Bulk SMS</label> </div> </div> <div class="col-sm-2"> <div class="yes_form"> <label class=""><input type="radio" name="message_type" value="email"> Bulk E-mail</label> </div> </div> </div> <?php $department_id =$this->session->userdata('dept_name'); if($department_id != "Channel Partner"){?> <div class="row"> <div class=" col-sm-12 col-xs-12 col-md-4"> <label class="col-sm-4">Select</label> <div class="col-sm-12 yes_form"> <select name="user_type" class="form-control select_type" required > <option value="">Select</option> <option value="Employee">Employee</option> <option value="Customer">Customer</option> <option value="Layout">Layout</option> </select> </div> </div> <div class=" col-sm-12 col-xs-12 col-md-4 customer_type" style="display:none"> <label class="col-sm-4">Select</label> <div class="col-sm-12 yes_form"> <select name="" class="form-control select_customer_type" required > <option value="">Select</option> <option value="All">All Customer</option> <option value="old_layout_customer">Old Layout Customer</option> <option value="new_layout_customer">New Layout Customer</option> </select> </div> </div> <div class="col-sm-12 col-xs-12 col-md-4"> <label class="col-sm-4 select_layout_label"></label> <div class="col-sm-12 yes_form select_layout"> </div> </div> <div class="col-sm-12 col-xs-12 col-md-4"> <label class="col-sm-6 select_type_name"></label> <div class="col-sm-12 yes_form select_name"> </div> </div> </div> <?php } ?> <?php $department_id =$this->session->userdata('dept_name'); if($department_id == "Channel Partner"){?> <div class="row"> <div class=" col-sm-12 col-xs-12 col-md-4"> <label class="col-sm-4">Select</label> <div class="col-sm-12 yes_form"> <select type="text" name="layout_id" class="form-control layout_id" onchange="changelayout();"> <option value="">Select</option> <?php foreach($result_layout as $key => $value) { ?> <option value="<?php echo $value->id; ?>"><?php echo $value->layout_name;?></option> <?php } ?> </select> </div> </div> <div class=" col-sm-12 col-xs-12 col-md-4 customer_type" style="display:none"> <label class="col-sm-4">Select</label> <div class="col-sm-12 yes_form"> <select name="" class="form-control select_customer_type" required > <option value="">Select</option> <option value="All">All Customer</option> <option value="old_layout_customer">Old Layout Customer</option> <option value="new_layout_customer">New Layout Customer</option> </select> </div> </div> <div class="col-sm-12 col-xs-12 col-md-4"> <label class="col-sm-6 select_type_name"></label> <div class="col-sm-12 yes_form select_name"> </div> </div> <div class="col-sm-12 col-xs-12 col-md-4"> </div> </div> <?php } ?> <div class="row"> <!-- <div class=" col-sm-12 col-xs-12 col-md-6"> <label class="col-sm-4">Subject</label> <div class="col-sm-12 yes_form"> <textarea type="text" name="subject" class="form-control"></textarea> </div> </div>--> <div class=" col-sm-12 col-xs-12 col-md-6"> <label class="col-sm-4">Message</label> <div class="col-sm-12 yes_form"> <textarea type="text" name="message" class="form-control message"></textarea> </div> </div> </div> <div class="row"> <div class=" col-sm-12 col-xs-12 col-md-6"> <label class="col-sm-4">Images Upload</label> <div class="col-sm-12 yes_form"> <input type="file" name="image_upload" class="form-control" > </div> </div> </div> <div class="row" style="margin-top: 20px; padding-top: 10px;padding-bottom: 10px; text-align:center;"> <div class="col-sm-12"> <button type="submit" class="btn submit" style="background: #405189; color: white;">Submit</button> </div> </div> </div> </form> </div> </div> </div> </div> </div> <script type="text/javascript"> $('.select_type').change(function() { if($(this).val() == 'Layout') { $('.customer_type').hide(); $.ajax({ type : 'post', url : "<?php echo site_url('get-all-layouts');?>", success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { //var id =response.message.id; $('.select_layout').empty(); $('.select_name').empty(); $('.select_type_name').empty(); var con = ''; con += '<select name="layout_id" class="form-control layout_id" id="layout_id" onchange="changelayout();" required >'; con += '<option value="">Select</option>'; $.each(response.message, function(key,val) { con += '<option value="'+val.id+'">'+val.layout_name+'</option>'; }); con += '</select>'; $('.select_layout').append(con); $('.select_layout_label').html('Layout'); } } }); } else if($(this).val() == 'Employee') { $('.customer_type').hide(); $.ajax({ type : 'post', url : "<?php echo site_url('get-all-employees');?>", success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { $('.select_layout').empty(); $('.select_name').empty(); $('.select_layout_label').empty(); var content = ''; content += '<select multiple="multiple" name="user_ids[]" class="employee">'; $.each(response.message, function(key,value) { content += '<option value="'+value.emp_id+'">'+value.first_name+' '+value.last_name+'</option>' }); content += '</select>'; $('.select_name').append(content); $('.select_type_name').html('Employee Name'); $('.employee').SumoSelect({okCancelInMulti:true, selectAll:true }); $('.btnOk').on('click', function() { var obj = [], items = ''; $('.employee option:selected').each(function(i) { obj.push($(this).val()); //$('.employee')[0].sumo.unSelectItem(i); }); /* for (var i = 0; i < obj.length; i++) { items += ' ' + obj[i] }; alert(items);*/ var json_str = JSON.stringify(obj); $('.selected_ids').val(json_str); }); } } }); } else { $('.customer_type').show(); } }); $('.select_customer_type').change(function() { var customer_type = $(this).val(); $.ajax({ type : 'post', url : "<?php echo site_url('get-all-customers');?>", data:{'customer_type':customer_type}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { $('.select_layout').empty(); $('.select_name').empty(); $('.select_layout_label').empty(); $('.select_type_name').empty(); var content = ''; content += '<select multiple="multiple" name="user_ids[]" class="customer">'; $.each(response.message, function(key,value) { content += '<option value="'+value.id+'">'+value.name+'</option>' }); content += '</select>'; $('.select_name').append(content); //$('.') $('.select_type_name').html('Customer Name'); $('.customer').SumoSelect({okCancelInMulti:true, selectAll:true }); $('.btnOk').on('click', function() { var obj = [], items = ''; $('.customer option:selected').each(function(i) { obj.push($(this).val()); //$('.customer')[0].sumo.unSelectItem(i); }); /*for (var i = 0; i < obj.length; i++) { items += ' ' + obj[i] }; alert(items);*/ var json_str = JSON.stringify(obj); $('.selected_ids').val(json_str); }); } else { toastr["error"](response.message); } } }); }); function changelayout() { var layout_id = $('.layout_id option:selected').val(); //alert(layout_id); $.ajax({ type : 'post', url : "<?php echo site_url('layout-customers');?>", data:{"layout_id":layout_id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { $('.select_name').empty(); var content = ''; content += '<select multiple="multiple" name="user_ids[]" class="customer">'; $.each(response.message, function(key,value) { content += '<option value="'+value.id+'">'+value.name+' (Site No -' +value.site_no+')</option>' }); content += '</select>'; $('.select_name').append(content); //$('.') $('.select_type_name').html('Customer Name'); $('.customer').SumoSelect({okCancelInMulti:true, selectAll:true }); $('.btnOk').on('click', function() { var obj = [], items = ''; $('.customer option:selected').each(function(i) { obj.push($(this).val()); //$('.customer')[0].sumo.unSelectItem(i); }); /*for (var i = 0; i < obj.length; i++) { items += ' ' + obj[i] }; alert(items);*/ var json_str = JSON.stringify(obj); $('.selected_ids').val(json_str); }); } else { toastr["error"](response.message); } } }); } //}); $('#send_message').submit(function(e) { e.preventDefault(); formdata = new FormData($(this)[0]); $(".submit").attr('disabled', 'disabled'); $(".submit").text("Submitting..."); $.ajax({ type : 'post', url : "<?php echo site_url('send-message-details');?>", data : formdata, contentType: false, processData: false, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); setTimeout(1000); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); location.reload(); } else { toastr["error"](response.message); } } }); }); </script> <style type="text/css"> .content-wrapper { max-width: 1460px !important; } .row-form { width:100%; } .form_submit label{ padding-top: 20px; } .message { resize:both; overflow:auto; } </style> <?php $this->load->view('includes/footer'); ?>