FileMgr

✏️ /home/mien4214/public_html/eabsen/hris/application/views/admin/chatbox/department_chat.php

✕ Tutup

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
$session = $this->session->userdata('username');
if(empty($session)){ 
	redirect('admin/');
}
if(isset($_GET['jd']) && isset($_GET['from_id']) && isset($_GET['chat_group_department_id']) && $_GET['data']=='chat'){
	
	$fid = $this->input->get('from_id');
	$chat_group_department_id = $this->input->get('chat_group_department_id');
	$user = $this->Xin_model->read_user_info($session['user_id']);
	$department = $this->Department_model->read_department_information($chat_group_department_id);
	if(!is_null($department)){
		$_department_name = $department[0]->department_name;
	} else {
		$_department_name = '';
	}
	
?> 
<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
  <h6 class="modal-title" id="myModalLabel8">Chat With <?php echo $this->lang->line('left_department');?> (<?php echo $_department_name;?>)</h6>
</div>
<div class="modal-body" >
<div class="content-body">
  <section class="chat-app-window">
  <div class="chats chat-app-window1" id="mdepartment_chatbox" style="overflow:auto; height:450px;">
  	<?php
    	foreach($this->Chat_model->get_department_messages($user[0]->department_id) as $msgs){
       	 	if($session['user_id']!=$msgs->from_id){
				$user_info = $this->Xin_model->read_user_info($msgs->from_id);
				//send
				if($user_info[0]->profile_picture!='' && $user_info[0]->profile_picture!='no file') {
					$de_file = base_url().'uploads/profile/'.$user_info[0]->profile_picture;
				} else {
					if($user_info[0]->gender=='Male') { 
						$de_file = base_url().'uploads/profile/default_male.jpg';
					} else { 
						$de_file = base_url().'uploads/profile/default_female.jpg';
					} 
				}
				$data = array(
				'is_read' => 1,
				);
				$result = $this->Chat_model->update_chat_status($data,$msgs->from_id,$session['user_id'] );
				$last_chat = $this->Chat_model->last_department_user_message($msgs->from_id);
				$last_chat_date = $this->Chat_model->timeAgo($last_chat[0]->message_date);
				$f_name = $user_info[0]->first_name.' '.$user_info[0]->last_name;
				?>
          			<div class="chat-message-left mb-4">
                      <div>
                        <img src="<?php echo $de_file;?>" class="ui-w-40 rounded-circle" alt="">
                        <div class="text-muted small text-nowrap mt-2"><?php echo $last_chat_date;?></div>
                      </div>
                      <div class="flex-shrink-1 bg-lighter rounded py-2 px-3 mr-3">
                        <div class="font-weight-semibold mb-1"><?php echo $f_name;?></div>
                        <?php echo $msgs->message_content;?>
                      </div>
                    </div>
				  <?php
                  } else {
                    $fuser_info = $this->Xin_model->read_user_info($msgs->from_id);
                    //from
                    if($fuser_info[0]->profile_picture!='' && $fuser_info[0]->profile_picture!='no file') {
                        $fde_file = base_url().'uploads/profile/'.$fuser_info[0]->profile_picture;
                    } else {
                        if($fuser_info[0]->gender=='Male') { 
                            $fde_file = base_url().'uploads/profile/default_male.jpg';
                        } else { 
                            $fde_file = base_url().'uploads/profile/default_female.jpg';
                        } 
                    }
					$last_chat = $this->Chat_model->last_department_user_message($msgs->from_id);
					$last_chat_date = $this->Chat_model->timeAgo($last_chat[0]->message_date);
                    ?>
              		<div class="chat-message-right mb-4">
                      <div>
                        <img src="<?php echo $fde_file;?>" class="ui-w-40 rounded-circle" alt="">
                        <div class="text-muted small text-nowrap mt-2"><?php echo $last_chat_date;?></div>
                      </div>
                      <div class="flex-shrink-1 bg-lighter rounded py-2 px-3 ml-3">
                        <div class="font-weight-semibold mb-1">You</div>
                        <?php echo $msgs->message_content;?>
                      </div>
                    </div>
              <?php
              }
		}
	?>
      </div>
      </section>
      <section class="chat-app-form">
         <div class="box-footer">
              <?php $attributes = array('name' => 'send_chat', 'id' => 'xin-department-form', 'autocomplete' => 'off', 'class'=>'chat-app-input');?>
			  <?php $hidden = array('_method' => 'EDIT', '_token' => $chat_group_department_id, 'ext_name' => $fid);?>
              <?php echo form_open('admin/chat/send_department_chat/', $attributes, $hidden);?>
              
                <?php
                    $data1 = array(
                      'type'        => 'hidden',
                      'name'        => 'chat_group_department_id',
                      'id'          => 'mtid',
                      'value'       => $chat_group_department_id,
                      'class'       => 'form-control',
                    );
                
                echo form_input($data1);
                ?>
                <?php
                    $data2 = array(
                      'type'        => 'hidden',
                      'name'        => 'from_id',
                      'id'          => 'mfid',
                      'value'       => $fid,
                      'class'       => 'form-control',
                    );
                
                echo form_input($data2);
                ?>
                <?php
                    $data3 = array(
                      'type'        => 'hidden',
                      'name'        => 'message_frm',
                      'id'          => 'mfid',
                      'value'       => $chat_group_department_id,
                      'class'       => 'form-control',
                    );
                
                echo form_input($data3);
                ?>
                <div class="input-group">
                  <input type="text" name="message_content" class="form-control" id="dep_message_content" placeholder="Type your message">
                      <div class="input-group-addon" style="padding: 0;">
						<div class="align-self-end gap-items">
						  <span class="publisher-btn file-group">
							<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane-o hidden-lg-up"></i> <span class="hidden-md-down">Send</span></button>
						  </span>
						</div>
					  </div>
                </div>
              <?php echo form_close(); ?>
            </div>
			<audio id="chatAudioSent"><source src="<?php echo base_url().'uploads/chat_sound/button_tiny.ogg';?>" type="audio/ogg"><source src="<?php echo base_url().'uploads/chat_sound/button_tiny.mp3';?>" type="audio/mpeg"><source src="<?php echo base_url().'uploads/chat_sound/button_tiny.wav';?>" type="audio/wav"></audio>
    </section>
</div>
<script type="text/javascript">
var first_run = 0;
	function mrefreshMessages() {
		var rfromId = $('#mfid').val();
		var rtoId = $('#mtid').val();
		$('.chat-application').removeClass('pace-done');
		$('.chat-application').removeClass('pace-running');
		$('.pace').removeClass('pace-inactive');
		if(rfromId!='' && rtoId!='') {
		
		  $.ajax({
			url: "<?php echo site_url('admin/chat/refresh_department_chatbox');?>?from_id=<?php echo $fid;?>&department_id=<?php echo $chat_group_department_id;?>",
			type: 'GET',
			dataType: 'html',
			success: function(data) {
				$('.chat-application').removeClass('pace-done');
			  $('.chat-application').removeClass('pace-running');
			  $('.pace').removeClass('pace-inactive');
			  
			  prev_chat = $("#mdepartment_chatbox").html();		
			 // $('input[name="csrf_hrsale"]').val(data.csrf_hash);	  
			  
			  jQuery('#mdepartment_chatbox').html(data);
			  curr_chat = $("#mdepartment_chatbox").html();
			  setTimeout(mrefreshMessages, 3000);
			  $('.chat-application').removeClass('pace-done');
			  $('.chat-application').removeClass('pace-running');
			  $('.pace').removeClass('pace-inactive');
			  if(curr_chat != prev_chat) {
				prev_chat = curr_chat;
				if(first_run===0) {
					first_run = 1;
				} else {
					if(prev_chat!='<div class="chats" id="mdepartment_chatbox"></div>' ) {
						$('#chatAudio')[0].play();
						jQuery(".chat-app-window1").animate({ scrollTop: $(".chat-app-window1").prop("scrollHeight")}, 0);
					}
				}
			}
						
			},
			error: function() {
			 
			}
		  });
		}
	}
$(document).ready(function(){
setTimeout(mrefreshMessages, 5000);
});
$(document).ready(function(){
	  $("#xin-department-form").submit(function(e){
		var fd = new FormData(this);
		var text = $("#dep_message_content").val();
		
		if(text.length == 0){
			return false;
		}			
		var obj = $(this), action = obj.attr("name");
		fd.append("is_ajax", 2);

fd.append("form", action);
	
		e.preventDefault();
		$(".save").prop("disabled", true);
		$.ajax({
			url: e.target.action,
			type: "POST",
			data:  fd,
			contentType: false,
			cache: false,
			processData:false,
			success: function(JSON)
			{
				
				$('input[name="csrf_hrsale"]').val(JSON.csrf_hash);
				var siteUrl = "<?php echo site_url('admin/chat/refresh_department_chatbox');?>?from_id=<?php echo $fid;?>&department_id=<?php echo $chat_group_department_id;?>";
				$.get(siteUrl, function(data, status){
				jQuery("#mdepartment_chatbox").html(data);
				
				$("#dep_message_content").val("");
				$("#dep_message_content").focus();
				$("#chatAudioSent")[0].play();
				jQuery(".chat-app-window1").animate({ scrollTop: $(".chat-app-window1").prop("scrollHeight")}, 0);
				});
				
			},
			error: function() 
			{
				$(".save").prop("disabled", false);
				$('input[name="csrf_hrsale"]').val(data.csrf_hash);
			} 	        
	   });
	});
});	
</script>
<?php }
?>
<style type="text/css">
.right .direct-chat-text {
    margin-left: 120px !important;
}
.left-text {
	margin-right: 120px !important;
}
.time-left {
	margin-left: 120px !important;
}
.time-right {
	margin-right: 120px !important;
}
.chat-application .chat-app-form {
    position: relative;
    padding: 20px 10px;
    background-color: #edeef0;
    overflow: hidden;
}
.chat-application .content-body {
    height: 100%;
}
</style>

Batal

⬅ admin 4 item

Nama	Tipe	Ukuran	Diubah	Perm	Aksi
🐘 chatbox.php	php	11 KB	20/05/24 11:39	0644	✏️ ⬇
🐘 department_chat.php	php	10.4 KB	19/05/24 13:22	0644	✏️ ⬇
🐘 location_chat.php	php	10.3 KB	19/05/24 13:22	0644	✏️ ⬇
🐘 single_chat.php	php	10.3 KB	19/05/24 13:22	0644	✏️ ⬇

✏️ Rename

🔑 Ubah Permission