탭방식 위젯 추가

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@3056 201d5d3c-b55e-5fd7-737f-ddc643e51545

widgets/tab_newest_document/skins/xe_official/css/normal.css

@@ -0,0 +1,33 @@
+.tabWdiget { overflow:hidden; }
+
+.tabWdiget .tabBox { border-bottom:1px solid #DEDEDE; height:27px; z-index:1; }
+.tabWdiget .tabBox a { text-decoration:none; color:#666666; }
+.tabWdiget .tab { position:relative; top:1px; border:1px solid #DEDEDE; margin-right:4px; float:left; cursor:pointer;  background-color:#FFFFFF; z-index:2; height:25px; }
+.tabWdiget .on { position:relative; top:1px; border:1px solid #DEDEDE; border-bottom:1px solid #FFFFFF; margin-right:4px; float:left; cursor:pointer;  background-color:#FFFFFF; z-index:2; height:25px; }
+
+.tabWdiget .tab div { float:left; height:15px; border-bottom:5px solid #EEEEEE; font-size:9pt; padding:5px 8px 0 8px; color:#666666; }
+.tabWdiget .tab div a { color:#666666; }
+.tabWdiget .on div { float:left; height:15px; border-bottom:5px solid #FFFFFF; font-size:9pt; padding:5px 8px 0 8px; color:#000000; }
+.tabWdiget .on div a { color:#000000; }
+
+.tabWdiget .tabContent { border:1px solid #DEDEDE; padding:10px;  border-top:none; background-color:#FFFFFF; z-index:1;}
+.tabWdiget .show { display:block; }
+.tabWdiget .hide { display:none; }
+
+.tabWdiget .tabContent table { border:0; width:100%; table-layout:fixed; }
+
+.tabWdiget .tabContent .thumbnail { text-align:center; }
+.tabWdiget .tabContent .thumbnail img { border:1px solid #EEEEEE; padding:5px; float:left; }
+
+.tabWdiget .tabContent .titleBox { padding-top:3px; padding-left:10px; color:#888888; }
+.tabWdiget .tabContent .titleBox .regdate { font-family:tahoma; font-size:.85em; color:#AAAAAA;}
+.tabWdiget .tabContent .titleBox .title { background:url(../images/normal/bullet.gif) no-repeat 3px 6px; padding-left:10px; margin-top:3px; height:20px; white-space:nowrap; overflow:hidden; }
+.tabWdiget .tabContent .titleBox .title .comment_cnt { font-weight:normal; font-size:0.8em; color:#F48A23; }
+.tabWdiget .tabContent .titleBox .title a { color:#666666; text-decoration:none; }
+.tabWdiget .tabContent .titleBox .title a:hover { text-decoration:underline; }
+
+.tabWdiget .tabContent .titleBox .title .author { color:#AAAAAA; }
+.tabWdiget .tabContent .titleBox .title .readAndVoted { font-family:tahoma; font-size:.8em; color:#AAAAAA;}
+.tabWdiget .tabContent .titleBox .title .readAndVoted .readed { color:#4BC4C8;}
+.tabWdiget .tabContent .titleBox .title .readAndVoted .voted { color:#C8A64B;}
+

widgets/tab_newest_document/skins/xe_official/js/tab.js

@@ -0,0 +1,22 @@
+function overTab(obj) {
+    var tab_id = obj.id;
+
+    var cObj = obj.parentNode.firstChild;
+    while(cObj) {
+        if(cObj.nodeName == "DIV" && cObj.id) {
+            var cTabID= cObj.id;
+            if(cTabID.indexOf('tab')<0) continue;
+            var cContentID = cTabID.replace(/^tab/,'content');
+
+            if(tab_id == cTabID) {
+                cObj.className = "tab on";
+                xGetElementById(cContentID).className = "tabContent show";
+            } else {
+                cObj.className = "tab";
+                xGetElementById(cContentID).className = "tabContent hide";
+            }
+        }
+        cObj = cObj.nextSibling;
+    }
+
+}

widgets/tab_newest_document/skins/xe_official/list.html

@@ -0,0 +1,64 @@
+<!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
+<!--%import("js/tab.js")-->
+
+<!--@if($colorset=="normal"||!$colorset)-->
+    <!--%import("css/normal.css")-->
+<!--@end-->
+
+{@ $_id_prefix = time() }
+{@ $_checked = false; }
+
+<div class="tabWdiget">
+    <div class="tabBox">
+    <!--@foreach($tab_list as $key => $val)-->
+        <div class="tab <!--@if(!$_checked)-->on{@ $_checked = true;}<!--@end-->" id="tab_{$_id_prefix}_{$key}" onmouseover="overTab(this);"><div><a href="{getUrl('','mid',$val->mid)}">{$val->browser_title}</a></div></div>
+    <!--@end-->
+        <div class="clear"></div>
+    </div>
+
+    {@ $_checked = false; }
+    <!--@foreach($tab_list as $key => $val)-->
+    <div class="tabContent <!--@if(!$_checked)-->show{@ $_checked = true;}<!--@else-->hide<!--@end-->" id="content_{$_id_prefix}_{$key}">
+        {@ $_thumbnail_checked = false; }
+        <table cellspacing="0">
+        <tr>
+            <!--@foreach($val->document_list as $k => $v)-->
+                <!--@if(!$_thumbnail_checked && $v->thumbnailExists($widget_info->thumbnail_width, $widget_info->thumbnail_height))-->
+                    <td class="thumbnail" width="{$widget_info->thumbnail_width+12}">
+                        <a href="{getUrl('','document_srl',$v->document_srl)}"><img src="{$v->getThumbnail($widget_info->thumbnail_width,$widget_info->thumbnail_height,$widget_info->thumbnail_type)}" border="0" alt="" /></a>
+                    </td>
+                    {@ $_thumbnail_checked = true; }
+                <!--@end-->
+            <!--@end-->
+
+            <td class="titleBox">
+            <!--@foreach($val->document_list as $k => $v)-->
+                <div class="title">
+                    <!--@if($widget_info->display_regdate == 'Y')-->
+                    <span class="regdate">[{$v->getRegdate("m-d")}]</span>
+                    <!--@end-->
+
+                    <a href="{$v->getPermanentUrl()}#{$v->getCommentCount()}">{$v->getTitleText($widget_info->subject_cut_size)}</a> {$v->printExtraImages($widget_info->duration_new)}
+                    <!--@if($v->getCommentCount())--><span class="comment_cnt">*{$v->getCommentCount()}</span><!--@end-->
+
+                    <!--@if($widget_info->display_author == 'Y')-->
+                    <span class="author">by {$v->getNickName()}</span>
+                    <!--@end-->
+
+                    <!--@if($widget_info->display_readed_count == 'Y' || $widget_info->display_voted_count == 'Y' )-->
+                    <span class="readAndVoted">
+                        (<!--@if($widget_info->display_readed_count == 'Y')--><span class="readed">{$v->get('readed_count')}</span><!--@end--><!--@if($widget_info->display_voted_count == 'Y' && $v->get('voted_count')>0 )--><!--@if($widget_info->display_readed_count == 'Y')-->/ <!--@end--><span class="voted">{$v->get('voted_count')}</span><!--@end-->)
+                    </span>
+                    <!--@end-->
+
+                </div>
+            <!--@end-->
+            </td>
+        </tr>
+        </table>
+        <div class="clear"></div>
+    </div>
+    <div class="clear"></div>
+    <!--@end-->
+
+</div>

widgets/tab_newest_document/skins/xe_official/skin.xml

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<skin>
+  <title xml:lang="ko">웹진형 최근글 출력 기본 스킨</title>
+  <title xml:lang="jp">웹진형 최근글 출력 기본 스킨</title>
+  <title xml:lang="zh-CN">웹진형 최근글 출력 기본 스킨</title>
+  <title xml:lang="en">Display newest documents like webzine style</title>
+  <maker email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 11. 22">
+    <name xml:lang="ko">제로</name>
+    <name xml:lang="jp">Zero</name>
+    <name xml:lang="zh-CN">Zero</name>
+    <name xml:lang="en">Zero</name>
+    <description xml:lang="ko">글 목록과 이미지가 같이 출력되는 웹진형 스킨입니다. 이미지가 있는 글들만 노출이 됩니다.</description>
+    <description xml:lang="jp">글 목록과 이미지가 같이 출력되는 웹진형 스킨입니다. 이미지가 있는 글들만 노출이 됩니다.</description>
+    <description xml:lang="zh-CN">글 목록과 이미지가 같이 출력되는 웹진형 스킨입니다. 이미지가 있는 글들만 노출이 됩니다.</description>
+    <description xml:lang="en">글 목록과 이미지가 같이 출력되는 웹진형 스킨입니다. 이미지가 있는 글들만 노출이 됩니다.</description>
+  </maker>
+  <colorset>
+    <color name="normal">
+      <title xml:lang="ko">기본 컬러</title>
+      <title xml:lang="jp">デフォルトカラー</title>
+      <title xml:lang="zh-CN">默认颜色</title>
+      <title xml:lang="en">Default Color</title>
+    </color>
+  </colorset>
+</skin>