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

modules/widget/lang/ko.lang.php

@@ -13,7 +13,7 @@
     $lang->widget_info = '위젯 정보';
     $lang->widget_code = '코드';
 
-    $lang->widget_fix_width = '가로크기 고정';
+    $lang->widget_fix_width = '크기 고정';
     $lang->widget_width = '가로크기';
     $lang->widget_position = '위치';
     $lang->widget_position_none = '줄바꿈';
@@ -29,6 +29,8 @@
     $lang->about_widget_position = '한 줄에 여러개의 위젯을 나열하고 싶을때에는 위치를 선택해주세요.';
     $lang->about_widget_margin = '한 줄에 여러개의 위젯을 나열하고 싶을때에는 위치를 선택해주세요.';
 
+    $lang->generated_code = '생성된 코드';
+
     $lang->msg_widget_is_not_exists = '%s 위젯을 찾을 수 없습니다';
     $lang->msg_widget_object_is_null = '%s 위젯의 객체 생성을 할 수가 없습니다';
     $lang->msg_widget_proc_is_null = '%s 위젯의 proc() 를 실행할 수가 없습니다';

modules/widget/tpl/css/widget.css

@@ -1,81 +1,8 @@
 @charset "utf-8";
 
-.widget_detail_info_window {
-    width:600px;
-    clear:both;
-}
+.widget_mid_list { margin-bottom:.3em; }
 
-.widget_title {
-    font-weight:bold;
-    font-size:10pt;
-    text-align:center;
-    padding:10px 0px 10px 0px;
-    color:#EEEEEE;
-    background-color:#444444;
-}
+#colorset_area { margin-top:.5em; }
 
-.widget_description {
-    margin:5px 2px 10px 2px;
-    border:1px solid #EEEEEE;
-    color:#444444;
-    clear:both;
-    padding:5px;
-}
-
-.widget_header {
-    clear:left;
-    font-weight:bold;
-    float:left;
-    width:90px;
-    margin-left:10px;
-    padding:5px 0px 5px 0px;
-}
-
-.widget_body {
-    float:left;
-    width:490px;
-    padding:5px 0px 5px 0px;
-}
-
-.widget_var_description {
-    clear:both;
-    padding:5px 0px 5px 0px;
-    margin-left:100px;
-    color:#AAAAAA;
-}
-
-.widget_button_area {
-    clear:both;
-    text-align:center;
-    padding:5px 0px 5px 0px;
-    background-color:#EFEFEF;
-    border-top:1px solid #AAAAAA;
-}
-
-.widget_button {
-    border:1px solid #AAAAAA;
-    background-color:#FFFFFF;
-    font-weight:bold;
-    height:16px;
-}
-
-.widget_code_area {
-    clear:both;
-    padding:4px;
-    border:1px solid #AAAAAA;
-    margin:5px;
-    height:100px;
-}
-
-.widget_code_area textarea {
-    border:0px;
-    height:100px;
-    width:570px;
-    font-family:tahoma;
-    font-size:8pt;
-}
-
-.widget_mid_list {
-    float:left;
-    margin-right:10px;
-}
+#colorset_area .header { float:left; margin-right:.5em; padding-top:.2em;}
+#colorset_area .footer { float:left; }

modules/widget/tpl/widget_detail_info.html

@@ -1,26 +1,36 @@
 <!--%import("css/widget.css")-->
 
-<div class="widget_detail_info_window">
-
-    <div class="widget_title">{$lang->widget_maker}</div>
-
-    <div class="widget_header">{$lang->title}</div>
-    <div class="widget_body">{$widget_info->title} ver {$widget_info->version}</div>
-
-    <div class="widget_header">{$lang->author}</div>
-    <div class="widget_body"><a href="mailto:{$widget_info->author->email_address}">{$widget_info->author->name}</a></div>
-
-    <div class="widget_header">{$lang->homepage}</div>
-    <div class="widget_body"><a href="#" onclick="window.open('{$widget_info->author->homepage}');return false;">{$widget_info->author->homepage}</a></div>
-
-    <div class="widget_header">{$lang->regdate}</div>
-    <div class="widget_body">{$widget_info->author->date}</div>
-
-    <div class="widget_header">{$lang->description}</div>
-    <div class="widget_body">{nl2br($widget_info->author->description)}</div>
-
-    <div class="widget_button_area">
-        <a href="#" onclick="window.close();">{$lang->cmd_close}</a>
-    </div>
-
+<div id="popHeadder">
+    <h1>{$lang->widget_maker}</h1>
+</div>
+
+<div id="popBody">
+    <table cellspacing="0" class="tableType5">
+    <col width="100" />
+    <col />
+    <tr>
+        <th scope="row">{$lang->title}</th>
+        <td>{$widget_info->title} ver {$widget_info->version}</td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->author}</th>
+        <td><a href="mailto:{$widget_info->author->email_address}">{$widget_info->author->name}</a></td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->homepage}</th>
+        <td><a href="#" onclick="window.open('{$widget_info->author->homepage}');return false;">{$widget_info->author->homepage}</a></td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->regdate}</th>
+        <td>{$widget_info->author->date}</td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->description}</th>
+        <td>{nl2br($widget_info->author->description)}</td>
+    </tr>
+    </table>
+</div>
+
+<div id="popFooter">
+    <span class="close"><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></span>
 </div>

modules/widget/tpl/widget_generate_code.html

@@ -5,72 +5,81 @@
 <form action="./" method="get" onsubmit="return procFilter(this, generate_code);" id="fo_widget">
 <input type="hidden" name="selected_widget" value="{$selected_widget}" />
 
-<div class="widget_detail_info_window">
-
-    <div class="widget_title">{$lang->cmd_generate_code}</div>
-
-    <div class="widget_description">{$lang->about_widget_code}</div>
-
-    <div class="widget_header">{$lang->widget}</div>
-    <div class="widget_body">{$widget_info->title} ver {$widget_info->version}</div>
-
-    <div class="widget_header">{$lang->skin}</div>
-    <div class="widget_body">
-        <select name="skin" onchange="doDisplaySkinColorset(this);return false;">
-            <option value="">&nbsp;</option>
-        <!--@foreach($skin_list as $key => $val)-->
-            <option value="{$key}">{$val->title} ({$key})</option>
-        <!--@end-->
-        </select>
+    <div id="popHeadder">
+        <h1>{$lang->cmd_generate_code}</h1>
     </div>
 
-    <div id="colorset_area" style="display:none">
-        <div class="widget_header">{$lang->colorset}</div>
-        <div class="widget_body">
-            <select name="colorset" id="widget_colorset">
-            </select>
-        </div>
-    </div>
+    <div id="popBody">
 
-    <!--@foreach($widget_info->extra_var as $id => $var)-->
-    <div class="widget_header">{$var->name}</div>
+        <div class="infoText">{nl2br($lang->about_widget_code)}</div>
 
-    <div class="widget_body">
-        <!--@if($var->type == "text")-->
-        <input type="text" name="{$id}" value="" />
+        <table cellspacing="0" class="tableType5">
+        <col width="100" />
+        <col />
+        <tr>
+            <th scope="row">{$lang->widget}</th>
+            <td>{$widget_info->title} ver {$widget_info->version}</td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->skin}</th>
+            <td>
+                <select name="skin" onchange="doDisplaySkinColorset(this);return false;">
+                    <option value="">&nbsp;</option>
+                <!--@foreach($skin_list as $key => $val)-->
+                    <option value="{$key}">{$val->title} ({$key})</option>
+                <!--@end-->
+                </select>
 
-        <!--@elseif($var->type == "textarea")-->
-        <textarea name="{$id}"></textarea>
-
-        <!--@elseif($var->type == "select")-->
-            <select name="{$id}">
-            <!--@foreach($var->options as $key => $val)-->
-            <option value="{$key}">{$val}</option>
-            <!--@end-->
-            </select>
-
-        <!--@elseif($var->type == "mid_list")-->
-
-            <div style="height:150px;overflow:scroll">
-            <!--@foreach($mid_list as $key => $val)-->
-                <div class="widget_mid_list">
-                    <input type="checkbox" value="{$key}" name="{$id}" id="chk_mid_list_{$key}" /> 
-                    <label for="chk_mid_list_{$key}">{$key} ({$val->browser_title})</label>
+                <div id="colorset_area" style="display:none">
+                    <div class="header">{$lang->colorset}</div>
+                    <div class="footer">
+                        <select name="colorset" id="widget_colorset">
+                        </select>
+                    </div>
                 </div>
-            <!--@end-->
-            </div>
+            </td>
+        </tr>
+            <!--@foreach($widget_info->extra_var as $id => $var)-->
+        <tr>
+            <th scope="row">{$var->name}</th>
+            <td>
+                <!--@if($var->type == "text")-->
+                <input type="text" name="{$id}" value="" class="inputTypeText" />
+
+                <!--@elseif($var->type == "textarea")-->
+                <textarea name="{$id}" class="inputTypeTextArea w100"></textarea>
+
+                <!--@elseif($var->type == "select")-->
+                <select name="{$id}">
+                    <!--@foreach($var->options as $key => $val)-->
+                    <option value="{$key}">{$val}</option>
+                    <!--@end-->
+                </select>
+
+                <!--@elseif($var->type == "mid_list")-->
+                    <!--@foreach($mid_list as $key => $val)-->
+                        <div class="widget_mid_list">
+                            <input type="checkbox" value="{$key}" name="{$id}" id="chk_mid_list_{$key}" /> 
+                            <label for="chk_mid_list_{$key}">{$key} ({$val->browser_title})</label>
+                        </div>
+                    <!--@end-->
+                <!--@end-->
+                <p class="clear">{$var->description}</p>
+            </td>
+        </tr>
         <!--@end-->
-    </div>
-    <div class="widget_var_description">{$var->description}</div>
-    <!--@end-->
-
-    <div class="widget_button_area">
-        <input type="submit" value="{$lang->cmd_generate_code}" class="widget_button" />
-        <input type="button" onclick="self.close()" value="{$lang->cmd_close}" class="widget_button" />
+        <tr>
+            <th>{$lang->generated_code}</th>
+            <td><textarea readonly="true" id="widget_code" class="inputTypeTextArea w100"></textarea></td>
+        </tr>
+        </table>
     </div>
 
-    <div class="widget_code_area"><textarea readonly="true" id="widget_code"></textarea></div>
-
-</div>
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><span class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_generate_code}" class="editor_button" /><img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></span></li>
+            <li><span class="buttonTypeA"><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></span></li>
+        </ul>
+    </div>
 
 </form>

modules/widget/tpl/widget_generate_code_in_page.html

@@ -6,108 +6,113 @@
 <input type="hidden" name="selected_widget" value="{$selected_widget}" />
 <input type="hidden" name="module_srl" value="{$module_srl}" />
 
-<div class="widget_detail_info_window">
+    <div id="popHeadder">
+        <h1>{$lang->cmd_generate_code}</h1>
+    </div>
 
-    <div class="widget_title">{$widget_info->title} ver {$widget_info->version}</div>
+    <div id="popBody">
 
-    <div style="border:1px solid #EEEEEE;margin-bottom:5px;">
+        <div class="infoText">{nl2br($lang->about_widget_code_in_page)}</div>
 
-        <div class="widget_description">{$lang->about_widget_code_in_page}</div>
-
-        <div class="widget_header">{$lang->description}</div>
-        <div class="widget_body">{nl2br($widget_info->author->description)}</div>
-
-        <div class="widget_header">{$lang->skin}</div>
-        <div class="widget_body">
-            <select name="skin" onchange="doDisplaySkinColorset(this,'');return false;" id="widget_skin">
-                <option value="">&nbsp;</option>
-            <!--@foreach($skin_list as $key => $val)-->
-                <option value="{$key}">{$val->title} ({$key})</option>
-            <!--@end-->
-            </select>
-        </div>
-
-        <div id="colorset_area" style="display:none">
-            <div class="widget_header">{$lang->colorset}</div>
-            <div class="widget_body">
-                <select name="colorset" id="widget_colorset">
-                </select>
-            </div>
-        </div>
-
-        <!--@foreach($widget_info->extra_var as $id => $var)-->
-        <div class="widget_header">{$var->name}</div>
-
-        <div class="widget_body">
-            <!--@if($var->type == "text")-->
-            <input type="text" name="{$id}" value="" />
-
-            <!--@elseif($var->type == "textarea")-->
-            <textarea name="{$id}"></textarea>
-
-            <!--@elseif($var->type == "select")-->
-                <select name="{$id}">
-                <!--@foreach($var->options as $key => $val)-->
-                <option value="{$key}">{$val}</option>
+        <table cellspacing="0" class="tableType5">
+        <col width="100" />
+        <col />
+        <tr>
+            <th scope="row">{$lang->widget}</th>
+            <td>{$widget_info->title} ver {$widget_info->version}</td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->skin}</th>
+            <td>
+                <select name="skin" onchange="doDisplaySkinColorset(this);return false;">
+                    <option value="">&nbsp;</option>
+                <!--@foreach($skin_list as $key => $val)-->
+                    <option value="{$key}">{$val->title} ({$key})</option>
                 <!--@end-->
                 </select>
 
-            <!--@elseif($var->type == "mid_list")-->
-                <div style="height:150px;overflow:scroll">
-                <!--@foreach($mid_list as $key => $val)-->
-                    <div class="widget_mid_list">
-                        <input type="checkbox" value="{$key}" name="{$id}" id="chk_mid_list_{$key}" /> 
-                        <label for="chk_mid_list_{$key}">{$key} ({$val->browser_title})</label>
+                <div id="colorset_area" style="display:none">
+                    <div class="header">{$lang->colorset}</div>
+                    <div class="footer">
+                        <select name="colorset" id="widget_colorset">
+                        </select>
                     </div>
-                <!--@end-->
                 </div>
-            <!--@end-->
-        </div>
-        <div class="widget_var_description">{$var->description}</div>
+            </td>
+        </tr>
+            <!--@foreach($widget_info->extra_var as $id => $var)-->
+        <tr>
+            <th scope="row">{$var->name}</th>
+            <td>
+                <!--@if($var->type == "text")-->
+                <input type="text" name="{$id}" value="" class="inputTypeText" />
+
+                <!--@elseif($var->type == "textarea")-->
+                <textarea name="{$id}" class="inputTypeTextArea w100"></textarea>
+
+                <!--@elseif($var->type == "select")-->
+                <select name="{$id}">
+                    <!--@foreach($var->options as $key => $val)-->
+                    <option value="{$key}">{$val}</option>
+                    <!--@end-->
+                </select>
+
+                <!--@elseif($var->type == "mid_list")-->
+                    <!--@foreach($mid_list as $key => $val)-->
+                        <div class="widget_mid_list">
+                            <input type="checkbox" value="{$key}" name="{$id}" id="chk_mid_list_{$key}" /> 
+                            <label for="chk_mid_list_{$key}">{$key} ({$val->browser_title})</label>
+                        </div>
+                    <!--@end-->
+                <!--@end-->
+                <p class="clear">{$var->description}</p>
+            </td>
+        </tr>
         <!--@end-->
-
+        <tr>
+            <th scope="row">{$lang->widget_fix_width}</th>
+            <td>
+                <input type="checkbox" value="Y" name="widget_fix_width" /> {$lang->about_widget_fix_width}
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->widget_width}</th>
+            <td>
+                <input type="text" value="400" name="widget_width" size="3" class="inputTypeText" />px
+                <p>{$lang->about_widget_width}</p>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->widget_position}</th>
+            <td>
+                <select name="widget_position">
+                    <option value="">{$lang->widget_position_none}</option>
+                    <option value="left">{$lang->widget_position_left}</option>
+                    <option value="right">{$lang->widget_position_right}</option>
+                </select>
+                <p>{$lang->about_widget_position}</p>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->widget_margin}</th>
+            <td>
+                {$lang->widget_margin_top} <input type="text" name="widget_margin_top" value="0" size="2" class="inputTypeText" />px
+                {$lang->widget_margin_right} <input type="text" name="widget_margin_right" value="0" size="2" class="inputTypeText" />px
+                {$lang->widget_margin_bottom} <input type="text" name="widget_margin_bottom" value="0" size="2" class="inputTypeText" />px
+                {$lang->widget_margin_left} <input type="text" name="widget_margin_left" value="0" size="2" class="inputTypeText"/>px
+                <br />
+                {$lang->about_widget_margin}
+            </td>
+        </tr>
+        </table>
     </div>
-
-    <div style="border:1px solid #EEEEEE;margin-bottom:5px; ">
-        <div class="widget_header">{$lang->widget_fix_width}</div>
-        <div class="widget_body">
-            <input type="checkbox" value="Y" name="widget_fix_width" />
-            {$lang->about_widget_fix_width}
-        </div>
-
-        <div class="widget_header">{$lang->widget_width}</div>
-        <div class="widget_body">
-            <input type="text" value="400" name="widget_width" size="3" />px
-            {$lang->about_widget_width}
-        </div>
-
-        <div class="widget_header">{$lang->widget_position}</div>
-        <div class="widget_body">
-            <select name="widget_position">
-                <option value="">{$lang->widget_position_none}</option>
-                <option value="left">{$lang->widget_position_left}</option>
-                <option value="right">{$lang->widget_position_right}</option>
-            </select>
-            {$lang->about_widget_position}
-        </div>
-
-        <div class="widget_header">{$lang->widget_margin}</div>
-        <div class="widget_body">
-            {$lang->widget_margin_top} <input type="text" name="widget_margin_top" value="0" size="2" />
-            {$lang->widget_margin_right} <input type="text" name="widget_margin_right" value="0" size="2" />
-            {$lang->widget_margin_bottom} <input type="text" name="widget_margin_bottom" value="0" size="2" />
-            {$lang->widget_margin_left} <input type="text" name="widget_margin_left" value="0" size="2" />
-            <br />
-            {$lang->about_widget_margin}
-        </div>
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><span class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_generate_code}" class="editor_button" /><img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></span></li>
+            <li><span class="buttonTypeA"><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></span></li>
+        </ul>
     </div>
 
-    <div class="widget_button_area">
-        <input type="submit" value="{$lang->cmd_insert}" class="widget_button" />
-        <input type="button" onclick="self.close()" value="{$lang->cmd_close}" class="widget_button" />
-    </div>
-</div>
-
 </form>
 
 <script type="text/javascript">