mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-04-30 07:42:11 +09:00
modules/widget/tpl 코드 정리 및 minify 설정 추가.
This commit is contained in:
bnu
parent
bf85de4e26
commit
80fa661fc7
5 changed files with 1446 additions and 1226 deletions
|
|
@ -8,16 +8,17 @@ function doDisplaySkinColorset(colorset)
|
|||
|
||||
function completeGetSkinColorset(ret_obj)
|
||||
{
|
||||
/*jshint -W004*/
|
||||
var sel = jQuery("select[name=colorset]").get(0);
|
||||
var length = sel.options.length;
|
||||
var selected_colorset = colorset;
|
||||
for(var i=0;i<length;i++) sel.remove(0);
|
||||
for(var i = 0; i < length; i++) sel.remove(0);
|
||||
|
||||
if(!ret_obj["colorset_list"]) return;
|
||||
if(!ret_obj.colorset_list) return;
|
||||
|
||||
var colorset_list = ret_obj["colorset_list"].split("\n");
|
||||
var colorset_list = ret_obj.colorset_list.split("\n");
|
||||
var selected_index = 0;
|
||||
for(var i=0;i<colorset_list.length;i++) {
|
||||
for(var i = 0; i < colorset_list.length; i++) {
|
||||
var tmp = colorset_list[i].split("|@|");
|
||||
if(selected_colorset && selected_colorset==tmp[0]) selected_index = i;
|
||||
var opt = new Option(tmp[1], tmp[0], false, false);
|
||||
|
|
@ -29,12 +30,12 @@ function doDisplaySkinColorset(colorset)
|
|||
doShowSkinColorset();
|
||||
}
|
||||
|
||||
var params = new Array();
|
||||
params["selected_widget"] = jQuery('input[name=selected_widget]').val();
|
||||
params["skin"] = skin;
|
||||
params["colorset"] = colorset;
|
||||
var params = [];
|
||||
params.selected_widget = jQuery('input[name=selected_widget]').val();
|
||||
params.skin = skin;
|
||||
params.colorset = colorset;
|
||||
|
||||
var response_tags = new Array("error","message","colorset_list");
|
||||
var response_tags = ["error", "message", "colorset_list"];
|
||||
|
||||
exec_xml("widget", "procWidgetGetColorsetList", params, completeGetSkinColorset, response_tags, params);
|
||||
}
|
||||
|
|
@ -50,138 +51,155 @@ function doShowSkinColorset()
|
|||
}
|
||||
|
||||
function completeGenerateCodeInPage(widget_code) {
|
||||
if(!opener || !widget_code) {
|
||||
window.close();
|
||||
return;
|
||||
}
|
||||
if(!opener || !widget_code) {
|
||||
window.close();
|
||||
return;
|
||||
}
|
||||
|
||||
opener.doAddWidgetCode(widget_code);
|
||||
window.close();
|
||||
opener.doAddWidgetCode(widget_code);
|
||||
window.close();
|
||||
}
|
||||
|
||||
var selected_node = null;
|
||||
|
||||
function getWidgetVars() {
|
||||
if(!opener || !opener.selectedWidget || !opener.selectedWidget.getAttribute("widget")) return;
|
||||
selected_node = opener.selectedWidget;
|
||||
if(!opener || !opener.selectedWidget || !opener.selectedWidget.getAttribute("widget")) return;
|
||||
selected_node = opener.selectedWidget;
|
||||
|
||||
if(!xGetElementById('fo_widget').widgetstyle.value) {
|
||||
xGetElementById('fo_widget').widgetstyle.value = selected_node.getAttribute('widgetstyle');
|
||||
}
|
||||
if(!xGetElementById('fo_widget').widgetstyle.value) {
|
||||
xGetElementById('fo_widget').widgetstyle.value = selected_node.getAttribute('widgetstyle');
|
||||
}
|
||||
|
||||
doFillWidgetVars();
|
||||
doFillWidgetVars();
|
||||
}
|
||||
|
||||
function doFillWidgetVars() {
|
||||
if(!opener || !opener.selectedWidget || !opener.selectedWidget.getAttribute("widget")) return;
|
||||
selected_node = opener.selectedWidget;
|
||||
if(!opener || !opener.selectedWidget || !opener.selectedWidget.getAttribute("widget")) return;
|
||||
selected_node = opener.selectedWidget;
|
||||
|
||||
// 스킨과 컬러셋은 기본
|
||||
var skin = selected_node.getAttribute("skin");
|
||||
var colorset = selected_node.getAttribute("colorset");
|
||||
var widget_sequence = parseInt(selected_node.getAttribute("widget_sequence"),10);
|
||||
// 스킨과 컬러셋은 기본
|
||||
var skin = selected_node.getAttribute("skin");
|
||||
var colorset = selected_node.getAttribute("colorset");
|
||||
var widget_sequence = parseInt(selected_node.getAttribute("widget_sequence"),10);
|
||||
|
||||
var fo_widget = jQuery("#fo_widget");
|
||||
var fo_obj = xGetElementById("fo_widget");
|
||||
jQuery('#widget_skin').val(skin);
|
||||
var fo_widget = jQuery("#fo_widget");
|
||||
var fo_obj = xGetElementById("fo_widget");
|
||||
jQuery('#widget_skin').val(skin);
|
||||
|
||||
// 위젯 스타일 유지를 위한 hidden input 추가하고 값을 저장
|
||||
var attrs = selected_node.attributes;
|
||||
// 위젯 스타일 유지를 위한 hidden input 추가하고 값을 저장
|
||||
var attrs = selected_node.attributes;
|
||||
|
||||
// IE7에서 발생하는 jQuery 용 attribute를 걸러내기 위해 추가
|
||||
var attrFilters = ['style', 'sizset', 'draggable', 'class'];
|
||||
|
||||
for (i=0; i< attrs.length ; i++){
|
||||
for(i = 0; i < attrs.length ; i++){
|
||||
var name = attrs[i].name;
|
||||
var value = jQuery(selected_node).attr(name);
|
||||
if(value=='Array') continue;
|
||||
if(jQuery("[name="+name+"]",fo_widget).size()>0 || !value) continue;
|
||||
if(name.indexOf('sizcache') == 0) continue;
|
||||
|
||||
if(value == 'Array') continue;
|
||||
if(jQuery("[name="+name+"]", fo_widget).size() > 0 || !value) continue;
|
||||
if(name.indexOf('sizcache') === 0) continue;
|
||||
if(jQuery.inArray(name, attrFilters) > -1) continue;
|
||||
|
||||
var dummy = jQuery('<input type="hidden" name="'+name+'" />').val(value).appendTo("#fo_widget").get(0);
|
||||
}
|
||||
|
||||
// 위젯의 속성 설정
|
||||
var obj_list = new Array();
|
||||
jQuery('input,select,textarea','#fo_widget').each( function() {
|
||||
obj_list.push(this);
|
||||
});
|
||||
// 위젯의 속성 설정
|
||||
var obj_list = [];
|
||||
jQuery('input,select,textarea','#fo_widget').each(function() {
|
||||
obj_list.push(this);
|
||||
});
|
||||
|
||||
for(var j=0;j<obj_list.length;j++) {
|
||||
var node = obj_list[j];
|
||||
if(node.name.indexOf('_')==0) continue;
|
||||
if(node.name == 'widgetstyle') continue;
|
||||
if(node.type == 'button') continue;
|
||||
if(node.name == '') continue;
|
||||
for(var j = 0; j < obj_list.length; j++) {
|
||||
/*jshint -W004*/
|
||||
var node = obj_list[j];
|
||||
|
||||
var length = node.length;
|
||||
var type = node.type;
|
||||
if((typeof(type)=='undefined'||!type) && typeof(length)!='undefined' && typeof(node[0])!='undefined' && length>0) type = node[0].type;
|
||||
else length = 0;
|
||||
var name = node.name;
|
||||
if(node.name.indexOf('_') === 0) continue;
|
||||
if(node.name == 'widgetstyle') continue;
|
||||
if(node.type == 'button') continue;
|
||||
if(node.name === '') continue;
|
||||
|
||||
var length = node.length;
|
||||
var type = node.type;
|
||||
|
||||
if((typeof(type) == 'undefined' || !type) && typeof(length) != 'undefined' && typeof(node[0]) != 'undefined' && length > 0) {
|
||||
type = node[0].type;
|
||||
}
|
||||
else {
|
||||
length = 0;
|
||||
}
|
||||
|
||||
var name = node.name;
|
||||
|
||||
switch(type) {
|
||||
case "hidden" :
|
||||
case "text" :
|
||||
case "textarea" :
|
||||
var val = selected_node.getAttribute(name);
|
||||
|
||||
if(!val) continue;
|
||||
|
||||
var unescaped_val = unescape(val);
|
||||
|
||||
if(!unescaped_val) node.value = val;
|
||||
else node.value = unescaped_val;
|
||||
|
||||
switch(type) {
|
||||
case "hidden" :
|
||||
case "text" :
|
||||
case "textarea" :
|
||||
var val = selected_node.getAttribute(name);
|
||||
if(!val) continue;
|
||||
var unescaped_val = unescape(val);
|
||||
if(!unescaped_val) node.value = val;
|
||||
else node.value = unescaped_val;
|
||||
jQuery('#'+name).val(node.value);
|
||||
break;
|
||||
case "radio" :
|
||||
case "checkbox" :
|
||||
if(selected_node.getAttribute(name)) {
|
||||
var val = selected_node.getAttribute(name).split(',');
|
||||
if(fo_obj[name].length) {
|
||||
for(var i=0;i<fo_obj[name].length;i++) {
|
||||
var v = fo_obj[name][i].value;
|
||||
for(var k=0;k<val.length;k++) {
|
||||
if(v == val[k]) {
|
||||
fo_obj[name][i].checked=true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if(fo_obj[name].value == val) fo_obj[name].checked =true;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case "select" :
|
||||
case "select-one" :
|
||||
var val = selected_node.getAttribute(name);
|
||||
var sel = fo_obj[name];
|
||||
if(!val) break;
|
||||
for(var i=0;i<sel.options.length;i++) {
|
||||
if(sel.options[i].value == val) sel.options[i].selected = true;
|
||||
else sel.options[i].selected = false;
|
||||
}
|
||||
break;
|
||||
}
|
||||
break;
|
||||
case "radio" :
|
||||
case "checkbox" :
|
||||
if(selected_node.getAttribute(name)) {
|
||||
var val = selected_node.getAttribute(name).split(',');
|
||||
|
||||
}
|
||||
if(fo_obj[name].length) {
|
||||
for(var i = 0; i < fo_obj[name].length; i++) {
|
||||
var v = fo_obj[name][i].value;
|
||||
|
||||
var style = selected_node.getAttribute("style");
|
||||
if(typeof(style)=="object") style = style["cssText"];
|
||||
fo_obj.style.value = style;
|
||||
for(var k = 0; k <val.length; k++) {
|
||||
if(v == val[k]) {
|
||||
fo_obj[name][i].checked = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if(fo_obj[name].value == val) fo_obj[name].checked =true;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case "select" :
|
||||
case "select-one" :
|
||||
var val = selected_node.getAttribute(name);
|
||||
var sel = fo_obj[name];
|
||||
|
||||
fo_obj.widget_padding_left.value = selected_node.getAttribute("widget_padding_left");
|
||||
fo_obj.widget_padding_right.value = selected_node.getAttribute("widget_padding_right");
|
||||
fo_obj.widget_padding_bottom.value = selected_node.getAttribute("widget_padding_bottom");
|
||||
fo_obj.widget_padding_top.value = selected_node.getAttribute("widget_padding_top");
|
||||
if(!val) break;
|
||||
|
||||
for(var i = 0; i < sel.options.length; i++) {
|
||||
if(sel.options[i].value == val) sel.options[i].selected = true;
|
||||
else sel.options[i].selected = false;
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
var style = selected_node.getAttribute("style");
|
||||
if(typeof(style) == "object") style = style.cssText;
|
||||
fo_obj.style.value = style;
|
||||
|
||||
fo_obj.widget_padding_left.value = selected_node.getAttribute("widget_padding_left");
|
||||
fo_obj.widget_padding_right.value = selected_node.getAttribute("widget_padding_right");
|
||||
fo_obj.widget_padding_bottom.value = selected_node.getAttribute("widget_padding_bottom");
|
||||
fo_obj.widget_padding_top.value = selected_node.getAttribute("widget_padding_top");
|
||||
|
||||
|
||||
// 컬러셋 설정
|
||||
if(skin && xGetElementById("widget_colorset") && xGetElementById("widget_colorset").options.length<1 && colorset) {
|
||||
doDisplaySkinColorset(colorset);
|
||||
}
|
||||
// 컬러셋 설정
|
||||
if(skin && xGetElementById("widget_colorset") && xGetElementById("widget_colorset").options.length < 1 && colorset) {
|
||||
doDisplaySkinColorset(colorset);
|
||||
}
|
||||
|
||||
// widget sequence 설정
|
||||
fo_obj.widget_sequence.value = widget_sequence;
|
||||
// widget sequence 설정
|
||||
fo_obj.widget_sequence.value = widget_sequence;
|
||||
|
||||
xe.broadcast('MULTIORDER_SYNC');
|
||||
xe.broadcast('MODULELIST_SYNC');
|
||||
|
|
@ -192,9 +210,9 @@ function doFillWidgetVars() {
|
|||
.each(function(){
|
||||
var $this = jQuery(this);
|
||||
var src = $this.siblings('input').eq(0).val().split(',');
|
||||
|
||||
if (src) $this.trigger('filebox.selected', [src]);
|
||||
})
|
||||
|
||||
if(src) $this.trigger('filebox.selected', [src]);
|
||||
});
|
||||
}
|
||||
|
||||
var $current_filebox;
|
||||
|
|
@ -218,20 +236,22 @@ jQuery(document).ready(function($){
|
|||
.remove();
|
||||
var htmlCode = "";
|
||||
if(src instanceof Object ) {
|
||||
for(var i=0;i<src.length;i++){
|
||||
/*jshint -W004*/
|
||||
for(var i = 0; i < src.length; i++){
|
||||
if(src[i].id) {
|
||||
htmlCode += '<img src="'+src[i].id+'" alt="" style="border:1px solid #ccc;padding:5px;max-height:200px;max-width:200px"> <button type="button" class="filebox_del x_icon-remove">'+xe.lang.cmd_delete+'</button> ';
|
||||
if(i==0) $(this).siblings('input').val(src[i].id);
|
||||
else {
|
||||
if(i === 0) {
|
||||
$(this).siblings('input').val(src[i].id);
|
||||
} else {
|
||||
var aux = $(this).siblings('input').val();
|
||||
$(this).siblings('input').val(aux+","+src[i].id);
|
||||
}
|
||||
}
|
||||
else {
|
||||
if(src[i]){
|
||||
} else {
|
||||
if(src[i]) {
|
||||
htmlCode += '<img src="'+src[i]+'" alt="" style="border:1px solid #ccc;padding:5px;max-height:200px;max-width:200px"> <button type="button" class="filebox_del x_icon-remove">'+xe.lang.cmd_delete+'</button> ';
|
||||
if(i==0) $(this).siblings('input').val(src[i]);
|
||||
else {
|
||||
if(i === 0) {
|
||||
$(this).siblings('input').val(src[i]);
|
||||
} else {
|
||||
var aux = $(this).siblings('input').val();
|
||||
$(this).siblings('input').val(aux+","+src[i]);
|
||||
}
|
||||
|
|
@ -244,16 +264,15 @@ jQuery(document).ready(function($){
|
|||
}
|
||||
$(this).before(htmlCode);
|
||||
|
||||
|
||||
|
||||
$('.filebox_del').bind('click', function(){
|
||||
var filename = $(this).prev('img').attr("src");
|
||||
var files = $(this).siblings('input').val().split(",");
|
||||
var newInput = "";
|
||||
for(var i=0;i<files.length;i++){
|
||||
|
||||
for(var i = 0; i < files.length; i++){
|
||||
if(files[i] != filename) {
|
||||
if(!newInput.length) newInput = files[i];
|
||||
else newInput += ","+files[i];
|
||||
else newInput += "," +files[i];
|
||||
}
|
||||
}
|
||||
$(this).siblings('input').val(newInput);
|
||||
|
|
@ -267,16 +286,17 @@ jQuery(document).ready(function($){
|
|||
});
|
||||
|
||||
$('#filebox_upload').find('input[type=submit]').click(function(){
|
||||
if ($('iframe[name=iframeTarget]').length < 1){
|
||||
if($('iframe[name=iframeTarget]').length < 1){
|
||||
var $iframe = $(document.createElement('iframe'));
|
||||
|
||||
$iframe.css('display', 'none');
|
||||
$iframe.attr('src', '#');
|
||||
$iframe.attr('name', 'iframeTarget');
|
||||
$iframe.load(function(){
|
||||
$iframe.load(function() {
|
||||
/*jshint -W061*/
|
||||
var data = eval('(' + $(window.iframeTarget.document.getElementsByTagName("body")[0]).html() + ')');
|
||||
|
||||
if (data.error){
|
||||
if(data.error) {
|
||||
alert(data.message);
|
||||
return;
|
||||
}
|
||||
|
|
@ -293,7 +313,7 @@ jQuery(document).ready(function($){
|
|||
|
||||
$('#widget_code_form').bind('submit', function(){
|
||||
function on_complete(data){
|
||||
if (data.error){
|
||||
if(data.error) {
|
||||
alert(data.message);
|
||||
return;
|
||||
}
|
||||
|
|
@ -302,13 +322,20 @@ jQuery(document).ready(function($){
|
|||
}
|
||||
|
||||
var datas = $(this).serializeArray();
|
||||
var params = new Object();
|
||||
for(var i in datas){
|
||||
var params = {};
|
||||
|
||||
for(var i in datas) {
|
||||
var data = datas[i];
|
||||
|
||||
if(/\[\]$/.test(data.name)) data.name = data.name.replace(/\[\]$/, '');
|
||||
if(params[data.name]) params[data.name] += '|@|' + data.value;
|
||||
else params[data.name] = data.value;
|
||||
if(/\[\]$/.test(data.name)) {
|
||||
data.name = data.name.replace(/\[\]$/, '');
|
||||
}
|
||||
|
||||
if(params[data.name]) {
|
||||
params[data.name] += '|@|' + data.value;
|
||||
} else {
|
||||
params[data.name] = data.value;
|
||||
}
|
||||
}
|
||||
|
||||
$.exec_json('widget.procWidgetGenerateCode', params, on_complete);
|
||||
|
|
@ -318,22 +345,28 @@ jQuery(document).ready(function($){
|
|||
|
||||
$('#fo_widget').bind('submit', function(){
|
||||
function on_complete(data){
|
||||
if (data['error'] != '0'){
|
||||
alert(data['message']);
|
||||
if(data.error != '0'){
|
||||
alert(data.message);
|
||||
return;
|
||||
}
|
||||
|
||||
completeGenerateCodeInPage(data['widget_code']);
|
||||
completeGenerateCodeInPage(data.widget_code);
|
||||
}
|
||||
|
||||
var datas = $(this).serializeArray();
|
||||
var params = new Object();
|
||||
for(var i in datas){
|
||||
var params = {};
|
||||
|
||||
for(var i in datas) {
|
||||
var data = datas[i];
|
||||
|
||||
if(/\[\]$/.test(data.name)) data.name = data.name.replace(/\[\]$/, '');
|
||||
if(params[data.name]) params[data.name] += '|@|' + data.value;
|
||||
else params[data.name] = data.value;
|
||||
if(/\[\]$/.test(data.name)) {
|
||||
data.name = data.name.replace(/\[\]$/, '');
|
||||
}
|
||||
if(params[data.name]) {
|
||||
params[data.name] += '|@|' + data.value;
|
||||
} else {
|
||||
params[data.name] = data.value;
|
||||
}
|
||||
}
|
||||
|
||||
exec_xml('widget', 'procWidgetGenerateCodeInPage', params, on_complete, ['error', 'message', 'widget_code']);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue