1. jQuery뿐 아니라 여러 javascript 의 플러그인 사용을 위해 template handler에 <!--%load_js_plugin("이름")--> 기능 추가 ( ./common/js/plugins/이름/plugin.load 파일에 기재된 js/css, 또는 lang을 import 함)

2. 1번에 의해 ui.datepicker, ui.tree를 플러그인으로 빼서 적용
3. jquery의 버전별 이름이 생길 문제를 대비하여 jquery.js로 파일 이름 변경
4. js/css파일들은 크기보다 그 개수가 적어야 함으로 jquery-1.2.6.fix.js를 common.js 파일로 통합


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

classes/context/Context.class.php

@@ -135,8 +135,7 @@
             else $this->allow_rewrite = false;
 
             // 기본 JS/CSS 등록
-            $this->addJsFile("./common/js/jquery-1.2.6.js");
+            $this->addJsFile("./common/js/jquery.js");
-            $this->addJsFile("./common/js/jquery-1.2.6.fix.js"); // jQuery 1.2.6 bug fix
             $this->addJsFile("./common/js/x.js");
             $this->addJsFile("./common/js/common.js");
             $this->addJsFile("./common/js/xml_handler.js");
@@ -1054,6 +1053,33 @@
             return $oOptimizer->getOptimizedFiles($this->_getUniqueFileList($this->css_files), "css");
         }
 
+        /**
+         * @brief javascript plugin load
+         **/
+        function loadJavascriptPlugin($plugin_name) {
+            $oContext = &Context::getInstance();
+            return $oContext->_loadJavascriptPlugin($plugin_name);
+        }
+
+        function _loadJavascriptPlugin($plugin_name) {
+            $plugin_path = './common/js/plugins/'.$plugin_name.'/';
+            if(!is_dir($plugin_path)) return;
+
+            $info_file = $plugin_path.'plugin.load';
+            if(!file_exists($info_file)) return;
+
+            $list = file($info_file);
+            for($i=0,$cnt=count($list);$i<$cnt;$i++) {
+                $filename = trim($list[$i]);
+                if(!$filename) continue;
+                if(substr($filename,0,2)=='./') $filename = substr($filename,2);
+                if(preg_match('/\.js$/i',$filename)) $this->_addJsFile($plugin_path.$filename, false, '');
+                elseif(preg_match('/\.css$/i',$filename)) $this->_addCSSFile($plugin_path.$filename, false, 'all','');
+            }
+
+            if(is_dir($plugin_path.'lang')) $this->_loadLang($plugin_path.'lang');
+        }
+
         /**
          * @brief HtmlHeader 추가
          **/

classes/template/TemplateHandler.class.php

@@ -124,6 +124,10 @@
             // unload css/ js <!--%unload("filename"[,optimized=true|false][,media="media"][,targetie="lt IE 6|IE 7|gte IE 8|..."])--> (media는 css에만 적용)
             $buff = preg_replace_callback('!<\!--%unload\(\"([^\"]*?)\"(,optimized\=(true|false))?(,media\=\"([^\"]*)\")?(,targetie=\"([^\"]*)\")?\)-->!is', array($this, '_compileUnloadCode'), $buff);
 
+            // javascript plugin import
+            $buff = preg_replace_callback('!<\!--%load_js_plugin\(\"([^\"]*?)\"\)-->!is', array($this, '_compileLoadJavascriptPlugin'), $buff);
+
+
             // 파일에 쓰기 전에 직접 호출되는 것을 방지
             $buff = sprintf('%s%s%s','<?php if(!defined("__ZBXE__")) exit();?>',"\n",$buff);
 
@@ -357,6 +361,16 @@
             return $output;
         }
 
+        /**
+         * @brief javascript 플러그인 import 
+         * javascript 플러그인의 경우 optimized = false로 동작하도록 고정시킴
+         **/
+        function _compileLoadJavascriptPlugin($matches) {
+            $base_path = $this->tpl_path;
+            $plugin = trim($matches[1]);
+            return sprintf('<?php Context::loadJavascriptPlugin("%s"); ?>', $plugin);
+        }
+
         /**
          * @brief <!--%filename-->의 확장자를 봐서 css/ js 파일을 제거하도록 수정
          **/

common/css/calendar-system.css

@@ -1,251 +0,0 @@
-/* The main calendar widget.  DIV containing a table. */
-
-.calendar {
-  position: relative;
-  display: none;
-  border: 1px solid;
-  border-color: #fff #000 #000 #fff;
-  font-size: 11px;
-  cursor: default;
-  background: Window;
-  color: WindowText;
-  font-family: tahoma,verdana,sans-serif;
-}
-
-.calendar table {
-  border: 1px solid;
-  border-color: #fff #000 #000 #fff;
-  font-size: 11px;
-  cursor: default;
-  background: Window;
-  color: WindowText;
-  font-family: tahoma,verdana,sans-serif;
-}
-
-/* Header part -- contains navigation buttons and day names. */
-
-.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
-  text-align: center;
-  padding: 1px;
-  border: 1px solid;
-  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
-  background: ButtonFace;
-}
-
-.calendar .nav {
-  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
-}
-
-.calendar thead .title { /* This holds the current "month, year" */
-  font-weight: bold;
-  padding: 1px;
-  border: 1px solid #000;
-  background: ActiveCaption;
-  color: CaptionText;
-  text-align: center;
-}
-
-.calendar thead .headrow { /* Row <TR> containing navigation buttons */
-}
-
-.calendar thead .daynames { /* Row <TR> containing the day names */
-}
-
-.calendar thead .name { /* Cells <TD> containing the day names */
-  border-bottom: 1px solid ButtonShadow;
-  padding: 2px;
-  text-align: center;
-  background: ButtonFace;
-  color: ButtonText;
-}
-
-.calendar thead .weekend { /* How a weekend day name shows in header */
-  color: #f00;
-}
-
-.calendar thead .hilite { /* How do the buttons in header appear when hover */
-  border: 2px solid;
-  padding: 0px;
-  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
-}
-
-.calendar thead .active { /* Active (pressed) buttons in header */
-  border-width: 1px;
-  padding: 2px 0px 0px 2px;
-  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
-}
-
-/* The body part -- contains all the days in month. */
-
-.calendar tbody .day { /* Cells <TD> containing month days dates */
-  width: 2em;
-  text-align: right;
-  padding: 2px 4px 2px 2px;
-}
-.calendar tbody .day.othermonth {
-  font-size: 80%;
-  color: #aaa;
-}
-.calendar tbody .day.othermonth.oweekend {
-  color: #faa;
-}
-
-.calendar table .wn {
-  padding: 2px 3px 2px 2px;
-  border-right: 1px solid ButtonShadow;
-  background: ButtonFace;
-  color: ButtonText;
-}
-
-.calendar tbody .rowhilite td {
-  background: Highlight;
-  color: HighlightText;
-}
-
-.calendar tbody td.hilite { /* Hovered cells <TD> */
-  padding: 1px 3px 1px 1px;
-  border-top: 1px solid #fff;
-  border-right: 1px solid #000;
-  border-bottom: 1px solid #000;
-  border-left: 1px solid #fff;
-}
-
-.calendar tbody td.active { /* Active (pressed) cells <TD> */
-  padding: 2px 2px 0px 2px;
-  border: 1px solid;
-  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
-}
-
-.calendar tbody td.selected { /* Cell showing selected date */
-  font-weight: bold;
-  border: 1px solid;
-  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
-  padding: 2px 2px 0px 2px;
-  background: ButtonFace;
-  color: ButtonText;
-}
-
-.calendar tbody td.weekend { /* Cells showing weekend days */
-  color: #f00;
-}
-
-.calendar tbody td.today { /* Cell showing today date */
-  font-weight: bold;
-  color: #00f;
-}
-
-.calendar tbody td.disabled { color: GrayText; }
-
-.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
-  visibility: hidden;
-}
-
-.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
-  display: none;
-}
-
-/* The footer part -- status bar and "Close" button */
-
-.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
-}
-
-.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
-  background: ButtonFace;
-  padding: 1px;
-  border: 1px solid;
-  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
-  color: ButtonText;
-  text-align: center;
-}
-
-.calendar tfoot .hilite { /* Hover style for buttons in footer */
-  border-top: 1px solid #fff;
-  border-right: 1px solid #000;
-  border-bottom: 1px solid #000;
-  border-left: 1px solid #fff;
-  padding: 1px;
-  background: #e4e0d8;
-}
-
-.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
-  padding: 2px 0px 0px 2px;
-  border-top: 1px solid #000;
-  border-right: 1px solid #fff;
-  border-bottom: 1px solid #fff;
-  border-left: 1px solid #000;
-}
-
-/* Combo boxes (menus that display months/years for direct selection) */
-
-.calendar .combo {
-  position: absolute;
-  display: none;
-  width: 4em;
-  top: 0px;
-  left: 0px;
-  cursor: default;
-  border: 1px solid;
-  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
-  background: Menu;
-  color: MenuText;
-  font-size: 90%;
-  padding: 1px;
-  z-index: 100;
-}
-
-.calendar .combo .label,
-.calendar .combo .label-IEfix {
-  text-align: center;
-  padding: 1px;
-}
-
-.calendar .combo .label-IEfix {
-  width: 4em;
-}
-
-.calendar .combo .active {
-  padding: 0px;
-  border: 1px solid #000;
-}
-
-.calendar .combo .hilite {
-  background: Highlight;
-  color: HighlightText;
-}
-
-.calendar td.time {
-  border-top: 1px solid ButtonShadow;
-  padding: 1px 0px;
-  text-align: center;
-  background-color: ButtonFace;
-}
-
-.calendar td.time .hour,
-.calendar td.time .minute,
-.calendar td.time .ampm {
-  padding: 0px 3px 0px 4px;
-  border: 1px solid #889;
-  font-weight: bold;
-  background-color: Menu;
-}
-
-.calendar td.time .ampm {
-  text-align: center;
-}
-
-.calendar td.time .colon {
-  padding: 0px 2px 0px 3px;
-  font-weight: bold;
-}
-
-.calendar td.time span.hilite {
-  border-color: #000;
-  background-color: Highlight;
-  color: HighlightText;
-}
-
-.calendar td.time span.active {
-  border-color: #f00;
-  background-color: #000;
-  color: #0f0;
-}

common/js/common.js

@@ -239,6 +239,37 @@ jQuery(function($) {
     }
 });
 
+/*
+ * jQuery 1.2.6
+ * Opera 브라우저에서 $(window).height() / width() 값을 잘못 가져오는 문제 수정
+ * jQuery 1.3에서 수정되었음
+ * @link http://dev.jquery.com/changeset/5938
+ */
+if(jQuery.fn.jquery == '1.2.6') {
+    jQuery.each([ "Height", "Width" ], function(i, name){
+        var type = name.toLowerCase();
+
+        jQuery.fn[ type ] = function( size ) {
+            return this[0] == window ?
+                // Opera 브라우저에서 $(window).height() / width() 값을 잘못 가져오는 문제 수정
+                jQuery.browser.opera  && document.body.parentNode[ "client" + name ] ||
+
+                jQuery.browser.safari && window[ "inner" + name ] ||
+                document.compatMode == "CSS1Compat" && document.documentElement[ "client" + name ] || document.body[ "client" + name ] :
+
+                this[0] == document ?
+                    Math.max(
+                        Math.max(document.body["scroll" + name], document.documentElement["scroll" + name]),
+                        Math.max(document.body["offset" + name], document.documentElement["offset" + name])
+                    ) :
+
+                    size == undefined ?
+                        (this.length ? jQuery.css( this[0], type ) : null) :
+                        this.css( type, size.constructor == String ? size : size + "px" );
+        };
+    });
+}
+
 
 
 /**

common/js/jquery-1.2.6.fix.js

@@ -1,31 +0,0 @@
-
-/*
- * jQuery 1.2.6
- * Opera 브라우저에서 $(window).height() / width() 값을 잘못 가져오는 문제 수정
- * jQuery 1.3에서 수정되었음
- * @link http://dev.jquery.com/changeset/5938
- */
-if(jQuery.fn.jquery == '1.2.6') {
-    jQuery.each([ "Height", "Width" ], function(i, name){
-        var type = name.toLowerCase();
-
-        jQuery.fn[ type ] = function( size ) {
-            return this[0] == window ?
-                // Opera 브라우저에서 $(window).height() / width() 값을 잘못 가져오는 문제 수정
-                jQuery.browser.opera  && document.body.parentNode[ "client" + name ] ||
-
-                jQuery.browser.safari && window[ "inner" + name ] ||
-                document.compatMode == "CSS1Compat" && document.documentElement[ "client" + name ] || document.body[ "client" + name ] :
-
-                this[0] == document ?
-                    Math.max(
-                        Math.max(document.body["scroll" + name], document.documentElement["scroll" + name]),
-                        Math.max(document.body["offset" + name], document.documentElement["offset" + name])
-                    ) :
-
-                    size == undefined ?
-                        (this.length ? jQuery.css( this[0], type ) : null) :
-                        this.css( type, size.constructor == String ? size : size + "px" );
-        };
-    });
-}

common/js/plugins/ui.datepicker/plugin.load

@@ -0,0 +1,2 @@
+ui.datepicker.js
+ui.datepicker.css

common/js/plugins/ui.tree/jquery.simple.tree.css

@@ -40,7 +40,7 @@
 .simpleTree .root
 {
 	margin-left:-16px;
-	background: url(../tpl/images/tree/root.gif) no-repeat 16px 0 #ffffff;
+	background: url(./images/root.gif) no-repeat 16px 0 #ffffff;
 }
 .simpleTree .line
 {
@@ -49,7 +49,7 @@
 	line-height: 3px;
 	height:3px;
 	font-size:3px;
-	background: url(../tpl/images/tree/line_bg.gif) 0 0 no-repeat transparent;
+	background: url(./images/line_bg.gif) 0 0 no-repeat transparent;
 }
 .simpleTree .line-last
 {
@@ -58,7 +58,7 @@
 	line-height: 3px;
 	height:3px;
 	font-size:3px;
-	background: url(../tpl/images/tree/spacer.gif) 0 0 no-repeat transparent;
+	background: url(./images/spacer.gif) 0 0 no-repeat transparent;
 }
 .simpleTree .line-over
 {
@@ -67,7 +67,7 @@
 	line-height: 3px;
 	height:3px;
 	font-size:3px;
-	background: url(../tpl/images/tree/line_bg_over.gif) 0 0 no-repeat transparent;
+	background: url(./images/line_bg_over.gif) 0 0 no-repeat transparent;
 }
 .simpleTree .line-over-last
 {
@@ -76,41 +76,41 @@
 	line-height: 3px;
 	height:3px;
 	font-size:3px;
-	background: url(../tpl/images/tree/line_bg_over_last.gif) 0 0 no-repeat transparent;
+	background: url(./images/line_bg_over_last.gif) 0 0 no-repeat transparent;
 }
 .simpleTree .folder-open
 {
 	margin-left:-16px;
-	background: url(../tpl/images/tree/collapsable.gif) 0 -2px no-repeat #fff;
+	background: url(./images/collapsable.gif) 0 -2px no-repeat #fff;
 }
 .simpleTree .folder-open-last
 {
 	margin-left:-16px;
-	background: url(../tpl/images/tree/collapsable-last.gif) 0 -2px no-repeat #fff;
+	background: url(./images/collapsable-last.gif) 0 -2px no-repeat #fff;
 }
 .simpleTree .folder-close
 {
 	margin-left:-16px;
-	background: url(../tpl/images/tree/expandable.gif) 0 -2px no-repeat #fff;
+	background: url(./images/expandable.gif) 0 -2px no-repeat #fff;
 }
 .simpleTree .folder-close-last
 {
 	margin-left:-16px;
-	background: url(../tpl/images/tree/expandable-last.gif) 0 -2px no-repeat #fff;
+	background: url(./images/expandable-last.gif) 0 -2px no-repeat #fff;
 }
 .simpleTree .doc
 {
 	margin-left:-16px;
-	background: url(../tpl/images/tree/leaf.gif) 0 -1px no-repeat #fff;
+	background: url(./images/leaf.gif) 0 -1px no-repeat #fff;
 }
 .simpleTree .doc-last
 {
 	margin-left:-16px;
-	background: url(../tpl/images/tree/leaf-last.gif) 0 -1px no-repeat #fff;
+	background: url(./images/leaf-last.gif) 0 -1px no-repeat #fff;
 }
 .simpleTree .ajax
 {
-	background: url(../tpl/images/tree/spinner.gif) no-repeat 0 0 #ffffff;
+	background: url(./images/spinner.gif) no-repeat 0 0 #ffffff;
 	height: 16px;
 	display:none;
 }
@@ -169,16 +169,16 @@
 
 #drag_container li.doc, #drag_container li.doc-last
 {
-	background: url(../tpl/images/tree/leaf.gif) no-repeat -17px 0 #ffffff;
+	background: url(./images/leaf.gif) no-repeat -17px 0 #ffffff;
 }
 #drag_container .folder-close, #drag_container .folder-close-last
 {
-	background: url(../tpl/images/tree/expandable.gif) no-repeat -17px 0 #ffffff;
+	background: url(./images/expandable.gif) no-repeat -17px 0 #ffffff;
 }
 
 #drag_container .folder-open, #drag_container .folder-open-last
 {
-	background: url(../tpl/images/tree/collapsable.gif) no-repeat -17px 0 #ffffff;
+	background: url(./images/collapsable.gif) no-repeat -17px 0 #ffffff;
 }
 .contextMenu
 {

common/js/plugins/ui.tree/jquery.simple.tree.js

@@ -182,7 +182,7 @@ $.fn.simpleTree = function(opt){
 					$('body').append('<div id="drag_container"><ul></ul></div>');
 					$('#drag_container').hide().css({opacity:'0.8'});
 					$('#drag_container >ul').append(cloneNode);
-					$("<img>").attr({id	: "tree_plus",src	: "./common/tpl/images/tree/plus.gif"}).css({width: "7px",display: "block",position: "absolute",left	: "5px",top: "5px", display:'none'}).appendTo("body");
+					$("<img>").attr({id	: "tree_plus",src	: "./common/js/plugins/ui.tree/images/plus.gif"}).css({width: "7px",display: "block",position: "absolute",left	: "5px",top: "5px", display:'none'}).appendTo("body");
 					$(document).bind("mousemove", {LI:LI}, TREE.dragStart).bind("mouseup",TREE.dragEnd);
 				}
 				return false;
@@ -221,7 +221,7 @@ $.fn.simpleTree = function(opt){
 			TREE.setEventLine($('.line, .line-last', obj));
 		};
 		TREE.setTrigger = function(node){
-			$('>span',node).before('<img class="trigger" src="./common/tpl/images/tree/spacer.gif" border=0>');
+			$('>span',node).before('<img class="trigger" src="./common/js/plugins/ui.tree/images/spacer.gif" border=0>');
 			var trigger = $('>.trigger', node);
 			trigger.click(function(event){
 				TREE.nodeToggle(node);
@@ -258,19 +258,19 @@ $.fn.simpleTree = function(opt){
 
 					if(parent.className.indexOf('folder-close')>=0 && ajaxChildSize==0)
 					{
-						if(isrc.indexOf('minus')!=-1)$("#tree_plus").attr('src','./common/tpl/images/tree/plus.gif');
+						if(isrc.indexOf('minus')!=-1)$("#tree_plus").attr('src','./common/js/plugins/ui.tree/images/plus.gif');
 						$("#tree_plus").css({"left": screenScroll.x, "top": screenScroll.y}).show();
 						dragDropTimer = setTimeout(function(){
 							parent.className = parent.className.replace('close','open');
 							$('>ul',parent).show();
 						}, 700);
 					}else if(parent.className.indexOf('folder')>=0 && ajaxChildSize==0){
-						if(isrc.indexOf('minus')!=-1)$("#tree_plus").attr('src','./common/tpl/images/tree/plus.gif');
+						if(isrc.indexOf('minus')!=-1)$("#tree_plus").attr('src','./common/js/plugins/ui.tree/images/plus.gif');
 						$("#tree_plus").css({"left": screenScroll.x, "top": screenScroll.y}).show();
 					}else if(parent.className.indexOf('folder-close')>=0 && ajaxChildSize>0)
 					{
 						mouseMoved = false;
-						$("#tree_plus").attr('src','./common/tpl/images/tree/minus.gif');
+						$("#tree_plus").attr('src','./common/js/plugins/ui.tree/images/minus.gif');
 						$("#tree_plus").css({"left": screenScroll.x, "top": screenScroll.y}).show();
 
 						$('>ul',parent).show();
@@ -280,7 +280,7 @@ $.fn.simpleTree = function(opt){
 						TREE.setAjaxNodes(ajaxChild,parent.id, function(){
 							parent.className = parent.className.replace('close','open');
 							mouseMoved = true;
-							$("#tree_plus").attr('src','./common/tpl/images/tree/plus.gif');
+							$("#tree_plus").attr('src','./common/js/plugins/ui.tree/images/plus.gif');
 							$("#tree_plus").css({"left": screenScroll.x, "top": screenScroll.y}).show();
 						});
 

common/js/plugins/ui.tree/plugin.load

@@ -0,0 +1,2 @@
+jquery.simple.tree.css
+jquery.simple.tree.js

modules/board/skins/xe_board/extra_var_form.html

@@ -56,9 +56,8 @@
 
 <!--// 날짜 입력 -->
 <!--@elseif($val->type == 'date')-->
-    <!--// calendar -->
+    <!--// datepicker javascript plugin load -->
-    <!--%import("../../../../common/js/ui.datepicker.js",optimized=false)-->
+    <!--%load_js_plugin("ui.datepicker")-->
-    <!--%import("../../../../common/css/ui.datepicker.css",optimized=false)-->
 
     <input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
     <input type="text" class="inputDate" value="{zdate($val->value,'Y-m-d')}" readonly="readonly" />

modules/board/skins/xe_default/_extra_var_form.html

@@ -43,9 +43,9 @@
     </select>
 
 <!--@elseif($val->type == 'date')-->
-    <!--// calendar -->
+    <!--// datepicker javascript plugin load -->
-    <!--%import("../../../../common/js/ui.datepicker.js",optimized=false)-->
+    <!--%load_js_plugin("ui.datepicker")-->
-    <!--%import("../../../../common/css/ui.datepicker.css",optimized=false)-->
+
     <input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
     <input type="text" class="inputDate" value="{zdate($val->value,'Y-m-d')}" readonly="readonly" />
 

modules/board/skins/xe_guestbook/extra_var_form.html

@@ -55,9 +55,9 @@
 
 <!--// 날짜 입력 -->
 <!--@elseif($val->type == 'date')-->
-    <!--// calendar -->
+    <!--// datepicker javascript plugin load -->
-    <!--%import("../../../../common/js/ui.datepicker.js",optimized=false)-->
+    <!--%load_js_plugin("ui.datepicker")-->
-    <!--%import("../../../../common/css/ui.datepicker.css",optimized=false)-->
+
     <input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
     <input type="text" class="inputDate" value="{zdate($val->value,'Y-m-d')}" readonly="readonly" />
 

modules/board/tpl/category_list.html

@@ -3,9 +3,8 @@
 <!--%import("filter/delete_category.xml")-->
 <!--%import("filter/move_category.xml")-->
 
-
+<!--// tree javascript plugin load -->
-<!--%import("../../../common/js/jquery.simple.tree.js",optimized=false)-->
+<!--%load_js_plugin("ui.tree")-->
-<!--%import("../../../common/css/jquery.simple.tree.css",optimized=false)-->
 
 <!--%import("js/board_admin.js")-->
 <script type="text/javascript">

modules/board/tpl/js/board_admin.js

@@ -8,7 +8,7 @@
 function Tree(url){
     // clear tree;
     jQuery('#menu > ul > li > ul').remove();
-    if(jQuery("ul.simpleTree > li > a").size() ==0)jQuery('<a href="#" class="add"><img src="./common/tpl/images/tree/iconAdd.gif" /></a>').bind("click",function(e){addNode(0,e);}).appendTo("ul.simpleTree > li");
+    if(jQuery("ul.simpleTree > li > a").size() ==0)jQuery('<a href="#" class="add"><img src="./common/js/plugins/ui.tree/images/iconAdd.gif" /></a>').bind("click",function(e){addNode(0,e);}).appendTo("ul.simpleTree > li");
 
     //ajax get data and transeform ul il
     jQuery.get(url,function(data){
@@ -31,19 +31,19 @@ function Tree(url){
 
 
             // button
-            jQuery('<a href="#" class="add"><img src="./common/tpl/images/tree/iconAdd.gif" /></a>').bind("click",function(e){
+            jQuery('<a href="#" class="add"><img src="./common/js/plugins/ui.tree/images/iconAdd.gif" /></a>').bind("click",function(e){
                 jQuery("#tree_"+node_srl+" > span").click();
                 addNode(node_srl,e);
                 return false;
             }).appendTo(node);
 
-            jQuery('<a href="#" class="modify"><img src="./common/tpl/images/tree/iconModify.gif" /></a>').bind("click",function(e){
+            jQuery('<a href="#" class="modify"><img src="./common/js/plugins/ui.tree/images/iconModify.gif" /></a>').bind("click",function(e){
                 jQuery("#tree_"+node_srl+" > span").click();
                 modifyNode(node_srl,e);
                 return false;
             }).appendTo(node);
 
-            jQuery('<a href="#" class="delete"><img src="./common/tpl/images/tree/iconDel.gif" /></a>').bind("click",function(e){
+            jQuery('<a href="#" class="delete"><img src="./common/js/plugins/ui.tree/images/iconDel.gif" /></a>').bind("click",function(e){
                 deleteNode(node_srl);
                 return false;
             }).appendTo(node);

modules/counter/tpl/index.html

@@ -1,9 +1,8 @@
 <!--%import("js/counter_admin.js")-->
 <!--%import("css/counter.css")-->
 
-<!--// calendar -->
+<!--// datepicker javascript plugin load -->
-<!--%import("../../../common/js/ui.datepicker.js",optimized=false)-->
+<!--%load_js_plugin("ui.datepicker")-->
-<!--%import("../../../common/css/ui.datepicker.css",optimized=false)-->
 
 <script type="text/javascript">
     function moveDate() {

modules/editor/components/poll_maker/tpl/popup.html

@@ -3,10 +3,8 @@
 <!--%import("filter/insert_poll.xml")-->
 <!--%import("../lang")-->
 
-<!--// calendar -->
+<!--// datepicker javascript plugin load -->
-<!--%import("../../../../../common/js/ui.datepicker.js",optimized=false)-->
+<!--%load_js_plugin("ui.datepicker")-->
-<!--%import("../../../../../common/css/ui.datepicker.css",optimized=false)-->
-
 
 <script type="text/javascript">
     var msg_poll_cannot_modify = "{$lang->msg_poll_cannot_modify}";

modules/homepage/skins/xe_official/js/homepage.js

@@ -2,7 +2,7 @@
 function homepageLoadMenuInfo(url){
     // clear tree;
     jQuery('#menu > ul > li > ul').remove();
-    if(jQuery("ul.simpleTree > li > a").size() ==0)jQuery('<a href="#" class="add"><img src="./common/tpl/images/tree/iconAdd.gif" /></a>').bind("click",function(e){homepageAddMenu(0,e);}).appendTo("ul.simpleTree > li");
+    if(jQuery("ul.simpleTree > li > a").size() ==0)jQuery('<a href="#" class="add"><img src="./common/js/plugins/ui.tree/images/iconAdd.gif" /></a>').bind("click",function(e){homepageAddMenu(0,e);}).appendTo("ul.simpleTree > li");
 
     //ajax get data and transeform ul il
     jQuery.get(url,function(data){
@@ -16,13 +16,13 @@ function homepageLoadMenuInfo(url){
             var node = jQuery('<li id="tree_'+node_srl+'"><span>'+text+'</span></li>');
 
             // button
-            jQuery('<a href="#" class="add"><img src="./common/tpl/images/tree/iconAdd.gif" /></a>').bind("click",function(e){
+            jQuery('<a href="#" class="add"><img src="./common/js/plugins/ui.tree/images/iconAdd.gif" /></a>').bind("click",function(e){
                 jQuery("#tree_"+node_srl+" > span").click();
                 homepageAddMenu(node_srl,e);
                 return false;
             }).appendTo(node);
 
-            jQuery('<a href="#" class="modify"><img src="./common/tpl/images/tree/iconModify.gif" /></a>').bind("click",function(e){
+            jQuery('<a href="#" class="modify"><img src="./common/js/plugins/ui.tree/images/iconModify.gif" /></a>').bind("click",function(e){
                 jQuery.exec_json("homepage.getHomepageMenuItem",{ "node_srl":node_srl},function(data){
                     jQuery("#tree_"+node_srl+" > span").click();
                     data.menu_info['mode'] = 'update';
@@ -34,7 +34,7 @@ function homepageLoadMenuInfo(url){
 
             }).appendTo(node);
 
-            jQuery('<a href="#" class="delete"><img src="./common/tpl/images/tree/iconDel.gif" /></a>').bind("click",function(e){
+            jQuery('<a href="#" class="delete"><img src="./common/js/plugins/ui.tree/images/iconDel.gif" /></a>').bind("click",function(e){
                 homepageDeleteMenu(node_srl);
                 return false;
             }).appendTo(node);

modules/homepage/skins/xe_official/menu_manage.html

@@ -1,8 +1,8 @@
 <!--%import("./filter/insert_menu_item.xml")-->
 <!--%import("./filter/delete_menu_item.xml")-->
 
-<!--%import("../../../../common/js/jquery.simple.tree.js",optimized=false)-->
+<!--// tree javascript plugin load -->
-<!--%import("../../../../common/css/jquery.simple.tree.css",optimized=false)-->
+<!--%load_js_plugin("ui.tree")-->
 
 <h3 class="title">{$lang->cmd_homepage_menus[$act]}</h3>
 <p class="infoText">{$lang->about_homepage_act[$act]}</p>

modules/issuetracker/skins/xe_issuetracker/extra_var_form.html

@@ -57,9 +57,8 @@
 <!--// 날짜 입력 -->
 <!--@elseif($val->type == 'date')-->
 
-    <!--// calendar -->
+    <!--// datepicker javascript plugin load -->
-    <!--%import("../../../../common/js/ui.datepicker.js",optimized=false)-->
+    <!--%load_js_plugin("ui.datepicker")-->
-    <!--%import("../../../../common/css/ui.datepicker.css",optimized=false)-->
 
     <input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
     <input type="text" class="inputDate" value="{zdate($val->value,'Y-m-d')}" readonly="readonly" />

modules/issuetracker/tpl/modify_milestone.html

@@ -2,9 +2,8 @@
 <!--%import("css/issuetracker.css")-->
 <!--%import("filter/insert_milestone.xml")-->
 
-<!--// calendar -->
+<!--// datepicker javascript plugin load -->
-<!--%import("../../../common/js/ui.datepicker.js",optimized=false)-->
+<!--%load_js_plugin("ui.datepicker")-->
-<!--%import("../../../common/css/ui.datepicker.css",optimized=false)-->
 
 <!--@if($milestone)-->
 <form action="{Context::getRequestUri()}" method="post" onsubmit="return procFilter(this, insert_milestone)">

modules/issuetracker/tpl/project_setting.html

@@ -9,9 +9,8 @@
 <!--%import("filter/insert_component.xml")-->
 <!--%import("filter/delete_component.xml")-->
 
-<!--// calendar -->
+<!--// datepicker javascript plugin load -->
-<!--%import("../../../common/js/ui.datepicker.js",optimized=false)-->
+<!--%load_js_plugin("ui.datepicker")-->
-<!--%import("../../../common/css/ui.datepicker.css",optimized=false)-->
 
     <form action="{Context::getRequestUri()}" method="post" onsubmit="return procFilter(this, insert_milestone)">
     <input type="hidden" name="module_srl" value="{$module_srl}" />

modules/member/skins/default/modify_info.html

@@ -16,9 +16,8 @@
     <!--%import("filter/delete_image_mark.xml")-->
 <!--@end-->
 
-<!--// calendar -->
+<!--// datepicker javascript plugin load -->
-<!--%import("../../../../common/js/ui.datepicker.js",optimized=false)-->
+<!--%load_js_plugin("ui.datepicker")-->
-<!--%import("../../../../common/css/ui.datepicker.css",optimized=false)-->
 
 
     <form id="fo_insert_member" action="{getUrl()}" method="post" onsubmit="return procFilter(this, modify_info)" <!--@if($member_config->profile_image == 'Y' || $member_config->image_name=='Y' || $member_config->image_mark=='Y')-->enctype="multipart/form-data"<!--@end-->>

modules/member/skins/default/signup_form.html

@@ -2,9 +2,8 @@
 <!--%import("../../tpl/js/krzip_search.js")-->
 <!--%import("filter/signup.xml")-->
 
-<!--// calendar -->
+<!--// datepicker javascript plugin load -->
-<!--%import("../../../../common/js/ui.datepicker.js",optimized=false)-->
+<!--%load_js_plugin("ui.datepicker")-->
-<!--%import("../../../../common/css/ui.datepicker.css",optimized=false)-->
 
 <!--#include("./common_header.html")-->
 

modules/member/tpl/insert_member.html

@@ -2,9 +2,8 @@
 <!--%import("filter/insert.xml")-->
 <!--%import("css/member_admin.css")-->
 
-<!--// calendar -->
+<!--// datepicker javascript plugin load -->
-<!--%import("../../../common/js/ui.datepicker.js",optimized=false)-->
+<!--%load_js_plugin("ui.datepicker")-->
-<!--%import("../../../common/css/ui.datepicker.css",optimized=false)-->
 
 <form id="fo_insert_member" action="./" method="get" onsubmit="return procFilter(this, insert)">
     <input type="hidden" name="page" value="{$page}" />

modules/menu/tpl/js/menu_tree.js

@@ -2,7 +2,7 @@ function Tree(url){
     // clear tree;
     jQuery('#menu > ul > li > ul').remove();
 
-    if(jQuery("ul.simpleTree > li > a").size() ==0)jQuery('<a href="#" class="add"><img src="./common/tpl/images/tree/iconAdd.gif" /></a>').bind("click",function(e){addNode(0,e);}).appendTo("ul.simpleTree > li");
+    if(jQuery("ul.simpleTree > li > a").size() ==0)jQuery('<a href="#" class="add"><img src="./common/js/plugins/ui.tree/images/iconAdd.gif" /></a>').bind("click",function(e){addNode(0,e);}).appendTo("ul.simpleTree > li");
 
     //ajax get data and transeform ul il
     jQuery.get(url,function(data){
@@ -16,17 +16,17 @@ function Tree(url){
             var node = jQuery('<li id="tree_'+node_srl+'"><span>'+text+'</span></li>');
 
             // button
-            jQuery('<a href="#" class="add"><img src="./common/tpl/images/tree/iconAdd.gif" /></a>').bind("click",function(e){
+            jQuery('<a href="#" class="add"><img src="./common/js/plugins/ui.tree/images/iconAdd.gif" /></a>').bind("click",function(e){
                 addNode(node_srl,e);
                 return false;
             }).appendTo(node);
 
-            jQuery('<a href="#" class="modify"><img src="./common/tpl/images/tree/iconModify.gif" /></a>').bind("click",function(e){
+            jQuery('<a href="#" class="modify"><img src="./common/js/plugins/ui.tree/images/iconModify.gif" /></a>').bind("click",function(e){
                 modifyNode(node_srl,e);
                 return false;
             }).appendTo(node);
 
-            jQuery('<a href="#" class="delete"><img src="./common/tpl/images/tree/iconDel.gif" /></a>').bind("click",function(e){
+            jQuery('<a href="#" class="delete"><img src="./common/js/plugins/ui.tree/images/iconDel.gif" /></a>').bind("click",function(e){
                 deleteNode(node_srl);
                 return false;
             }).appendTo(node);
@@ -96,7 +96,7 @@ function Tree(url){
 
 
         // image url replace
-//        jQuery("#menu ul.simpleTree img").attr("src",function(){ return jQuery(this).attr("src").replace("images/","./common/tpl/images/tree/");});
+//        jQuery("#menu ul.simpleTree img").attr("src",function(){ return jQuery(this).attr("src").replace("images/","./common/js/plugins/ui.tree/images/");});
 
 
 

modules/menu/tpl/menu_management.html

@@ -3,11 +3,12 @@
 <!--%import("filter/delete_menu_item.xml")-->
 <!--%import("filter/move_menu_item.xml")-->
 
-<!--%import("../../../common/js/jquery.simple.tree.js",optimized=false)-->
-<!--%import("../../../common/css/jquery.simple.tree.css",optimized=false)-->
 <!--%import("js/menu_tree.js")-->
 <!--%import("js/menu_admin.js")-->
 
+<!--// tree javascript plugin load -->
+<!--%load_js_plugin("ui.tree")-->
+
 <script type="text/javascript">
     var alertImageOnly = "{$lang->alert_image_only}";
 </script>