css 및 js 호출순서 조정기능 추가

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

modules/editor/components/code_highlighter/tpl/popup.css

@@ -0,0 +1,24 @@
+@charset "utf-8";
+@import url(../../../../../modules/admin/tpl/css/admin.css);
+
+#folder_area { clear:left; }
+
+.border_type { float:left; margin-right:1em; width:120px; }
+
+img.color_icon { width:14px; height:14px; border:1px solid #FFFFFF; }
+
+img.color_icon_over { width:14px; height:14px; border:1px solid #000000; cursor:pointer; }
+
+img.border_preview_color { width:30px; height:16px; border:1px solid #EEEEEE; background-color:#88EE22; }
+
+img.border_preview_none_color { width:30px; height:12px; border:1px solid #EEEEEE; background-color:#FFFFFF; }
+
+img.bg_preview_color { width:30px; height:16px; border:1px solid #000000; background-color:#FFFFFF; }
+
+.editor_color_box { clear:both; height:65px; width:400px; border:1px solid #DDDDDD; padding:2px; }
+
+.editor_link_type { float:left; margin-right:.5em; vertical-align:middle; white-space:nowrap; }
+
+.editor_color_input { clear:both; }
+
+li { list-style:none; float:left; margin:5px 10px 0px 0;}

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

@@ -0,0 +1,77 @@
+<!--%import("popup.js")-->
+<!--%import("popup.css")-->
+<!--%import("../lang")-->
+
+<div id="popHeader" class="wide">
+    <h3 class="xeAdmin">{$component_info->title} ver. {$component_info->version}</h3>
+</div>
+
+<form action="./" method="get" onSubmit="return false" id="fo">
+    <div id="popBody">
+        <table cellspacing="0" class="rowTable">
+        <col width="150" />
+        <col />
+        <tr>
+            <th scope="row"><div>{$lang->code_type}</div></th>
+            <td>
+                <select id="code_type" name="code_type">
+                    <option value="Php">PHP</option>
+                    <option value="Xml">HTML/XML</option>
+                    <option value="Css">CSS</option>
+                    <option value="JScript">Javascript</option>
+                    <option value="Plain">Plain Text</option>
+                    <option value="Diff">Diff</option>
+                    <option value="Cpp">C++</option>
+                    <option value="CSharp">C#</option>
+                    <option value="Vb">Visual Basic</option>
+                    <option value="Java">Java</option>
+                    <option value="Delphi">Delphi</option>
+                    <option value="Python">Python</option>
+                    <option value="Ruby">Ruby</option>
+                    <option value="Sql">SQL</option>
+                    <option value="Abap">Abap</option>
+                    <option value="Bash">Bash/shell</option>
+                    <option value="Groovy">Groovy</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row"><div>{$lang->file_path}</div></th>
+            <td>
+                <input type="text" id="file_path" name="file_path" class="inputTypeText w400" />
+            </td>
+        </tr>
+        <tr>
+            <th scope="row"><div>{$lang->description}</div></th>
+            <td>
+                <input type="text" id="description" name="description" class="inputTypeText w400" />
+            </td>
+        </tr>
+        <tr>
+            <th scope="row"><div>{$lang->first_line}</div></th>
+            <td>
+                <input type="text" id="first_line" name="first_line" value="1" class="inputTypeText w40" />
+                <input type="checkbox" id="nogutter" name="nogutter" value="Y" /> <label for="nogutter">{$lang->hidden_linenumber}</label>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row"><div>{$lang->used_collapse}</div></th>
+            <td>
+                <input type="checkbox" id="collapse" name="collapse" value="Y" />
+            </td>
+        </tr>
+        <tr>
+            <th scope="row"><div>{$lang->hidden_controls}</div></th>
+            <td>
+                <input type="checkbox" id="nocontrols" name="nocontrols" value="Y" />
+            </td>
+        </tr>
+        </table>
+    </div>
+
+    <div id="popFooter">
+        <a href="#" onclick="insertCode()" class="button black strong"><span>{$lang->cmd_insert}</span></a>
+        <a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;" class="button"><span>{$lang->about_component}</span></a>
+    </div>
+
+</form>

modules/editor/components/code_highlighter/tpl/popup.js

@@ -0,0 +1,78 @@
+/**
+ * popup으로 열렸을 경우 부모창의 위지윅에디터에 select된 멀티미디어 컴포넌트 코드를 체크하여
+ * 있으면 가져와서 원하는 곳에 삽입
+ **/
+var selected_node = null;
+function getCode() {
+    // 부모 위지윅 에디터에서 선택된 영역이 있는지 확인
+    if(typeof(opener)=='undefined') return;
+
+    var node = opener.editorPrevNode;
+    if(!node || node.nodeName != 'DIV') return;
+
+    selected_node = node;
+
+    var code_type = node.getAttribute('code_type');
+    var file_path = node.getAttribute('file_path');
+    var description = node.getAttribute('description');
+    var first_line = node.getAttribute('first_line');
+    var collapse = node.getAttribute('collapse');
+    var nogutter = node.getAttribute('nogutter');
+    var nocontrols = node.getAttribute('nocontrols');
+
+    jQuery('#code_type').val(code_type);
+    jQuery('#file_path').val(file_path);
+    jQuery('#description').val(description);
+    if(!first_line) jQuery('#first_line').val('1');
+    else jQuery('#first_line').val(first_line);
+    if(collapse == 'Y' || collapse == 'true') jQuery('#collapse').attr('checked', true);
+    if(nogutter == 'Y' || nogutter == 'true') jQuery('#nogutter').attr('checked', true);
+    if(nocontrols == 'Y' || nocontrols == 'true') jQuery('#nocontrols').attr('checked', true);
+}
+
+/* 추가 버튼 클릭시 부모창의 위지윅 에디터에 인용구 추가 */
+function insertCode() {
+    if(typeof(opener)=='undefined') return;
+
+    var code_type = jQuery('#code_type').val();
+    var file_path = jQuery('#file_path').val();
+    var description = jQuery('#description').val();
+    var first_line = jQuery('#first_line').val();
+    var collapse = jQuery('#collapse').attr('checked');
+    var nogutter = jQuery('#nogutter').attr('checked');
+    var nocontrols = jQuery('#nocontrols').attr('checked');
+
+    var content = '';
+    if(selected_node) content = jQuery(selected_node).html();
+    else content = opener.editorGetSelectedHtml(opener.editorPrevSrl);
+
+    var style = "border: #666666 1px dotted; border-left: #22aaee 5px solid; padding: 5px; background: #FAFAFA url('./modules/editor/components/code_highlighter/code.png') no-repeat top right;";
+
+    if(!content) content = " ";
+
+    var text = '<div editor_component="code_highlighter" code_type="'+code_type+'" file_path="'+file_path+'" description="'+description+'" first_line="'+first_line+'" collapse="'+collapse+'" nogutter="'+nogutter+'" nocontrols="'+nocontrols+'" style="'+style+'">'+content+'</div>'+"<br />";
+
+    if(selected_node) {
+        selected_node.setAttribute('code_type', code_type);
+        selected_node.setAttribute('file_path', file_path);
+        selected_node.setAttribute('description', description);
+        selected_node.setAttribute('first_line', first_line);
+        selected_node.setAttribute("collapse", collapse);
+        selected_node.setAttribute('nogutter', nogutter);
+        selected_node.setAttribute('nocontrols', nocontrols);
+        selected_node.setAttribute('style', style);
+        opener.editorFocus(opener.editorPrevSrl);
+
+    } else {
+
+        opener.editorFocus(opener.editorPrevSrl);
+        var iframe_obj = opener.editorGetIFrame(opener.editorPrevSrl)
+        opener.editorReplaceHTML(iframe_obj, text);
+        opener.editorFocus(opener.editorPrevSrl);
+    }
+
+    window.close();
+}
+
+jQuery(getCode);
+