mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-04-26 05:42:13 +09:00
UI refactoring integration search module
git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11998 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
flyskyko
parent
1b6abfc6a3
commit
55410ee04e
9 changed files with 166 additions and 249 deletions
|
|
@ -1,58 +0,0 @@
|
|||
(function($){
|
||||
|
||||
xe.MidManager = xe.createApp("MidManager", {
|
||||
$keyObj: null,
|
||||
|
||||
init: function(key){
|
||||
var self = this;
|
||||
var $keyObj = this.$keyObj = $('.extra_vars input[name='+key+']');
|
||||
|
||||
$keyObj.parent().find('button.delete,a.delete').bind('click', function(){
|
||||
$keyObj.val('').next().val('');
|
||||
return false;
|
||||
});
|
||||
|
||||
jQuery(function($){
|
||||
$keyObj.siblings('.moduleTrigger').bind('moduleSelect', function(e, aSelected){
|
||||
self.cast('MID_SYNC_NEW', aSelected);
|
||||
});
|
||||
});
|
||||
|
||||
self.cast('MID_SYNC');
|
||||
|
||||
},
|
||||
|
||||
API_MID_SYNC: function(){
|
||||
var self = this;
|
||||
var $finder = self.$keyObj.closest('.modulefinder');
|
||||
|
||||
var module_srl = this.$keyObj.val();
|
||||
if (!module_srl) return;
|
||||
|
||||
function on_complete(data){
|
||||
if (data.error){
|
||||
alert(data.message);
|
||||
return;
|
||||
}
|
||||
|
||||
self.$keyObj.val(data.module_list[0].module_srl);
|
||||
self.$keyObj.next().val(data.module_list[0].browser_title+' ('+data.module_list[0].mid+', '+data.module_list[0].module_name+')');
|
||||
}
|
||||
|
||||
$.exec_json('module.getModuleAdminModuleList', {'module_srls': module_srl}, on_complete);
|
||||
},
|
||||
|
||||
API_MID_SYNC_NEW: function(htBase, aParam){
|
||||
var self = this;
|
||||
|
||||
htSelected = aParam[0];
|
||||
|
||||
var module_srl = htSelected.module_srl;
|
||||
if (!module_srl) return;
|
||||
|
||||
self.$keyObj.val(htSelected.module_srl);
|
||||
self.$keyObj.next().val(htSelected.browser_title+' ('+htSelected.mid+', '+htSelected.type+')');
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
|
@ -1,113 +0,0 @@
|
|||
(function($){
|
||||
|
||||
xe.ModuleListManager = xe.createApp("ModuleListManager", {
|
||||
$keyObj: null,
|
||||
$moduleNameObj: null,
|
||||
$moduleSrlObj: null,
|
||||
$selectedObj: null,
|
||||
|
||||
init: function(key){
|
||||
var self = this;
|
||||
var $keyObj = this.$keyObj = $('.extra_vars input[name='+key+']');
|
||||
this.$moduleNameObj = $keyObj.parent().find('.moduleList');
|
||||
this.$moduleSrlObj = $keyObj.parent().find('.moduleIdList');
|
||||
this.$selectedObj = $keyObj.parent().find('.modulelist_selected');
|
||||
|
||||
this.$selectedObj
|
||||
.nextAll('button')
|
||||
.filter('.modulelist_del').bind('click', function(){ self.cast('MODULELIST_DEL'); return false; }).end()
|
||||
.filter('.modulelist_up').bind('click', function(){ self.cast('MODULELIST_UP'); return false; }).end()
|
||||
.filter('.modulelist_down').bind('click', function(){ self.cast('MODULELIST_DOWN'); return false; }).end()
|
||||
.end()
|
||||
.bind('show', function(){
|
||||
$(this).nextAll().show();
|
||||
});
|
||||
|
||||
this.$selectedObj.nextAll('a').filter('.moduleTrigger').bind('moduleSelect', function(e, aSelected){
|
||||
var sType, sName, sSrl;
|
||||
|
||||
for(var i=0, nLen=aSelected.length; i<nLen; i++){
|
||||
sType = aSelected[i].mid + ', ' + aSelected[i].type;
|
||||
sName = aSelected[i].browser_title;
|
||||
sSrl = aSelected[i].module_srl;
|
||||
self.cast("ADD_MODULE_TO_MODULELIST_MANAGER", [sType, sName, sSrl]);
|
||||
}
|
||||
}).end()
|
||||
|
||||
this.cast('MODULELIST_SYNC');
|
||||
},
|
||||
|
||||
addModule: function(sModuleType, sModuleInstanceName, sModuleSrl){
|
||||
$('<OPTION>').val(sModuleSrl).text(sModuleInstanceName + ' ('+sModuleType+')').appendTo(this.$selectedObj);
|
||||
|
||||
this.removeDuplicated();
|
||||
this.refreshValue();
|
||||
},
|
||||
|
||||
API_ADD_MODULE_TO_MODULELIST_MANAGER : function(sender, aParams){
|
||||
this.addModule(aParams[0], aParams[1], aParams[2]);
|
||||
},
|
||||
|
||||
API_MODULELIST_ADD: function(){
|
||||
var sModuleType = this.$moduleNameObj.find('>option:selected').text();
|
||||
var sModuleInstanceName = this.$moduleSrlObj.find('>option:selected').text();
|
||||
var sModuleSrl = this.$moduleSrlObj.find('>option:selected').val();
|
||||
|
||||
this.addModule(sModuleType, sModuleInstanceName, sModuleSrl);
|
||||
},
|
||||
|
||||
API_MODULELIST_DEL: function(){
|
||||
this.$selectedObj.find('>option:selected').remove();
|
||||
this.refreshValue();
|
||||
},
|
||||
|
||||
API_MODULELIST_UP: function(){
|
||||
var $selected = this.$selectedObj.find('>option:selected');
|
||||
$selected.eq(0).prev('option').before($selected);
|
||||
this.refreshValue();
|
||||
},
|
||||
|
||||
API_MODULELIST_DOWN: function(){
|
||||
var $selected = this.$selectedObj.find('>option:selected');
|
||||
$selected.eq(-1).next('option').after($selected);
|
||||
this.refreshValue();
|
||||
},
|
||||
|
||||
API_MODULELIST_SYNC: function(){
|
||||
var values = this.$keyObj.val();
|
||||
if (!values) return;
|
||||
|
||||
var self = this;
|
||||
function on_complete(data){
|
||||
if (data.error) return;
|
||||
|
||||
for(var i in data.module_list){
|
||||
var module = data.module_list[i];
|
||||
var obj = $(document.createElement('option'));
|
||||
obj.val(module.module_srl).html(module.browser_title + ' (' + module.mid + ', ' + module.module_name + ')').appendTo(self.$selectedObj);
|
||||
}
|
||||
}
|
||||
|
||||
$.exec_json('module.getModuleAdminModuleList', {'module_srls': values}, on_complete);
|
||||
},
|
||||
|
||||
removeDuplicated : function() {
|
||||
var selected = {};
|
||||
this.$selectedObj.find('>option').each(function(){
|
||||
if(selected[this.value]) $(this).remove();
|
||||
selected[this.value] = true;
|
||||
});
|
||||
},
|
||||
|
||||
refreshValue : function() {
|
||||
var srls = [];
|
||||
|
||||
this.$selectedObj.find('>option').each(function(){
|
||||
srls.push(this.value);
|
||||
});
|
||||
|
||||
this.$keyObj.val(srls.join(','));
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
(function($){
|
||||
|
||||
xe.MultiOrderManager = xe.createApp("MultiOrderManager", {
|
||||
$keyObj: null,
|
||||
$showObj: null,
|
||||
$selectedObj: null,
|
||||
|
||||
init: function(key){
|
||||
var self = this;
|
||||
var $keyObj = this.$keyObj = jQuery('.extra_vars input[name='+key+']');
|
||||
this.$showObj = $keyObj.parent().find('.multiorder_show');
|
||||
this.$selectedObj = $keyObj.parent().find('.multiorder_selected');
|
||||
|
||||
this.$keyObj.parent()
|
||||
.find('button')
|
||||
.filter('.multiorder_add').bind('click', function(){ self.cast('MULTIORDER_ADD'); return false; }).end()
|
||||
.filter('.multiorder_del').bind('click', function(){ self.cast('MULTIORDER_DEL'); return false; }).end()
|
||||
.filter('.multiorder_up').bind('click', function(){ self.cast('MULTIORDER_UP'); return false; }).end()
|
||||
.filter('.multiorder_down').bind('click', function(){ self.cast('MULTIORDER_DOWN'); return false; }).end()
|
||||
|
||||
this.cast('MULTIORDER_SYNC');
|
||||
},
|
||||
|
||||
API_MULTIORDER_ADD: function(){
|
||||
this.$showObj
|
||||
.find('>option:selected')
|
||||
.appendTo(this.$selectedObj);
|
||||
|
||||
this.refreshValue();
|
||||
},
|
||||
|
||||
API_MULTIORDER_DEL: function(){
|
||||
this.$selectedObj
|
||||
.find('>option:selected[default!="true"]')
|
||||
.appendTo(this.$showObj);
|
||||
|
||||
this.refreshValue();
|
||||
},
|
||||
|
||||
API_MULTIORDER_UP: function(){
|
||||
var $selected = this.$selectedObj.find('>option:selected');
|
||||
$selected.eq(0).prev('option').before($selected);
|
||||
this.refreshValue();
|
||||
},
|
||||
|
||||
API_MULTIORDER_DOWN: function(){
|
||||
var $selected = this.$selectedObj.find('>option:selected');
|
||||
$selected.eq(-1).next('option').after($selected);
|
||||
this.refreshValue();
|
||||
},
|
||||
|
||||
API_MULTIORDER_SYNC: function(){
|
||||
var values = this.$keyObj.val().split(',');
|
||||
this.$selectedObj.find('>option').appendTo(this.$showObj);
|
||||
|
||||
var targets = [];
|
||||
for(var i in values){
|
||||
var target = this.$showObj.find('>option[value='+values[i]+']').get(0);
|
||||
if (target != undefined) targets.push(target);
|
||||
}
|
||||
$(targets).appendTo(this.$selectedObj);
|
||||
},
|
||||
|
||||
refreshValue : function() {
|
||||
var values = [];
|
||||
|
||||
this.$selectedObj.find('>option').each(function(){
|
||||
values.push(this.value);
|
||||
});
|
||||
|
||||
this.$keyObj.val(values.join(','));
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<load target="js/multi_order.js" usecdn="true" />
|
||||
<load target="js/module_list.js" usecdn="true" />
|
||||
<load target="js/mid.js" usecdn="true" />
|
||||
<load target="../../module/tpl/js/multi_order.js" usecdn="true" />
|
||||
<load target="../../module/tpl/js/module_list.js" usecdn="true" />
|
||||
<load target="../../module/tpl/js/mid.js" usecdn="true" />
|
||||
<!--%load_js_plugin("ui.colorpicker")-->
|
||||
<div class="x_control-group">
|
||||
<label class="x_control-label" for="skin">{$lang->skin}</label>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue