<%--
 /** 	
 * Class Name  : profile.jsp
 * Class Path  : /viwes/layout/
 * Class Desc  : profile
 * 작성일   : 2015. 12. 14. 
 * 작성자   : ZestIdea
 * 변경이력  :
 *            이름     :        일자              :    근거자료          : 변경내용
 *           ------------------------------------------------------
 *         ZestIdea : 2015. 12. 14.    :                : 신규 개발.
 **/
--%>

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<div id="myProfile">	
</div>

 <script>
$(document).ready(function(){

		var tar_tp = "CHNNLB";		
		
		var data ={tar_tp : tar_tp};
		var url = "<c:url value='/chnnlMng/chnnlHome/chnnlIntrcn/selectChnnl.json'/>";		
		
		$.ajax({
			type: "POST",
			url: url,
			dataType: "json",
			beforesend : function() {},
			data : data,
			async : false, 
			success : function(jsonData, status, xhr) {
				var userInfo	=	jsonData.statusInfo;				
				var html = "";	
				var imgSrc = "";
				
				if(userInfo.physcl_file_path == null || userInfo.physcl_file_path == "") {
					imgSrc = "/resources/img/svg/img_mystery_man.svg";
				}
				else {
					imgSrc = "/file/image.json?file_path="+userInfo.physcl_file_path;
				}
				
				var errImgSrc = 'this.src="/resources/img/svg/img_mystery_man.svg"';
				
				if(userInfo.dept_nm == null){
					userInfo.dept_nm = "";
				}
				
				if(userInfo.self_intro == null){
					userInfo.self_intro = "안녕하세요. " + userInfo.usr_nm + "입니다.";
				}
				
				if(userInfo.pos_nm == null){
					userInfo.pos_nm = "";
				}							
				
				html += "<div class='myinfo_box01'>";
				html += "	<div class='img_myinfo_portrait'>";
				html += "		<a href='javascript:;'>";
				html += "			<img src='"+imgSrc+"' alt="+userInfo.usr_nm+" title="+userInfo.usr_nm+" onerror='"+ errImgSrc +"'/>";
				html += "		</a>";
				html += "	</div>";
				html += "	<p class='myinfo_box_name'>"+userInfo.chnnl_nm+"</p>";
				html += "	<p class='myinfo_box_position'>"+userInfo.chnnl_subject+"</p>";
				html += "</div>";
	
				/* html += "<div class='myinfo_box02'>";
				html += "	<div>";
				html += "		<span class='myinfo_box02_title'>";
				html += "			<img src='/ncom/img/icon_myinfo_connect.png' alt='최근접속' /> 최근접속</span>"; 
				html += "		<span class='myinfo_box02_text'>"+userInfo.lst_login_dttm+"</span>";
				html += "	</div>";
				html += "	<div>";
				html += "		<a href='/ntcn/listNtcn.do'><span class='myinfo_box02_title'>";
				html += "			<img src='/ncom/img/icon_myinfo_notice.png' alt='새로운 알림' /> 새로운 알림";
				html += "		</span></a>"; 
				html += "		<span class='myinfo_box02_text' id='alarm_click' style='cursor:pointer;'><b id='alarm'>0</b></span>";							
				html += "	</div>";
				html += "	<div id='alarm_tap'></div>";
				html += "</div>";
				
				html += "<div class='myinfo_box03'>";
				html += "	<div class='myinfo_box_info'>";
				html += "		<div>";
				html += "			<span class='myinfo_box_info_title'><img src='/ncom/img/icon_myinfo_relay.png' alt='자료전달' /> 자료전달</span> <span class='myinfo_box_info_text'><a href='/message/listMessagePage.do'>확인하기</a></span>";
				html += "		</div>";
				html += "		<div>";
				html += "			<span class='myinfo_box_info_title'><img src='/ncom/img/icon_myinfo_posts.png' alt='게시글, 댓글' /> 게시글, 댓글</span> <span class='myinfo_box_info_text'>" + userInfo.write_post_cnt + "</span>";
				html += "		</div>";
				html += "		<div>";
				html += "			<span class='myinfo_box_info_title'><img src='/ncom/img/icon_myinfo_comment.png' alt='받은 댓글' /> 받은 댓글</span> <span class='myinfo_box_info_text'>" + userInfo.recv_post_cnt + "</span>";
				html += "		</div>";
				html += "		<div>";
				html += "			<span class='myinfo_box_info_title'><img src='/ncom/img/icon_myinfo_like.png' alt='받은 좋아요' /> 받은 좋아요</span> <span class='myinfo_box_info_text'>" + userInfo.recv_like_cnt + "</span>";
				html += "		</div>";
				html += "	</div>";
				html += "</div>"; */			
				
				/* html += "<div class='photo'>";
				html += " <a style='position: relative; background: url(/resources/img/svg/img_mystery_man.svg) no-repeat center center; background-size: cover;' href='<c:url value='/sns/userHome.do?tar_obj_tp=USER'/>' class='fancybox' id='fancy_photo_img'>";
				html += "  <span id='profile_photo' style='position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:url("+imgSrc+") no-repeat center center; background-size: cover;'></span>";
				html += " <a href='<c:url value='/sns/userHome.do?tar_obj_tp=USER'/>' class='fancybox' id='fancy_photo_img'>";
				html += "  <img src='"+imgSrc+"' alt="+userInfo.usr_nm+" title="+userInfo.usr_nm+" onerror='"+ errImgSrc +"'/>"; 
				html += " </a>";
				html += " <p class='userName'>"+userInfo.usr_nm+"</p>";
				html += " <p class='grpName'>"+userInfo.dept_nm+"</p>";
				html += " <div class='userTx'><p>"+userInfo.self_intro+"</p></div>";
				html += "</div>";
				//html += "<dl class='userInfo'>";
				//html += "  <dt>이메일주소</dt>";
				//html += "  <dd class='first'>"+userInfo.email+"</dd>";
				//html += "  <dt>핸드폰번호</dt>";
				//html += "  <dd>"+ userInfo.phn_num+"</dd>";
				//html += "  <dt>전화번호</dt>";
				//html += "  <dd>"+ userInfo.tel_num+"</dd>";
				//html += "</dl>";
				//html += "<div class='send'>";
				//html += " <a href='javascript:messageBox();' class='message' id='messageBox'>메세지함<em class='color1' style='font-size:10px;'>(0)</em></a>";
				//html += " <a href='/ntcn/listNtcn.do' class='followBt'><span>알림센터</span></a>";
				//html += "</div>";
				html += "<div class='personal_info'>";
				html += " <ul class='info_check'>";
				html += "  <li class='time'>";
				html += "   <strong>최근접속</strong>";
				html += "   <span>"+userInfo.lst_login_dttm+"</span>";
				html += "  </li>";
				html += "  <li class='alarm'>";
				html += "   <a href='/ntcn/listNtcn.do'><strong>새로운 알림</strong></a>";
				html += "   <button id='alarm_click'><b class='count' id='alarm'>0</b></button>";
				html += "  </li>";
				html += " </ul>";
				html += "</div>";
				html += "<div class='personal_count'>";
				html += " <ul class='count'>";
				html += "  <li class='message'><strong>자료전달</strong><span><a href='/message/listMessagePage.do'>확인하기</a></span></li>";
				html += "  <li class='notice'><strong>게시글, 댓글</strong><span>"+userInfo.write_post_cnt + "</span></li>";
				html += "  <li class='comment'><strong>받은 댓글</strong><span> " + userInfo.recv_post_cnt + "</span></li>";
				html += "  <li class='like'><strong>받은 좋아요</strong><span>" + userInfo.recv_like_cnt + "</span></li>";
				html += " </ul>";
				html += "</div>"; */
				
				$("#myProfile").empty();
				$("#myProfile").append(html);			
			},
			error : function(xhr, status, error) {
				if (xhr.status == 404) {
					alert("페이지를 찾을 수 없습니다.");
					return;
				} else if (xhr.status == 503) {
					alert("페이지 권한이 없습니다.");
					return;
				}
				alert("장애가 발생하였습니다.\n\n잠시 후 시도해 주세요.");
		
			},
			complete: function(xhr, status) {
				var left_link_top_pos = $('#leftbar .profile').outerHeight();
				$('#leftbar .scroll_form').css('top', left_link_top_pos);
			}
	}); 
	/* //자료전달 팝업
		$("#messageBox").click(function(e) {
									
			var winPosLeft = (screen.width - 810) / 2;
			var winPosTop = (screen.height - 492) / 2;
			
			$("body").append("<div id='user_popup_profile'></div>");
			
			$("#user_popup_profile").bPopup({	
				follow: [false, false], 
				position: [winPosLeft, winPosTop-150]
	        },function() { 
	        	fnListMessage(1);    
	        });					
			
		}); */
});

function messageBox(){
	var winPosLeft = (screen.width - 880) / 2;
	var winPosTop = (screen.height - 680) / 2;
	
	window.open("<c:url value='/message/listMessagePage.do'/>","notice","height=650, width=880, top="+winPosTop+", left="+winPosLeft+", scrollbars=no, resizable=no, location=no, status=no");
	
	/* $("body").append("<div id='user_popup_profile'></div>");
	
	$("#user_popup_profile").bPopup({	
		follow: [false, false] 		
    },function() { 
    	fnListMessage(1);    
    }).css({
		"position": "fixed",
		"top": "50%",
		"left": "50%",
		"transform": "translate(-50%, -50%)"
	});	 */		
}

</script>