fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-05-01 08:12:17 +09:00
Code Issues Projects Releases Packages Wiki Activity

rollback r10320, r10298, r10276, r10272

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@10318 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
flyskyko 2012-03-05 09:16:55 +00:00
parent f8dd9888f6
commit 206ded7cf9
149 changed files with 3745 additions and 2812 deletions
Download patch file Download diff file Expand all files Collapse all files

6
modules/editor/components/emoticon/tpl/popup.css Normal file
View file

@ -0,0 +1,6 @@
@charset "utf-8";
@import url(../../../../../modules/admin/tpl/css/admin.css);
img.emoticon { margin:10px 10px 0 0; cursor:pointer; }
.emoticonList { position:absolute; right:40px; top:4px;}

62
modules/editor/components/emoticon/tpl/popup.html
View file

@ -1,55 +1,11 @@
<!--%import("popup.js")-->
<!--%import("popup.css")-->
<h1 class="h1">{$component_info->title} ver. {$component_info->version}</h1>
<div class="emoticonList">
<select name="list" id="selectEmoticonList">
<!--@foreach($emoticon_list as $key => $val)-->
<option <!--@if($val=='msn')-->selected="select"<!--@end--> value="{$val}">{$val}</option>
<!--@end-->
</select>
</div>
<div id="emoticons"></div>
<script type="text/javascript">
jQuery(function($){
var is_popup = window._isPoped;
/**
* @brief Get emoticon list by name
* @params String emoticon name
*/
function getEmoticons(emoName) {
var params = {component:'emoticon', emoticon:emoName, method:'getEmoticonList'};
var resp_tags = 'error message emoticons'.split(' ');
exec_xml('editor', 'procEditorCall', params, completeGetEmoticons, resp_tags);
}
/**
* @brief Load callback
*/
function completeGetEmoticons(ret_obj) {
var emoticons = ret_obj['emoticons'].split("\n");
var html = [];
for(var i=0;i<emoticons.length;i++) {
html[html.length] = '<img src="./modules/editor/components/emoticon/tpl/images/'+emoticons[i]+'" class="emoticon" />';
}
jQuery('#emoticons').html(html.join('')).find('img.emoticon').click(insertEmoticon);
}
/**
* @brief Insert a selected emoticon into the document
* @params Event jQuery event
*/
function insertEmoticon() {
var url, html, iframe, win = is_popup?opener:window;
if(!win) return;
html = '<img src="'+this.src+'" class="emoticon" />';
win.editorFocus(win.editorPrevSrl);
win.editorRelKeys[win.editorPrevSrl].pasteHTML(html);
if (is_popup) window.focus();
return false;
}
// load default emoticon set
getEmoticons('msn');
$('#selectEmoticonList').change(function(){ getEmoticons(this.value) });
});
</script>

51
modules/editor/components/emoticon/tpl/popup.js Normal file
View file

@ -0,0 +1,51 @@
jQuery(function($){
var is_popup = window._isPoped;
/**
* @brief Get emoticon list by name
* @params String emoticon name
*/
function getEmoticons(emoName) {
var params = {component:'emoticon', emoticon:emoName, method:'getEmoticonList'};
var resp_tags = 'error message emoticons'.split(' ');
exec_xml('editor', 'procEditorCall', params, completeGetEmoticons, resp_tags);
}
/**
* @brief Load callback
*/
function completeGetEmoticons(ret_obj) {
var emoticons = ret_obj['emoticons'].split("\n");
var html = [];
for(var i=0;i<emoticons.length;i++) {
html[html.length] = '<img src="./modules/editor/components/emoticon/tpl/images/'+emoticons[i]+'" class="emoticon" />';
}
jQuery('#emoticons').html(html.join('')).find('img.emoticon').click(insertEmoticon);
}
/**
* @brief Insert a selected emoticon into the document
* @params Event jQuery event
*/
function insertEmoticon() {
var url, html, iframe, win = is_popup?opener:window;
if(!win) return;
html = '<img src="'+this.src+'" class="emoticon" />';
win.editorFocus(win.editorPrevSrl);
win.editorRelKeys[win.editorPrevSrl].pasteHTML(html);
if (is_popup) window.focus();
return false;
}
// load default emoticon set
getEmoticons('msn');
$('#selectEmoticonList').change(function(){ getEmoticons(this.value) });
});

35
modules/editor/components/image_gallery/tpl/popup.css Normal file
View file

@ -0,0 +1,35 @@
@charset "utf-8";
@import url(../../../../../modules/admin/tpl/css/admin.css);
li { float:left; list-style:none; margin-right:5px; }
img.bg_preview_color {
width:30px;
height:16px;
border:1px solid #000000;
background-color:#FFFFFF;
}
img.border_preview_color {
width:30px;
height:16px;
border:1px solid #EEEEEE;
background-color:#000000;
}
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;
}
.editor_color_box { clear:both; height:65px; width:400px; border:1px solid #DDDDDD; padding:2px; }
.image_list { width:100%; border:1px solid #EEEEEE; height:200px !important; }

18
modules/editor/components/image_gallery/tpl/popup.html
View file

@ -1,14 +1,6 @@
<!--%import("../lang")-->
<!--%import("popup.js")-->
<style type="text/css">
li{float:left;list-style:none;margin-right:5px}
img.bg_preview_color{width:30px;height:16px;border:1px solid #000000;background-color:#FFFFFF}
img.border_preview_color{width:30px;height:16px;border:1px solid #EEEEEE;background-color:#000000}
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}
.editor_color_box{clear:both;height:65px;width:400px;border:1px solid #DDDDDD;padding:2px}
.image_list{width:100%;border:1px solid #EEEEEE;height:200px !important}
</style>
<!--%import("popup.css")-->
<!--%import("../lang")-->
<h1 class="h1">{$component_info->title} ver. {$component_info->version}</h1>
<form action="./" method="get" onSubmit="return false" id="fo">
<input type="hidden" name="editor_sequence" value="{$editor_sequence}" />
@ -51,7 +43,7 @@ img.color_icon_over{width:14px;height:14px;border:1px solid #000000;cursor:point
printColor("border", "{$tpl_path}/images/blank.gif");
</script>
</div>
<ul class="btnLeft">
<ul class="buttonLeft">
<li><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></li>
<li>#<input type="text" id="border_color_input" size="7" maxlength="6" value="000000" onkeyup="manual_select_color('border',this)"/></li>
</ul>
@ -65,7 +57,7 @@ img.color_icon_over{width:14px;height:14px;border:1px solid #000000;cursor:point
printColor("bg", "{$tpl_path}/images/blank.gif");
</script>
</div>
<ul class="btnLeft">
<ul class="buttonLeft">
<li><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></li>
<li>#<input type="text" id="bg_color_input" size="7" maxlength="6" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></li>
</ul>
@ -83,6 +75,6 @@ img.color_icon_over{width:14px;height:14px;border:1px solid #000000;cursor:point
</div>
<div class="btnArea">
<span class="btn"><button type="button" onclick="insertSlideShow()">{$lang->cmd_insert}</button></span>
<span class="btn"><a href="./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank" onclick="window.open(this.href,'ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
<span class="btn"><a href="./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank" onclick="window.open('this.href','ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
</div>
</form>

2
modules/editor/components/image_gallery/tpl/popup.js
View file

@ -157,4 +157,4 @@ function printColorBlock(type, code, blank_img_src) {
jQuery(function($){
getSlideShow();
});
});

6
modules/editor/components/image_gallery/tpl/popup.min.css vendored Normal file
View file

@ -0,0 +1,6 @@
/**
* @file slide_gallery.js
* @brief Slideshow type image gallery plugin
* @author NHN (developers@xpressengine.com)
**/
@charset "utf-8";@import "../../../../../modules/admin/tpl/css/admin.css";li{float:left;list-style:none;margin-right:5px}img.bg_preview_color{width:30px;height:16px;border:1px solid #000000;background-color:#FFFFFF}img.border_preview_color{width:30px;height:16px;border:1px solid #EEEEEE;background-color:#000000}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}.editor_color_box{clear:both;height:65px;width:400px;border:1px solid #DDDDDD;padding:2px}.image_list{width:100%;border:1px solid #EEEEEE;height:200px !important}

59
modules/editor/components/image_gallery/tpl/slide_gallery.css
View file

@ -1,10 +1,51 @@
@charset "utf-8";
.slide_gallery_loading_text{color:#555555;font-size:8pt;font-family:tahoma;font-weight:bold;margin:20px 0px 20px 0px;text-align:center}
.slide_gallery_navigator_box{font-size:9pt;text-align:center;margin:5px 0px 5px 0px}
.zone_gallery_navigator_status{color:#444444;font-family:verdana;font-size:8pt;cursor:pointer}
.slide_gallery_navigator_box img{vertical-align:bottom}
.slide_gallery_main_image_box{border:3px solid #EEEEEE;margin:10px}
.slide_gallery_thumbnail_image_box{margin:10px;text-align:center}
.slide_gallery_thumbnail_image_box img{border:1px solid #555555;padding:1px;margin:4px}
.slide_gallery_filename{margin:5px 0px 10px 0px}
.slide_gallery_filename a{color:#000000;text-decoration:none}
.slide_gallery_loading_text {
color:#555555;
font-size:8pt;
font-family:tahoma;
font-weight:bold;
margin:20px 0px 20px 0px;
text-align:center;
}
.slide_gallery_navigator_box {
font-size:9pt;
text-align:center;
margin:5px 0px 5px 0px;
}
.zone_gallery_navigator_status {
color:#444444;
font-family:verdana;
font-size:8pt;
cursor:pointer;
}
.slide_gallery_navigator_box img {
vertical-align:bottom;
}
.slide_gallery_main_image_box {
border:3px solid #EEEEEE;
margin:10px;
}
.slide_gallery_thumbnail_image_box {
margin:10px;
text-align:center;
}
.slide_gallery_thumbnail_image_box img {
border:1px solid #555555;
padding:1px;
margin:4px;
}
.slide_gallery_filename {
margin:5px 0px 10px 0px;
}
.slide_gallery_filename A {
color:#000000;
text-decoration:none;
}

7
modules/editor/components/image_gallery/tpl/slide_gallery.min.css vendored
View file

@ -1 +1,6 @@
@charset "utf-8";.slide_gallery_loading_text{color:#555555;font-size:8pt;font-family:tahoma;font-weight:bold;margin:20px 0px 20px 0px;text-align:center}.slide_gallery_navigator_box{font-size:9pt;text-align:center;margin:5px 0px 5px 0px}.zone_gallery_navigator_status{color:#444444;font-family:verdana;font-size:8pt;cursor:pointer}.slide_gallery_navigator_box img{vertical-align:bottom}.slide_gallery_main_image_box{border:3px solid #EEEEEE;margin:10px}.slide_gallery_thumbnail_image_box{margin:10px;text-align:center}.slide_gallery_thumbnail_image_box img{border:1px solid #555555;padding:1px;margin:4px}.slide_gallery_filename{margin:5px 0px 10px 0px}.slide_gallery_filename a{color:#000000;text-decoration:none}
/**
* @file slide_gallery.js
* @brief Slideshow type image gallery plugin
* @author NHN (developers@xpressengine.com)
**/
@charset "utf-8";.slide_gallery_loading_text{color:#555555;font-size:8pt;font-family:tahoma;font-weight:bold;margin:20px 0px 20px 0px;text-align:center}.slide_gallery_navigator_box{font-size:9pt;text-align:center;margin:5px 0px 5px 0px}.zone_gallery_navigator_status{color:#444444;font-family:verdana;font-size:8pt;cursor:pointer}.slide_gallery_navigator_box img{vertical-align:bottom}.slide_gallery_main_image_box{border:3px solid #EEEEEE;margin:10px}.slide_gallery_thumbnail_image_box{margin:10px;text-align:center}.slide_gallery_thumbnail_image_box img{border:1px solid #555555;padding:1px;margin:4px}.slide_gallery_filename{margin:5px 0px 10px 0px}.slide_gallery_filename A{color:#000000;text-decoration:none}

10
modules/editor/components/image_link/tpl/popup.css Normal file
View file

@ -0,0 +1,10 @@
@charset "utf-8";
@import url(../../../../../modules/admin/tpl/css/admin.css);
.image_align {
margin:0px 0px 5px 0px;
float:left;
width:200px;
}
li {list-style:none; float:left; margin-right:.5em;}

204
modules/editor/components/image_link/tpl/popup.html
View file

@ -1,3 +1,5 @@
<!--%import("popup.js")-->
<!--%import("popup.css")-->
<!--%import("../lang")-->
<h1 class="h1">{$component_info->title} ver. {$component_info->version}</h1>
<form action="./" method="get" onSubmit="return false" id="fo">
@ -13,9 +15,11 @@
<tr>
<th scope="row">{$lang->image_scale}</th>
<td>
<input type="text" id="width" value="0" size="4" />px
<input type="text" id="height" value="0" size="4" />px
<button type="button" id="get_scale">{$lang->cmd_get_scale}</button>
<ul>
<li><input type="text" id="width" value="0" size="4" />px </li>
<li><input type="text" id="height" value="0" size="4" />px </li>
<li><button type="button" id="get_scale">{$lang->cmd_get_scale}</button></li>
</ul>
</td>
</tr>
<tr>
@ -78,197 +82,7 @@
</div>
<div class="btnArea">
<span class="btn"><button type="button" id="btn_insert">{$lang->cmd_insert}</button></span>
<span class="btn"><a href="./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank" onclick="window.open(this.href,'ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
<span class="btn"><a href="./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank" onclick="window.open('this.href','ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
</div>
</form>
<script type="text/javascript">
(function($) {
var orig_width = 0;
var orig_height = 0;
var $form = $;
function getImage() {
var image_url = $form.find('#image_url').val();
// url이 미리 입력되어 있을 경우 scale구해줌
if(image_url) {
getImageScale();
return;
}
// 부모 위지윅 에디터에서 선택된 영역이 있으면 처리
var node = opener.editorPrevNode;
if(!node || node.nodeName != 'IMG') {
return;
}
var src = node.getAttribute('src');
var border = (node.style.borderWidth) ? node.style.borderWidth.match('[0-9]+') : node.getAttribute('border');
var align = (node.style.cssFloat) ? node.style.cssFloat : node.style.styleFloat;
var margin = (node.style.margin) ? node.style.margin.match('[0-9]+') : node.getAttribute('margin');
var alt = node.getAttribute('alt');
var width = $(node).width();
var height = $(node).height();
var link_url = node.getAttribute('link_url');
var open_window = node.getAttribute('open_window');
orig_width = width;
orig_height = height;
if(!align) {
align = (node.style.verticalAlign) ? node.style.verticalAlign : node.getAttribute('align');
}
$form.find('#image_url').val(src);
$form.find('#image_alt').val(alt);
if(link_url) {
link_url = link_url.replace(/<([^>]*)>/ig,'').replace(/&lt;/ig,'<').replace(/&gt;/ig,'>').replace(/&amp;/ig,'&');
$form.find('#link_url').val(link_url);
}
if(open_window == 'Y') $form.find('#open_window').attr('checked', true);
switch(align) {
case 'left' : $form.find('#align_left').attr('checked', true); break;
case 'middle' : $form.find('#align_middle').attr('checked', true); break;
case 'right' : $form.find('#align_right').attr('checked', true); break;
default : $form.find('#align_normal').attr('checked', true); break;
}
if(margin) {
$form.find('#image_margin').val(margin);
}
if(border) {
$form.find('#image_border').val(border);
}
$form.find('#width').val(width);
$form.find('#height').val(height);
}
function insertImage() {
if(typeof(opener) == "undefined") return;
var text = '';
var link_url = $form.find('#link_url').val();
var open_window = 'N';
if(link_url) link_url = link_url.replace(/&/ig,'&amp;').replace(/</ig,'&lt;').replace(/>/ig,'&gt;');
if($form.find('#open_window').attr('checked')) open_window = 'Y';
var url = $form.find('#image_url').val();
var alt = $form.find('#image_alt').val();
var align = '';
var border = parseInt($form.find('#image_border').val(), 10);
var margin = parseInt($form.find('#image_margin').val(), 10);
if($form.find('#align_normal').attr('checked') == 'checked') align = '';
else if($form.find('#align_left').attr('checked') == 'checked') align = 'left';
else if($form.find('#align_middle').attr('checked') == 'checked') align = 'middle';
else if($form.find('#align_right').attr('checked') == 'checked') align = 'right';
var width = $form.find('#width').val();
var height = $form.find('#height').val();
if(!url) {
window.close();
return;
}
url = url.replace(request_uri,'');
var $component = $('<span><img editor_component="image_link" /></span>');
var img_attrs = {};
var img_style = {};
img_attrs.src = url;
if(alt) img_attrs.alt = alt;
if(width) {
img_attrs.width = width;
img_style.width = width;
}
if(height) {
img_attrs.height = height;
img_style.height = height;
}
if(link_url) img_attrs.link_url = link_url;
if(open_window == 'Y') img_attrs.open_window = 'Y';
if(border) {
img_attrs.border = border;
img_style.border = border+'px solid';
}
if(margin) img_attrs.margin = margin;
if(align == 'left' || align == 'right') {
img_style.float = align;
} else if(align == 'middle') {
img_style.verticalAlign = align;
}
$component.find('img').attr(img_attrs);
$component.find('img').css(img_style);
var iframe_obj = opener.editorGetIFrame(opener.editorPrevSrl)
try {
var prevNode = opener.editorPrevNode;
prevNode.parentNode.insertBefore($component.find('img').get(0), prevNode);
prevNode.parentNode.removeChild(prevNode);
}catch(e){
try {
text = $component.html();
opener.editorReplaceHTML(iframe_obj, text);
} catch(ee) { }
};
opener.editorFocus(opener.editorPrevSrl);
window.close();
}
function getImageScale() {
var url = $form.find('#image_url').val();
if(!url) return;
var img = new Image();
img.src = url;
$form.find('#width').val(img.width);
$form.find('#height').val(img.height);
orig_width = img.width;
orig_height = img.height;
}
function setScale(type) {
switch(type) {
case 'width' :
if(!orig_height) return;
var n_width = $form.find('#width').val();
var p = n_width / orig_width;
var n_height = parseInt(orig_height * p, 10);
$form.find('#height').val(n_height);
break;
case 'height' :
if(!orig_width) return;
var n_height = $form.find('#height').val();
var p = n_height / orig_height;
var n_width = parseInt(orig_width * p, 10);
$form.find('#width').val(n_width);
break;
}
}
/* DOM READY */
$(function() {
$form = $('#fo');
$form.find('#btn_insert').click(insertImage);
if(typeof(opener) != "undefined") getImage();
$form.find('#image_url').blur(getImageScale);
$form.find('#get_scale').click(getImageScale);
$form.find('#width').blur(function() { setScale('width') });
$form.find('#height').blur(function() { setScale('height') });
});
}) (jQuery);
</script>

190
modules/editor/components/image_link/tpl/popup.js Normal file
View file

@ -0,0 +1,190 @@
;(function($) {
var orig_width = 0;
var orig_height = 0;
var $form = $;
function getImage() {
var image_url = $form.find('#image_url').val();
// url이 미리 입력되어 있을 경우 scale구해줌
if(image_url) {
getImageScale();
return;
}
// 부모 위지윅 에디터에서 선택된 영역이 있으면 처리
var node = opener.editorPrevNode;
if(!node || node.nodeName != 'IMG') {
return;
}
var src = node.getAttribute('src');
var border = (node.style.borderWidth) ? node.style.borderWidth.match('[0-9]+') : node.getAttribute('border');
var align = (node.style.cssFloat) ? node.style.cssFloat : node.style.styleFloat;
var margin = (node.style.margin) ? node.style.margin.match('[0-9]+') : node.getAttribute('margin');
var alt = node.getAttribute('alt');
var width = $(node).width();
var height = $(node).height();
var link_url = node.getAttribute('link_url');
var open_window = node.getAttribute('open_window');
orig_width = width;
orig_height = height;
if(!align) {
align = (node.style.verticalAlign) ? node.style.verticalAlign : node.getAttribute('align');
}
$form.find('#image_url').val(src);
$form.find('#image_alt').val(alt);
if(link_url) {
link_url = link_url.replace(/<([^>]*)>/ig,'').replace(/&lt;/ig,'<').replace(/&gt;/ig,'>').replace(/&amp;/ig,'&');
$form.find('#link_url').val(link_url);
}
if(open_window == 'Y') $form.find('#open_window').attr('checked', true);
switch(align) {
case 'left' : $form.find('#align_left').attr('checked', true); break;
case 'middle' : $form.find('#align_middle').attr('checked', true); break;
case 'right' : $form.find('#align_right').attr('checked', true); break;
default : $form.find('#align_normal').attr('checked', true); break;
}
if(margin) {
$form.find('#image_margin').val(margin);
}
if(border) {
$form.find('#image_border').val(border);
}
$form.find('#width').val(width);
$form.find('#height').val(height);
}
function insertImage() {
if(typeof(opener) == "undefined") return;
var text = '';
var link_url = $form.find('#link_url').val();
var open_window = 'N';
if(link_url) link_url = link_url.replace(/&/ig,'&amp;').replace(/</ig,'&lt;').replace(/>/ig,'&gt;');
if($form.find('#open_window').attr('checked')) open_window = 'Y';
var url = $form.find('#image_url').val();
var alt = $form.find('#image_alt').val();
var align = '';
var border = parseInt($form.find('#image_border').val(), 10);
var margin = parseInt($form.find('#image_margin').val(), 10);
if($form.find('#align_normal').attr('checked') == 'checked') align = '';
else if($form.find('#align_left').attr('checked') == 'checked') align = 'left';
else if($form.find('#align_middle').attr('checked') == 'checked') align = 'middle';
else if($form.find('#align_right').attr('checked') == 'checked') align = 'right';
var width = $form.find('#width').val();
var height = $form.find('#height').val();
if(!url) {
window.close();
return;
}
url = url.replace(request_uri,'');
var $component = $('<span><img editor_component="image_link" /></span>');
var img_attrs = {};
var img_style = {};
img_attrs.src = url;
if(alt) img_attrs.alt = alt;
if(width) {
img_attrs.width = width;
img_style.width = width;
}
if(height) {
img_attrs.height = height;
img_style.height = height;
}
if(link_url) img_attrs.link_url = link_url;
if(open_window == 'Y') img_attrs.open_window = 'Y';
if(border) {
img_attrs.border = border;
img_style.border = border+'px solid';
}
if(margin) img_attrs.margin = margin;
if(align == 'left' || align == 'right') {
img_style.float = align;
} else if(align == 'middle') {
img_style.verticalAlign = align;
}
$component.find('img').attr(img_attrs);
$component.find('img').css(img_style);
var iframe_obj = opener.editorGetIFrame(opener.editorPrevSrl)
try {
var prevNode = opener.editorPrevNode;
prevNode.parentNode.insertBefore($component.find('img').get(0), prevNode);
prevNode.parentNode.removeChild(prevNode);
}catch(e){
try {
text = $component.html();
opener.editorReplaceHTML(iframe_obj, text);
} catch(ee) { }
};
opener.editorFocus(opener.editorPrevSrl);
window.close();
}
function getImageScale() {
var url = $form.find('#image_url').val();
if(!url) return;
var img = new Image();
img.src = url;
$form.find('#width').val(img.width);
$form.find('#height').val(img.height);
orig_width = img.width;
orig_height = img.height;
}
function setScale(type) {
switch(type) {
case 'width' :
if(!orig_height) return;
var n_width = $form.find('#width').val();
var p = n_width / orig_width;
var n_height = parseInt(orig_height * p, 10);
$form.find('#height').val(n_height);
break;
case 'height' :
if(!orig_width) return;
var n_height = $form.find('#height').val();
var p = n_height / orig_height;
var n_width = parseInt(orig_width * p, 10);
$form.find('#width').val(n_width);
break;
}
}
/* DOM READY */
$(function() {
$form = $('#fo');
$form.find('#btn_insert').click(insertImage);
if(typeof(opener) != "undefined") getImage();
$form.find('#image_url').blur(getImageScale);
$form.find('#get_scale').click(getImageScale);
$form.find('#width').blur(function() { setScale('width') });
$form.find('#height').blur(function() { setScale('height') });
});
}) (jQuery);

2
modules/editor/components/multimedia_link/tpl/popup.css Normal file
View file

@ -0,0 +1,2 @@
@charset "utf-8";
@import url(../../../../../modules/admin/tpl/css/admin.css);

4
modules/editor/components/multimedia_link/tpl/popup.html
View file

@ -1,7 +1,9 @@
<!--%import("../lang")-->
<!--@if(__DEBUG__)-->
<load target="popup.css" />
<load target="popup.js" />
<!--@else-->
<load target="popup.min.css" />
<load target="popup.min.js" />
<!--@end-->
<h1 class="h1">{$component_info->title} ver. {$component_info->version}</h1>
@ -44,7 +46,7 @@
</div>
<div class="btnArea">
<span class="btn"><button type="button">{$lang->cmd_insert}</button></span>
<span class="btn"><a href="./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank" onclick="window.open(this.href,'ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
<span class="btn"><a href="./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank">{$lang->about_component}</a></span>
</div>
</form>

114
modules/editor/components/multimedia_link/tpl/popup.js
View file

@ -1,60 +1,64 @@
/**
* popup으로 열렸을 경우 부모창의 위지윅에디터에 select된 멀티미디어 컴포넌트 코드를 체크하여
* 있으면 가져와서 원하는 곳에 삽입
**/
jQuery(function($){
(function(){
if(!is_def(opener)) return;
var $node = $(opener.editorPrevNode).filter('img'), attrs;
if(!$node.length) return;
attrs = {
url : $node.attr('multimedia_src'),
caption : $node.attr('alt'),
width : $node.width() - 4,
height : $node.height() - 4,
wmode : $node.attr('wmode')
};
$.each(attrs, function(key, val) {
get_by_id('multimedia_'+key).value = val;
});
// auto start?
get_by_id('multimedia_auto_start').checked = ($node.attr('auto_start') == 'true');
})();
$('.btnArea button').click(function(){
if(!is_def(opener)) return;
var el_wmode = get_by_id('fo').elements['multimedia_wmode'];
var attrs = {
alt : encodeURIComponent(get_by_id('multimedia_caption').value),
width : get_by_id('multimedia_width').value || 400,
height : get_by_id('multimedia_height').value || 400,
wmode : el_wmode.value || el_wmode.options[0].value,
auto_start : get_by_id('multimedia_auto_start').checked?'true':'false',
multimedia_src : get_by_id('multimedia_url').value.replace(request_uri, '')
};
if(!attrs['multimedia_src']) {
window.close();
return;
}
var html = '<img src="../../../../common/img/blank.gif" editor_component="multimedia_link" multimedia_src="" width="" height="" wmode="" style="display:block;width:'+attrs.width+'px;height:'+attrs.height+'px;border:2px dotted #4371B9;background:url(./modules/editor/components/multimedia_link/tpl/multimedia_link_component.gif) no-repeat center" auto_start="" alt="" />';
html = html.replace(/(\w+)=""/g, function(m0,m1) {
return attrs[m1] ? (m1+'="'+attrs[m1]+'"') : '';
});
opener.editorFocus(opener.editorPrevSrl);
var iframe_obj = opener.editorGetIFrame(opener.editorPrevSrl)
opener.editorReplaceHTML(iframe_obj, html);
opener.editorFocus(opener.editorPrevSrl);
window.close();
(function(){
if(!is_def(opener)) return;
var $node = $(opener.editorPrevNode).filter('img'), attrs;
if(!$node.length) return;
attrs = {
url : $node.attr('multimedia_src'),
caption : $node.attr('alt'),
width : $node.width() - 4,
height : $node.height() - 4,
wmode : $node.attr('wmode')
};
$.each(attrs, function(key, val) {
get_by_id('multimedia_'+key).value = val;
});
// auto start?
get_by_id('multimedia_auto_start').checked = ($node.attr('auto_start') == 'true');
})();
$('.btnArea button').click(function(){
if(!is_def(opener)) return;
var el_wmode = get_by_id('fo').elements['multimedia_wmode'];
var attrs = {
alt : encodeURIComponent(get_by_id('multimedia_caption').value),
width : get_by_id('multimedia_width').value || 400,
height : get_by_id('multimedia_height').value || 400,
wmode : el_wmode.value || el_wmode.options[0].value,
auto_start : get_by_id('multimedia_auto_start').checked?'true':'false',
multimedia_src : get_by_id('multimedia_url').value.replace(request_uri, '')
};
if(!attrs['multimedia_src']) {
window.close();
return;
}
var html = '<img src="../../../../common/img/blank.gif" editor_component="multimedia_link" multimedia_src="" width="" height="" wmode="" style="display:block;width:'+attrs.width+'px;height:'+attrs.height+'px;border:2px dotted #4371B9;background:url(./modules/editor/components/multimedia_link/tpl/multimedia_link_component.gif) no-repeat center" auto_start="" alt="" />';
html = html.replace(/(\w+)=""/g, function(m0,m1) {
return attrs[m1] ? (m1+'="'+attrs[m1]+'"') : '';
});
opener.editorFocus(opener.editorPrevSrl);
var iframe_obj = opener.editorGetIFrame(opener.editorPrevSrl)
opener.editorReplaceHTML(iframe_obj, html);
opener.editorFocus(opener.editorPrevSrl);
window.close();
});
});

5
modules/editor/components/multimedia_link/tpl/popup.min.css vendored Normal file
View file

@ -0,0 +1,5 @@
/**
* popup으로 열렸을 경우 부모창의 위지윅에디터에 select된 멀티미디어 컴포넌트 코드를 체크하여
* 있으면 가져와서 원하는 곳에 삽입
**/
@charset "utf-8";@import "../../../../../modules/admin/tpl/css/admin.css";

20
modules/editor/components/poll_maker/tpl/popup.css Normal file
View file

@ -0,0 +1,20 @@
@charset "utf-8";
@import url(../../../../../modules/admin/tpl/css/admin.css);
.display_date { cursor:pointer; width:80px; float:left; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1em; padding:3px; font-family:tahoma; }
.adminTable { margin-bottom:0 !important; }
.pollButton { clear:both; overflow:hidden; border:1px solid #E3E3E2; border-top:none; background-color:#FAF8F4; padding:4px; }
.pollButton .fl { padding:5px 0 0 10px; color:#AAAAAA; }
.pollButton .fl label { vertical-align:middle; color:#888888; }
.pollButton .fr { padding:5px 10px 0 0; color:#AAAAAA; }
.pollButton .fr a { color:#444444; text-decoration:none; font-weight:bold;}
.pollButton .fr a.delPoll { color:red; font-weight:normal;}
li { list-style:none; margin-right:5px; float:left; color:#666666}
li a { text-decoration:none; color:#666666;}
#popFooter .fl { margin-left:10px; }
#popFooter .fr { margin-right:10px; }
.poll_box { margin-bottom:15px; }

21
modules/editor/components/poll_maker/tpl/popup.html
View file

@ -1,22 +1,11 @@
<style type="text/css">
.display_date{cursor:pointer;width:80px;float:left;border:1px solid;border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;height:1em;padding:3px;font-family:tahoma}
.adminTable{margin-bottom:0 !important}
.pollButton{clear:both;overflow:hidden;border:1px solid #E3E3E2;border-top:none;background-color:#FAF8F4;padding:4px}
.pollButton .fl{padding:5px 0 0 10px;color:#AAAAAA}
.pollButton .fl label{vertical-align:middle;color:#888888}
.pollButton .fr{padding:5px 10px 0 0;color:#AAAAAA}
.pollButton .fr a{color:#444444;text-decoration:none;font-weight:bold;}
.pollButton .fr a.delPoll{color:red;font-weight:normal;}
li{list-style:none;margin-right:5px;float:left;color:#666666}
li a{text-decoration:none;color:#666666;}
#popFooter .fl{margin-left:10px}
#popFooter .fr{margin-right:10px}
.poll_box{margin-bottom:15px}
</style>
<!--%import("popup.js")-->
<!--%import("popup.css")-->
<!--%import("filter/insert_poll.xml")-->
<!--%import("../lang")-->
<!--// datepicker javascript plugin load -->
<!--%load_js_plugin("ui.datepicker")-->
<script type="text/javascript">
var msg_poll_cannot_modify = "{$lang->msg_poll_cannot_modify}";
</script>
@ -100,6 +89,6 @@ li a{text-decoration:none;color:#666666;}
<div class="btnArea">
<span class="btn"><input type="submit" value="{$lang->cmd_submit}" /></span>
<span class="btn"><button type="button" id="add_poll">{$lang->cmd_add_poll}</button></span>
<span class="btn"><a href="./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank" onclick="window.open(this.href,'ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
<span class="btn"><a href="./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank">{$lang->about_component}</a></span>
</div>
</form>