ok
Mini Shell
<div class="content-wrapper" style="min-height: 946px;">
<section class="content">
<div class="box box-primary">
<div class="row">
<div class="col-md-4">
<div class="chatleftside">
<div class="custom-search-input">
<div class="input-group col-md-11">
<input type="text" class=" search-query form-control" placeholder="Search" />
<button class="btn btn-default" type="button">
<i class="fa fa-search"></i>
</button>
<button type="button" class="chataddbtn" onclick="new_message()" ><i class="fa fa-plus"></i></button>
</div>
</div>
<div class="chatfrientlist">
<ul>
</ul>
</div><!--./chatfrientlist-->
</div><!--./chatleftside-->
</div><!--./col-md-4-->
<div class="col-md-8" id="messages1">
<div class="chatrightside">
<div class="chat-header">
<div class="chat-headerbody">
</div>
<div class="social-media">
<i class="fa fa-search fa-lg"></i>
<i class="fa fa-paperclip fa-lg" ></i>
<i class="fa fa-bars fa-lg"></i>
</div>
</div><!--./chat-header-->
<div class="mobile" id="parentDiv">
<div class="chat-w">
</div>
</div>
</div><!--./chatrightside-->
<?php
// } ?>
</div><!--./col-md-8-->
</div><!--./row-->
</div><!--./box box-primary-->
</section>
</div>
<div class="modal" id="message_model">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"><?php echo $this->lang->line('new')." ".$this->lang->line('message');?></h4>
</div>
<!-- Modal body -->
<div class="">
<div class="">
<div class="">
<form id="form1" name="employeeform" method="post" accept-charset="utf-8" enctype="multipart/form-data">
<input type="hidden" name="ci_csrf_token" value=""> <div id="upload_documents_hide_show">
<h4></h4>
<div class="col-md-12">
<div class="form-group">
<label for="exampleInputEmail1"><?php echo $this->lang->line('search')?><small class="req"> *</small></label>
<input id="user_name" onkeyup="get_user()" name="first_title" placeholder="" type="text" class="form-control" value="" autocomplete="off">
<span class="text-danger"></span>
</div>
</div>
<div class="col-md-12" id="users">
</div>
</div>
<div class="modal-footer" style="clear:both">
<a href="<?php echo base_url();?>admin/chat" class="btn btn-info pull-right"><?php echo $this->lang->line('close')?></a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function new_message(){
$('#message_model').modal({
show: true,
backdrop: 'static',
keyboard: false
});
} $(document).ready(function () {
var objDiv = document.getElementById("parentDiv");
objDiv.scrollTop = objDiv.scrollHeight;
});
function get_user(){
var start=<?php echo $start; ?>;
var user_name=$('#user_name').val();
//alert(user_name);
$.ajax({
type: "POST",
url: "<?php echo base_url();?>admin/chat/user_list",
data: {
start:start,
user_name:user_name,
},
success: function (data) {
$('#users').html(data);
}
});
}
</script>
Zerion Mini Shell 1.0