블로그 카테고리/ 메뉴관리시 새창에서 수정하도록 변경

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

modules/admin/tpl/css/admin.css

@@ -185,13 +185,6 @@ select.time_zone { width:70%; position:relative; top:4px; }
 
 /* ----- Popup | End ----- */
 
-/* ----- Category Manager | Start ----- */
-#category_list { padding:.5em 0 .5em 0; margin-bottom:2em; }
-#category_list .checkbox { margin-top:1em; border:0px; }
-#menu_zone_info { position:absolute; top:0px; left:0px; width:700px; background-color:#FFFFFF; z-index:999; border:3px solid #888888; padding:10px; display:none;}
-#category_info { position:absolute; top:0px; left:0px; width:500px; background-color:#FFFFFF; z-index:999; border:3px solid #888888; padding:10px; display:none;}
-/* ----- Category Manager | End ----- */
-
 .widget_item { margin-bottom:.5em; }
 .layout_editor { width:100%; height:500px; border:0px; font-size:1em; }
 .layout_editor_box { padding:10px; border:1px solid #DDDDDD; }

modules/blog/blog.admin.view.php

@@ -183,6 +183,7 @@
             Context::set('category_info', $category_info);
             Context::addJsFile('./common/js/tree_menu.js');
 
+            Context::set('layout','none');
             $this->setTemplateFile('category_list');
         }
 

modules/blog/tpl/category_list.html

@@ -1,45 +1,56 @@
 <!--%import("filter/insert_category.xml")-->
 <!--%import("filter/delete_category.xml")-->
 <!--%import("filter/move_category.xml")-->
-<!--#include("./header.html")-->
+<!--%import("css/blog.css")-->
+<!--%import("js/blog_admin.js")-->
 
-<script type="text/javascript">
-    var category_title = "{$lang->category}";
-</script>
+<h3>{$lang->blog} <span class="gray">{$lang->cmd_management}</span></h3>
 
-<div class="infoText">{nl2br($lang->about_blog_category)}</div>
-
-<!-- 카테고리의 위/아래, 삭제와 관련된 form -->
-<form id="fo_move_category" action="./" method="get">
-    <input type="hidden" name="source_category_srl" />
-    <input type="hidden" name="target_category_srl" />
-</form>
-
-<div class="gap1">
-    <form id="fo_category" action="./" method="get" onsubmit="return procFilter(this, insert_category)">
-    <input type="hidden" name="module_srl" value="{$module_info->module_srl}" />
-    <input type="hidden" name="xml_file" value="{$category_info->xml_file}" />
-
-        <div id="category_list">
-            <div id="zone_category"></div>
-            <p><input type="checkbox" class="checkbox" id="category_enable_move" onclick="hideCategoryInfo()" /> <label for="category_enable_move">{$lang->cmd_enable_move_category}</label></p>
-
-            <div class="fl gap1">
-                <a href="#" onclick="doInsertCategory(0);return false;" class="button"><span>{$lang->cmd_insert}</span></a>
-            </div>
-
-            <div class="fr gap1">
-                <a href="#" onclick="openAllTreeMenu('category');return false;" class="button"><span>{$lang->cmd_open_all}</span></a>
-                <a href="#" onclick="closeAllTreeMenu('category');return false;" class="button"><span>{$lang->cmd_close_all}</span></a>
-                <a href="#"  onclick="doReloadTreeCategory('{$module_info->module_srl}');return false;" class="button"><span>{$lang->cmd_remake_cache}</span></a>
-            </div>
-        </div>
-
-        <div id="category_info"></div>
-
-    </form>
+<div class="menuManagement">
 
     <script type="text/javascript">
-        loadTreeMenu("{$category_info->xml_file}", "category", "zone_category", category_title, '', doGetCategoryInfo, 0, doMoveTree); 
+        var category_title = "{$lang->category}";
     </script>
+
+    <div class="infoText">{nl2br($lang->about_blog_category)}</div>
+
+    <!-- 카테고리의 위/아래, 삭제와 관련된 form -->
+    <form id="fo_move_category" action="./" method="get">
+        <input type="hidden" name="source_category_srl" />
+        <input type="hidden" name="target_category_srl" />
+    </form>
+
+    <div class="gap1">
+        <form id="fo_category" action="./" method="get" onsubmit="return procFilter(this, insert_category)">
+        <input type="hidden" name="module_srl" value="{$module_info->module_srl}" />
+        <input type="hidden" name="xml_file" value="{$category_info->xml_file}" />
+
+                <table class="menuListZone">
+                <tr>
+                    <td class="category_zone">
+                        <div id="category_list">
+                            <div id="zone_category"></div>
+                            <p><input type="checkbox" class="checkbox" id="category_enable_move" onclick="hideCategoryInfo()" /> <label for="category_enable_move">{$lang->cmd_enable_move_category}</label></p>
+                        </div>
+                    </td>
+                    <td>
+                        <div id="category_info"></div>
+                    </td>
+                </tr>
+                </table>
+
+                <div class="fl gap1">
+                    <a href="#" onclick="doInsertCategory(0);return false;" class="button"><span>{$lang->cmd_insert}</span></a>
+                    <a href="#" onclick="openAllTreeMenu('category');return false;" class="button"><span>{$lang->cmd_open_all}</span></a>
+                    <a href="#" onclick="closeAllTreeMenu('category');return false;" class="button"><span>{$lang->cmd_close_all}</span></a>
+                    <a href="#"  onclick="doReloadTreeCategory('{$module_info->module_srl}');return false;" class="button"><span>{$lang->cmd_remake_cache}</span></a>
+                    <a href="#"  onclick="window.close();return false;" class="button"><span>{$lang->cmd_close}</span></a>
+                </div>
+        </form>
+
+        <script type="text/javascript">
+            loadTreeMenu("{$category_info->xml_file}", "category", "zone_category", category_title, '', doGetCategoryInfo, 0, doMoveTree); 
+        </script>
+    </div>
+
 </div>

modules/blog/tpl/css/blog.css

@@ -0,0 +1,12 @@
+@charset "utf-8";
+
+h3 { margin:0 20px 0 20px; }
+.menuManagement { margin:20px; }
+.menuListZone td { vertical-align:top; }
+.menuListZone td.category_zone { padding-right:10px; }
+
+#category_list { padding:.5em 0 .5em 0; margin-bottom:2em; }
+#category_list .checkbox { margin-top:1em; border:0px; }
+
+#menu_zone_info { background-color:#FFFFFF; z-index:999; display:none; overflow:hidden; padding-left:10px; border-left:1px dashed #CCCCCC; }
+#category_info { background-color:#FFFFFF; z-index:999; display:none; overflow:hidden; padding-left:10px; border-left:1px dashed #CCCCCC; }

modules/blog/tpl/header.html

@@ -26,7 +26,11 @@
             <li><a href="{getUrl('act','')}">{$lang->cmd_back}</a></li>
         <!--@end-->
         <!--@foreach($blog_menu_list as $key => $val)-->
-        <li <!--@if($act==$key)-->class="on"<!--@end-->><a href="{getUrl('act',$key,'layout_srl',$module_srl)}">{$val}</a></li>
+            <!--@if($key != 'dispBlogAdminCategoryInfo')-->
+                <li <!--@if($act==$key)-->class="on"<!--@end-->><a href="{getUrl('act',$key,'layout_srl',$module_srl)}">{$val}</a></li>
+            <!--@else-->
+                <li <!--@if($act==$key)-->class="on"<!--@end-->><a href="{getUrl('act',$key,'layout_srl',$module_srl)}" onclick="winopen(this.href,'BlogMenu','width=850,height=800,resizable=yes,scrollbars=yes,toolbars=no');return false;">{$val}</a></li>
+            <!--@end-->
         <!--@end-->
     </ul>
 </div>

modules/layout/tpl/js/layout_admin.js

@@ -40,5 +40,5 @@ function doMenuManagement(menu_id) {
     var menu_srl = sel_obj.options[sel_obj.selectedIndex].value;
 
     var url = current_url.setQuery('act','dispMenuAdminManagement').setQuery('menu_srl',menu_srl);
-    location.href = url;
+    winopen(url,'MenuManage','width=850,height=800,resizable=yes,scrollbars=yes,toolbars=no');
 }

modules/menu/menu.admin.view.php

@@ -70,6 +70,8 @@
 
             Context::set('menu_info', $menu_info);
 
+            // 레이아웃을 팝업으로 지정
+            Context::set('layout','none');
             $this->setTemplateFile('menu_management');
         }
 

modules/menu/tpl/css/menu.css

@@ -0,0 +1,12 @@
+@charset "utf-8";
+
+h3 { margin:0 20px 0 20px; }
+.menuManagement { margin:20px; }
+.menuListZone td { vertical-align:top; }
+.menuListZone td.category_zone { padding-right:10px; }
+
+#category_list { padding:.5em 0 .5em 0; margin-bottom:2em; }
+#category_list .checkbox { margin-top:1em; border:0px; }
+
+#menu_zone_info { background-color:#FFFFFF; z-index:999; display:none; overflow:hidden; padding-left:10px; border-left:1px dashed #CCCCCC; }
+#category_info { background-color:#FFFFFF; z-index:999; display:none; overflow:hidden; padding-left:10px; border-left:1px dashed #CCCCCC; }

modules/menu/tpl/index.html

@@ -28,9 +28,9 @@
     <!--@foreach($menu_list as $no => $val)-->
     <tr>
         <td class="tahoma">{$no}</td>
-        <td class="blue"><a href="{getUrl('act','dispMenuAdminManagement','menu_srl',$val->menu_srl)}">{htmlspecialchars($val->title)}</a></td>
+        <td class="blue"><a href="{getUrl('act','dispMenuAdminManagement','menu_srl',$val->menu_srl)}" onclick="winopen(this.href,'MenuManage','width=850,height=800,resizable=yes,scrollbars=yes,toolbars=no');return false;">{htmlspecialchars($val->title)}</a></td>
         <td class="tahoma">{zdate($val->regdate,"Y-m-d")}</td>
-        <td class="tahoma red"><a href="#" onclick="doDeleteMenu('{$val->menu_srl}');return false;">{$lang->cmd_delete}</a></td>
+        <td class="red"><a href="#" onclick="doDeleteMenu('{$val->menu_srl}');return false;">{$lang->cmd_delete}</a></td>
     </tr>
     <!--@end-->
 </tbody>

modules/menu/tpl/js/menu_admin.js

@@ -2,7 +2,10 @@
 function completeInsertMenu(ret_obj) {
     var menu_srl = ret_obj['menu_srl'];
     alert(ret_obj['message']);
-    location.href = current_url.setQuery('act','dispMenuAdminManagement').setQuery('menu_srl',menu_srl);
+    location.href = current_url.setQuery('act','dispMenuAdminContent');
+
+    //var url = current_url.setQuery('act','dispMenuAdminManagement').setQuery('menu_srl',menu_srl);
+    //window.open(url);
 } 
 
 /* 메뉴 삭제 */
@@ -54,6 +57,7 @@ function doGetMenuItemInfo(menu_id, obj) {
 }
 
 /* 서버로부터 받아온 메뉴 정보를 출력 */
+/*
 xAddEventListener(document,'mousedown',checkMousePosition);
 var _xPos = 0;
 var _yPos = 0;
@@ -62,9 +66,11 @@ function checkMousePosition(e) {
     _xPos = evt.pageX;
     _yPos = evt.pageY;
 }   
+*/
 
 function hideCategoryInfo() {
     var obj = xGetElementById('menu_zone_info');
+    xInnerHtml(obj,'');
     obj.style.display = "none";
 }
 
@@ -77,6 +83,7 @@ function completeGetMenuItemTplInfo(ret_obj, response_tags) {
     var fo_obj = xGetElementById("fo_menu");
     fo_obj.menu_name.focus();
 
+    /*
     var x = _xPos + 50;
     var y = _yPos - xHeight(obj)/2 + 80 + xScrollTop();
     xLeft(obj, x);
@@ -88,6 +95,7 @@ function completeGetMenuItemTplInfo(ret_obj, response_tags) {
     }
 
     if(typeof('fixAdminLayoutFooter')=="function") fixAdminLayoutFooter();
+    */
 }
 
 /* 메뉴 아이템 입력후 */ 

modules/menu/tpl/menu_management.html

@@ -2,30 +2,48 @@
 <!--%import("filter/insert_menu_item.xml")-->
 <!--%import("filter/delete_menu_item.xml")-->
 <!--%import("filter/move_menu_item.xml")-->
+<!--%import("css/menu.css")-->
 <!--%import("js/menu_admin.js")-->
 <!--#include("header.html")-->
 
-<!-- 메뉴 이동을 위해 임시로 사용하는 form -->
-<form id="fo_move_menu" action="./" method="get">
-    <input type="hidden" name="menu_id" />
-    <input type="hidden" name="source_item_srl" />
-    <input type="hidden" name="target_item_srl" />
-</form>
+<div class="menuManagement">
 
-<!--@if($module == 'admin')-->
-    <form action="./" method="get" onsubmit="return procFilter(this, update_menu_title)">
-    <input type="hidden" name="menu_srl" value="{$menu_info->menu_srl}" />
+    <!-- 메뉴 이동을 위해 임시로 사용하는 form -->
+    <form id="fo_move_menu" action="./" method="get">
+        <input type="hidden" name="menu_id" />
+        <input type="hidden" name="source_item_srl" />
+        <input type="hidden" name="target_item_srl" />
+    </form>
+
+    <!--@if($module == 'admin')-->
+        <form action="./" method="get" onsubmit="return procFilter(this, update_menu_title)">
+        <input type="hidden" name="menu_srl" value="{$menu_info->menu_srl}" />
+            <table cellspacing="0" class="tableType3">
+            <tr>
+                <th scope="col">{$lang->title}</th>
+                <td>
+                    <div class="fl">
+                        <input type="text" name="title" value="{htmlspecialchars($menu_info->title)}" class="inputTypeText" />
+                    </div>
+                    <div class="fr">
+                        <span class="button"><input type="submit" value="{$lang->cmd_modify}" /></span>
+                        <a href="#" onclick="window.close();return false;" class="button"><span>{$lang->cmd_close}</span></a>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <th scope="col">{$lang->menu_management}</th>
+                <td class="left">{nl2br($lang->about_menu_management)}</td>
+            </tr>
+            </table>
+        </form>
+
+    <!--@else-->
         <table cellspacing="0" class="tableType3">
         <tr>
             <th scope="col">{$lang->title}</th>
-            <td>
-                <div class="fl">
-                    <input type="text" name="title" value="{htmlspecialchars($menu_info->title)}" class="inputTypeText" />
-                </div>
-                <div class="fr">
-                    <span class="button"><input type="submit" value="{$lang->cmd_modify}" /></span>
-                    <a href="#" onclick="location.href='{getUrl('act','dispMenuAdminContent')}';return false;" class="button"><span>{$lang->cmd_cancel}</span></a>
-                </div>
+            <td class="left">
+                {$menu_info->title}
             </td>
         </tr>
         <tr>
@@ -33,57 +51,41 @@
             <td class="left">{nl2br($lang->about_menu_management)}</td>
         </tr>
         </table>
-    </form>
+    <!--@end-->
 
-<!--@else-->
-    <table cellspacing="0" class="tableType3">
-    <tr>
-        <th scope="col">{$lang->title}</th>
-        <td class="left">
-            {$menu_info->title}
-        </td>
-    </tr>
-    <tr>
-        <th scope="col">{$lang->menu_management}</th>
-        <td class="left">{nl2br($lang->about_menu_management)}</td>
-    </tr>
-    </table>
-<!--@end-->
+    <div class="gap1">
+        <form id="fo_menu" action="./" method="get" onsubmit="return procFilter(this, insert_menu_item)" class="clear">
+        <input type="hidden" name="title" value="{$menu_info->title}" />
+        <input type="hidden" name="menu_srl" value="{$menu_info->menu_srl}" />
+        <input type="hidden" name="xml_file" value="{$menu_info->xml_file}" />
+        <input type="hidden" name="php_file" value="{$menu_info->php_file}" />
 
-<div class="gap1">
-    <form id="fo_menu" action="./" method="get" onsubmit="return procFilter(this, insert_menu_item)" class="clear">
-    <input type="hidden" name="title" value="{$menu_info->title}" />
-    <input type="hidden" name="menu_srl" value="{$menu_info->menu_srl}" />
-    <input type="hidden" name="xml_file" value="{$menu_info->xml_file}" />
-    <input type="hidden" name="php_file" value="{$menu_info->php_file}" />
-
-        <div id="category_list">
-            <table style="table-layout:fixed;">
-            <tr valign="top">
-                <td>
+            <table class="menuListZone">
+            <tr>
+                <td class="category_zone">
+                    <div id="category_list">
                     <div id="menu_zone_menu"></div>
                     <p><input type="checkbox" id="menu_enable_move" class="checkbox" /> <label for="menu_enable_move">{$lang->cmd_enable_move_menu}</label></p>
-
+                    </div>
+                </td>
+                <td class="menu_zone">
+                    <div id="menu_zone_info"></div>
                 </td>
             </tr>
             </table>
-        </div>
 
-        <div id="menu_zone_info"></div>
+            <div class="fl gap1">
+                <a href="#" onclick="doInsertMenuItem(0);return false;" class="button"><span>{$lang->cmd_insert}</span></a>
+                <a href="#" onclick="openAllTreeMenu('menu');return false;" class="button"><span>{$lang->cmd_open_all}</span></a>
+                <a href="#" onclick="closeAllTreeMenu('menu');return false;" class="button"><span>{$lang->cmd_close_all}</span></a>
+                <a href="#"  onclick="doReloadTreeMenu('{$menu_info->menu_srl}');return false;" class="button"><span>{$lang->cmd_remake_cache}</span></a>
+            </div>
 
-        <div class="fl gap1">
-            <a href="#" onclick="doInsertMenuItem(0);return false;" class="button"><span>{$lang->cmd_insert}</span></a>
-        </div>
+        </form>
 
-        <div class="fr gap1">
-            <a href="#" onclick="openAllTreeMenu('menu');return false;" class="button"><span>{$lang->cmd_open_all}</span></a>
-            <a href="#" onclick="closeAllTreeMenu('menu');return false;" class="button"><span>{$lang->cmd_close_all}</span></a>
-            <a href="#"  onclick="doReloadTreeMenu('{$menu_info->menu_srl}');return false;" class="button"><span>{$lang->cmd_remake_cache}</span></a>
-        </div>
+        <script type="text/javascript">
+            loadTreeMenu("{$menu_info->xml_file}", "menu", "menu_zone_menu", "{$menu_info->title}", '', doGetMenuItemInfo, 0, doMoveTree); 
+        </script>
+    </div>
 
-    </form>
-
-    <script type="text/javascript">
-        loadTreeMenu("{$menu_info->xml_file}", "menu", "menu_zone_menu", "{$menu_info->title}", '', doGetMenuItemInfo, 0, doMoveTree); 
-    </script>
 </div>