Tryag File Manager

//home/nongapp.eemo.co.kr/public_html/www/chatting.php

<?
session_set_cookie_params(86400);
session_cache_limiter('no-cache, must-revalidate');
session_start();

header("Pragma: no-cache");   
header("Cache-Control: no-cache,must-revalidate");   
header("Content-Type: text/html; charset=utf-8");

include_once("dbconn.php");
include_once("lib.php");

$rs_my=RS("select * from member where no='{$_COOKIE[umem_no]}' ");
$rs_my_farm=RS("select * from farm where no='{$rs_my[farm_no]}' ");

$week = array("일요일" , "월요일"  , "화요일" , "수요일" , "목요일" , "금요일" ,"토요일") ;

$weekday = $week[ date('w') ] ;

?>
<!doctype html>
<html lang="en">

<body>

<div id="loader">
        <div class="spinner-border text-primary" role="status"></div>
    </div>

<div class="appHeader bg-primary text-light">
        <div class="left">
            <a href="main.php" class="headerButton">
                <ion-icon name="chevron-back-outline"></ion-icon>
            </a>
        </div>
        <div class="pageTitle">Chat</div>
        <div class="right">
            
            <a href="javascript:;" class="headerButton">
                <ion-icon name="happy-outline"></ion-icon>
                <span class="badge badge-danger" id='sp_chat_conn'>1</span>
            </a>
        </div>
    </div>

<div id="appCapsule">

<div class="message-divider">
            <?=$weekday?>, <?=date('m월 d일')?>, <?=date('H:i')?>
        </div>
		
		<!--
        <div class="message-item">
            <img src="assets/img/sample/avatar/avatar1.jpg" alt="avatar" class="avatar">
            <div class="content">
                <div class="title">John</div>
                <div class="bubble">
                    Hi everyone, how are you?
                </div>
                <div class="footer">8:40 AM</div>
            </div>
        </div>

<div class="message-item">
            <img src="assets/img/sample/avatar/avatar2.jpg" alt="avatar" class="avatar">
            <div class="content">
                <div class="title">Marry</div>
                <div class="bubble">
                    I'm fine, how are you today john, do you feel good?
                </div>
                <div class="footer">10:40 AM</div>
            </div>
        </div>

<div class="message-item user">
            <div class="content">
                <div class="bubble">
                    Would you please repost the photo you sent yesterday?
                </div>
                <div class="footer">10:40 AM</div>
            </div>
        </div>

<div class="message-divider">
            Friday, Sep 20, 10:40 AM
        </div>

<div class="message-item">
            <img src="assets/img/sample/avatar/avatar2.jpg" alt="avatar" class="avatar">
            <div class="content">
                <div class="title">Marry</div>
                <div class="bubble">
                    <img src="assets/img/sample/photo/1.jpg" alt="photo" class="imaged w160">
                </div>
                <div class="footer">10:40 AM</div>
            </div>
        </div>

<div class="message-item">
            <img src="assets/img/sample/avatar/avatar4.jpg" alt="avatar" class="avatar">
            <div class="content">
                <div class="title">Katie</div>
                <div class="bubble">
                    Nice photo !
                </div>
                <div class="footer">10:40 AM</div>
            </div>
        </div>

<div class="message-item">
            <img src="assets/img/sample/avatar/avatar2.jpg" alt="avatar" class="avatar">
            <div class="content">
                <div class="title">Marry</div>
                <div class="bubble">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae nisl et nibh iaculis
                    sagittis. In hac habitasse platea dictumst. Sed eu massa lacinia, interdum ex et, sollicitudin elit.
                </div>
                <div class="footer">10:40 AM</div>
            </div>
        </div>

<div class="message-item user">
            <div class="content">
                <div class="bubble">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae nisl et nibh iaculis
                    sagittis. In hac habitasse platea dictumst. Sed eu massa lacinia, interdum ex et, sollicitudin elit.
                </div>
                <div class="footer">10:40 AM</div>
            </div>
        </div>
		-->
    </div>

<div class="modal fade action-sheet inset" id="addActionSheet" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Share</h5>
                </div>
                <div class="modal-body">
                    <ul class="action-button-list">
                        <li>
                            <a href="#" class="btn btn-list" data-dismiss="modal">
                                <span>
                                    <ion-icon name="camera-outline"></ion-icon>
                                    Take a photo
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="btn btn-list" data-dismiss="modal">
                                <span>
                                    <ion-icon name="videocam-outline"></ion-icon>
                                    Video
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="btn btn-list" data-dismiss="modal">
                                <span>
                                    <ion-icon name="image-outline"></ion-icon>
                                    Upload from Gallery
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="btn btn-list" data-dismiss="modal">
                                <span>
                                    <ion-icon name="document-outline"></ion-icon>
                                    Documents
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="btn btn-list" data-dismiss="modal">
                                <span>
                                    <ion-icon name="musical-notes-outline"></ion-icon>
                                    Sound file
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

<div class="chatFooter">
        
            <a href="javascript:;" class="btn btn-icon btn-secondary rounded" data-toggle="modal" >
                <ion-icon name="add"></ion-icon>
            </a>
            <div class="form-group boxed">
                <div class="input-wrapper">
                    <input type="text" class="form-control" placeholder="Type a message..." id='inputMessage'>
                    <i class="clear-input">
                        <ion-icon name="close-circle"></ion-icon>
                    </i>
                </div>
            </div>
            <button type="button" class="btn btn-icon btn-primary rounded" id='btn_send'>
                <ion-icon name="send"></ion-icon>
            </button>
        
    </div>

<script src="assets/js/lib/jquery-3.4.1.min.js"></script>
    
    <script src="assets/js/lib/popper.min.js"></script>
    <script src="assets/js/lib/bootstrap.min.js"></script>
    
    <script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
    
    <script src="assets/js/plugins/owl-carousel/owl.carousel.min.js"></script>
    
    <script src="assets/js/base.js"></script>

</body>

</html>

setTimeout(function(){

var is_sock_conn=false;

var obj = JSON.parse(e.data);
					if(obj.tot != null) {
						$('#sp_chat_conn').html(obj.tot);
					}

if(obj.data) {

var content="";
						content +=
							'<div class="message-item">'+
								'<img src="assets/img/sample/avatar/avatar1.jpg" alt="avatar" class="avatar">'+
								'<div class="content">'+
									'<div class="title">'+obj.id+'</div>'+
									'<div class="bubble">'+
										obj.data+
									'</div>'+
									'<div class="footer">'+getTimeStamp()+'</div>'+
								'</div>'+
							'</div>';
						$(content).appendTo("#appCapsule");
						
						window.scrollTo(0,document.body.scrollHeight);

}
				}
			 
				w.onclose = function(e) {
					//log("closed");
					is_sock_conn=false;
					
					w = new WebSocket(url);
				}
				
				
				//log(log.buffer.join("\n"));

setInterval(function(){ 
					if(is_sock_conn==true) {
						var obj = new Object() ;
					 
						obj.id = "<?=$rs_my[id]?>" ;
						obj.data="";
						w.send(JSON.stringify(obj));
					} else {
						//w = new WebSocket(url);
					}
				}, 1000);

document.getElementById("btn_send").onclick = function() {
					//console.log(document.getElementById("inputMessage").value);
					// 객체 생성
					var obj = new Object() ;
					 
					obj.id = "<?=$rs_my_farm[farm_name]?>" ;
					obj.data= document.getElementById("inputMessage").value ;

w.send(JSON.stringify(obj));
					
					if(document.getElementById("inputMessage").value) {
						var content="";
						content +=
							'<div class="message-item user">'+
								'<div class="content">'+
									'<div class="bubble">'+
										document.getElementById("inputMessage").value+
									'</div>'+
									'<div class="footer">'+getTimeStamp()+'</div>'+
								'</div>'+
							'</div>';
						$(content).appendTo("#appCapsule");

document.getElementById("inputMessage").value = "";

window.scrollTo(0,document.body.scrollHeight);
					}
				}
					  // 간지나게 엔터키 누르면 메시지 날림
				document.getElementById("inputMessage").onkeypress = function() {
					if (event.keyCode == '13') {
						// 객체 생성
						var obj = new Object() ;
					 
						obj.id = "<?=$rs_my_farm[farm_name]?>" ;
						obj.data= document.getElementById("inputMessage").value ;
						w.send(JSON.stringify(obj));
						
						if(document.getElementById("inputMessage").value) {
						
							var content="";
							content +=
								'<div class="message-item user">'+
									'<div class="content">'+
										'<div class="bubble">'+
											document.getElementById("inputMessage").value+
										'</div>'+
										'<div class="footer">'+getTimeStamp()+'</div>'+
									'</div>'+
								'</div>';
							$(content).appendTo("#appCapsule");

document.getElementById("inputMessage").value = "";

window.scrollTo(0,document.body.scrollHeight);
						}
					}
				}

}, 100);

}
         
    }

function getTimeStamp() {
  var d = new Date();

var s =
    leadingZeros(d.getFullYear(), 4) + '-' +
    leadingZeros(d.getMonth() + 1, 2) + '-' +
    leadingZeros(d.getDate(), 2) + ' ' +

leadingZeros(d.getHours(), 2) + ':' +
    leadingZeros(d.getMinutes(), 2) + ':' +
    leadingZeros(d.getSeconds(), 2);

return s;
}

function leadingZeros(n, digits) {
  var zero = '';
  n = n.toString();

if (n.length < digits) {
    for (i = 0; i < digits - n.length; i++)
      zero += '0';
  }
  return zero + n;
}

</script>