From a1998209363d28ad6029eee5ef3ccd812e13db50 Mon Sep 17 00:00:00 2001
From: BJRambo <sosifam@070805.co.kr>
Date: Fri, 27 May 2016 04:53:40 +0900
Subject: [PATCH] =?UTF-8?q?=EC=95=8C=EB=A6=BC=EC=84=BC=ED=84=B0=20?=
 =?UTF-8?q?=EC=8A=A4=ED=82=A8=20=EC=B6=94=EA=B0=80=20(=EA=B2=80=EC=9D=80?=
 =?UTF-8?q?=EC=83=89)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../skins/ncenter_login/css/ncenter.css       | 193 ++++++++++++++++++
 .../skins/ncenter_login/login_info.html       | 126 ++++++++++++
 .../login_info/skins/ncenter_login/skin.xml   |  36 ++++
 3 files changed, 355 insertions(+)
 create mode 100644 widgets/login_info/skins/ncenter_login/css/ncenter.css
 create mode 100644 widgets/login_info/skins/ncenter_login/login_info.html
 create mode 100644 widgets/login_info/skins/ncenter_login/skin.xml

diff --git a/widgets/login_info/skins/ncenter_login/css/ncenter.css b/widgets/login_info/skins/ncenter_login/css/ncenter.css
new file mode 100644
index 000000000..4c4ea8c9d
--- /dev/null
+++ b/widgets/login_info/skins/ncenter_login/css/ncenter.css
@@ -0,0 +1,193 @@
+#nc_container {
+	z-index:99;
+	position:fixed;
+	bottom:0;
+	right:0;
+	margin:0;
+	padding:0;
+	width:330px;
+	height:50px;
+	border-bottom:1px solid;
+	font-size:12px;
+	line-height:15px;
+}
+
+#nc_container a {
+	padding:0;
+	font-size:12px;
+	text-decoration:none;
+}
+
+#nc_container ul.nc_memu {
+	display:block;
+	margin:0;
+	padding:4px;
+	list-style:none;
+	line-height:20px;
+}
+
+#nc_container ul:after {
+	content:"";
+	display:block;
+	clear:both;
+}
+
+#nc_container ul.nc_memu li {
+	display:inline-block;
+	padding:0 5px;
+	height:20px;
+	width:auto;
+	background:transparent!important;
+}
+
+#nc_container ul.nc_memu li.fLeft {
+	float:left;
+}
+
+#nc_container ul.nc_memu li.fRight {
+	float:right;
+}
+
+#nc_container ul.nc_memu li a.notify {
+	display:block;
+	float:left;
+}
+
+#nc_container a.close {
+	display:block;
+}
+
+#nc_container .nc_profile img {
+	width:20px;
+	height:20px;
+	vertical-align:top;
+}
+
+#nc_container a.notify .num {
+	padding:1px 2px;
+	border:0;
+	border-radius:3px;
+	-webkit-border-radius:3px;
+	-moz-border-radius:3px;
+	font-size:12px;
+	font-weight:700;
+	font-family:Gulim,"lucida grande",tahoma,verdana,arial,sans-serif;
+}
+
+#nc_container .list {
+	display:none;
+	position:absolute;
+	left:0;
+	bottom:50px;
+	max-width:330px;
+	width:330px;
+	box-sizing:border-box;
+	-moz-box-sizing:border-box;
+	-webkit-box-sizing:border-box;
+	-o-box-sizing:border-box;
+}
+
+#nc_container a.readall {
+	display:none;
+	float:left;
+	margin:0 4px;
+	font-size:11px;
+	font-weight:700;
+}
+
+#nc_container .listscroll {
+	overflow-y:auto;
+	overflow-x:hidden;
+}
+
+#nc_container .list ul {
+	overflow:hidden;
+	margin:-1px 0;
+	padding:0;
+	list-style:none;
+}
+
+#nc_container .list li {
+	margin:-1px 0;
+	border:1px solid #555;
+	border-width:1px 0;
+}
+
+#nc_container .list li img {
+	float:left;
+	margin-right:5px;
+	width:45px;
+	height:45px;
+	border:0;
+}
+
+#nc_container .list li a {
+	display:block;
+	overflow:hidden;
+	padding:10px;
+	font-size:12px;
+}
+
+#nc_container .list span.ago {
+	display:block;
+	font-size:10px;
+}
+
+#nc_container .list .more {
+	display:block;
+	padding:10px;
+	text-align:center;
+}
+
+#nc_container a:hover,#nc_container .list li a:hover,#nc_container .list .more:hover {
+	text-decoration:none;
+}
+
+@media only screen and max-device-width 480px {
+	#nc_container {
+		position:relative;
+		height:auto;
+	}
+
+	#nc_container .list {
+		top:2px;
+		position:relative;
+	}
+
+	#nc_container .list ul {
+		display:block;
+		position:relative;
+	}
+
+	#nc_container ul.nc_memu:after {
+		content:"";
+		display:block;
+		visibility:hidden;
+		height:0;
+		clear:both;
+	}
+
+	#nc_container .listscroll {
+		overflow:visible;
+	}
+
+	.ncenterlite_block {
+		display:none;
+	}
+}
+
+#nc_container { border-bottom-color:#555; background-color:#333; color:#B0B0B0; opacity:0.95;}
+#nc_container a { color:#B0B0B0; }
+#nc_container a:hover { color:#B0B0B0; }
+#nc_container strong { color:#F3F3F3; }
+
+#nc_container .list { background-color:#333; filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95; }
+#nc_container .list li { border-color:#555; }
+#nc_container .list li a:hover { background-color:#555; }
+#nc_container .list span.ago { color:#D4AF37; }
+#nc_container .list .more { background: #555; }
+#nc_container a.readall { display:none; color:#555; color:#D83722;}
+
+#nc_container a.notify { color:white; }
+#nc_container a.notify .num { background-color:#D83722; color:white; }
+#nc_container ul.nc_memu li { padding-right:5px; }
diff --git a/widgets/login_info/skins/ncenter_login/login_info.html b/widgets/login_info/skins/ncenter_login/login_info.html
new file mode 100644
index 000000000..f0c2363e3
--- /dev/null
+++ b/widgets/login_info/skins/ncenter_login/login_info.html
@@ -0,0 +1,126 @@
+<load target="./css/ncenter.css" />
+
+<div id="nc_container" {$ncenterlite_zindex}>
+	<ul class="nc_memu">
+		<li class="nc_profile fLeft">
+			<block cond="$useProfileImage">
+				<img cond="$profileImage" src="{$profileImage->src}" alt="my profile" class="nc_profile_img" />
+				<img cond="!$profileImage" src="{Context::getRequestUri()}modules/ncenterlite/skins/default/img/p.png" alt="my profile" class="nc_profile_img" />
+			</block>
+			<strong>{$logged_info->nick_name}</strong> {$lang->ncenterlite_sir}!
+		</li>
+
+		<li class="fLeft">
+			<a class="notify" href="#">
+				<!--@if($_ncenterlite_num > 1)-->
+				{sprintf($lang->ncenterlite_messages, $ncenterlite_page_navigation->total_count)}
+				<!--@else-->
+				{sprintf($lang->ncenterlite_message, $ncenterlite_page_navigation->total_count)}
+				<!--@endif-->
+			</a>
+			<a cond="$ncenterlite_page_navigation->total_count >= 1" href="#" class="readall">{$lang->ncenterlite_delete_all}</a>
+		</li>
+
+		<li class="fRight"><a class="close" href="#">× Close</a></li>
+	</ul>
+
+	<div class="list">
+		<ul>
+			<li loop="$ncenterlite_list => $o">
+				<a href="{$o->url}">
+					<block cond="$useProfileImage">
+						<img src="{$o->profileImage}"|cond="$o->profileImage" src="{Context::getRequestUri()}modules/ncenterlite/skins/default/img/p.png"|cond="!$o->profileImage" alt="" class="nc_profile_img" />
+					</block>
+					<span class="msg">{$o->text}</span><span class="ago">{$o->ago}</span>
+				</a>
+			</li>
+		</ul>
+		<a cond="$ncenterlite_page_navigation->total_count > 5" class="more" href="#" data-page="2">{$lang->ncenterlite_more}</a>
+	</div>
+</div>
+
+<script type="text/javascript">
+	//<![CDATA[
+	(function($){
+		$(function(){
+			function setCookie(n, v, d){
+				var e = "";
+				if(d){ var dt=new Date(); dt.setTime(dt.getTime() + (d*24*60*60000)); e="; expires=" + dt.toGMTString(); }
+				document.cookie = n + "=" + v + e + "; path=/";
+			}
+
+			var n = $('#nc_container');
+			$('.close',n).click(function(){
+				setCookie('_ncenterlite_hide_id', '{$ncenterlite_latest_notify_id}', 1); n.hide().next('div').hide(); return false;
+			});
+			$('.readall',n).click(function(){
+				exec_xml('ncenterlite', 'procNcenterliteNotifyReadAll'); $('.close',n).triggerHandler('click'); return false;
+			});
+			$('a.notify',n).click(function(){
+				$('.list',n).toggle(); $('.readall',n).toggle(); return false;
+			});
+			$(document).click(function(e){
+				var t = $(e.target);if(!t.is('#nc_container') && t.parents('#nc_container').length == 0){ if($('.list', n).is(':visible')) { $('.list',n).hide(); $('.readall',n).hide(); return false; } }
+			});
+
+			var $listWrap = $('.list ul',n);
+			var $btnMore = $('.more',n);
+			$btnMore.click(function(){
+				var page = $(this).data('page');
+				var $item_html = $('<li><a><span class="msg"></span><span class="ago"></span></a></li>');
+				var $profileImg = $('<img class="nc_profile_img" alt="" />');
+				$.exec_json('ncenterlite.getMyNotifyListTpl', { 'page':page }, function(ret) {
+					if(!ret.list.data) return;
+
+					for(var i in ret.list.data)
+					{
+						if(ret.list.data.hasOwnProperty(i))
+						{
+							var item = ret.list.data[i];
+							var $html = $item_html.clone();
+							if(ret.useProfileImage == 'Y')
+							{
+								var $img = $profileImg.clone();
+								if(!item.profileImage) item.profileImage = request_uri + 'modules/ncenterlite/skins/default/img/p.png';
+								$img.attr('src', item.profileImage);
+								$html.find('a').prepend($img);
+							}
+
+							$('span.msg', $html).html(item.text);
+							$('span.ago', $html).html(item.ago);
+							$('a', $html).attr('href', item.url);
+
+							if(i == 0) $html.attr('id', 'ncenterlite_page_' + ret.list.page.cur_page);
+							$listWrap.append($html);
+						}
+					}
+
+					$listWrap.animate({scrollTop: (ret.list.page.cur_page-1) * 265}, 800);
+
+					if(ret['list'].page.total_page <= ret.list.page.cur_page)
+					{
+						$btnMore.remove();
+					}
+				}, ['list']);
+
+				$(this).data('page', ++page);
+				return false;
+			});
+		});
+
+		<block cond="!Mobile::isFromMobilePhone()">
+				function sc(){
+					var wh = $(window).height();
+					var l = $('#nc_container .list');
+					if(l.height()+100 >= wh) {
+						l.height(wh-98).addClass('listscroll');
+					} else {
+						l.height('auto').removeClass('listscroll');
+					}
+					setTimeout(sc, 100);
+				}
+		sc();
+		</block>
+	})(jQuery);
+	//]]>
+</script>
diff --git a/widgets/login_info/skins/ncenter_login/skin.xml b/widgets/login_info/skins/ncenter_login/skin.xml
new file mode 100644
index 000000000..647c7b4b9
--- /dev/null
+++ b/widgets/login_info/skins/ncenter_login/skin.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<skin version="0.2">
+	<title xml:lang="ko">RX 알림센터 로그인 스킨</title>
+	<description xml:lang="ko">RX 알림센터겸용 로그인 스킨입니다.</description>
+	<version>1.0</version>
+	<date>2016-05-27</date>
+	<link>http://bjrambo.com</link>
+
+	<author email_address="qw5414@naver.com" link="http://bjrambo.com">
+		<name xml:lang="ko">NAVER</name>
+	</author>
+
+	<colorset>
+		<color name="layout">
+			<title xml:lang="ko">레이아웃에 맞춤</title>
+			<title xml:lang="jp">レイアウトに合わせる</title>
+			<title xml:lang="zh-CN">随布局</title>
+			<title xml:lang="en">레이아웃에 맞춤</title>
+			<title xml:lang="zh-TW">隨版面</title>
+		</color>
+		<color name="white">
+			<title xml:lang="ko">하얀색(기본)</title>
+			<title xml:lang="jp">白（デフォルト）</title>
+			<title xml:lang="zh-CN">白色（默认）</title>
+			<title xml:lang="en">White (default)</title>
+			<title xml:lang="zh-TW">白色(預設)</title>
+		</color>
+		<color name="black">
+			<title xml:lang="ko">검은색</title>
+			<title xml:lang="jp">黒</title>
+			<title xml:lang="en">Black</title>
+			<title xml:lang="zh-CN">黑色</title>
+			<title xml:lang="zh-TW">黑色</title>
+		</color>
+	</colorset>
+</skin>