EVOLUTION-NINJA
Edit File: send_message_old.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="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"> <input type="radio" name="message_type" value="sms"> <label class="">Bulk SMS</label> </div> </div> <div class="col-sm-2"> <div class="yes_form"> <input type="radio" name="message_type" value="email"> <label class="">Bulk E-mail</label> </div> </div> </div> <div class="row"> <div class=" col-sm-12 col-xs-12 col-md-6"> <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> </select> </div> </div> <div class=" col-sm-12 col-xs-12 col-md-6"> <label class="col-sm-4 select_type_name"></label> <div class="col-sm-12 yes_form select_name"> </div> </div> </div> <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" required> </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" 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() == 'Customer') { $.ajax({ type : 'post', url : "<?php echo site_url('get-all-customers');?>", 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+'</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 { $.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_name').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); }); } } }); } }); $('#send_message').submit(function(e) { e.preventDefault(); formdata = new FormData($(this)[0]); $.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); location.reload(); } else { toastr["error"](response.message); } } }); }); </script> <style type="text/css"> .content-wrapper { max-width: 1260px !important; } .row-form { width:100%; } .form_submit label{ padding-top: 20px; } .message { resize:both; overflow:auto; } </style> <?php $this->load->view('includes/footer'); ?>