Fix bugs and refactoring

This commit is contained in:
OVSharova 2021-12-03 06:46:24 +03:00
parent b304b01e9b
commit fbc521f76a
4 changed files with 1013 additions and 2295 deletions

File diff suppressed because it is too large Load diff

View file

@ -68,10 +68,11 @@ define([
'animation:duration': _.bind(this.onDurationChange, this), 'animation:duration': _.bind(this.onDurationChange, this),
'animation:selecteffect': _.bind(this.onEffectSelect, this), 'animation:selecteffect': _.bind(this.onEffectSelect, this),
'animation:delay': _.bind(this.onDelayChange, this), 'animation:delay': _.bind(this.onDelayChange, this),
'animation:animationpane':_.bind(this.onAnimationPane, this), 'animation:animationpane': _.bind(this.onAnimationPane, this),
'animation:addanimation': _.bind(this.onAddAnimation, this), 'animation:addanimation': _.bind(this.onAddAnimation, this),
'animation:startselect': _.bind(this.onStartSelect, this), 'animation:startselect': _.bind(this.onStartSelect, this),
'animation:checkrewind': _.bind(this.onCheckRewindChange,this), 'animation:checkrewind': _.bind(this.onCheckRewindChange,this),
'animation:repeat': _.bind(this.onRepeatChange, this),
}, },
'Toolbar': { 'Toolbar': {
'tab:active': _.bind(this.onActiveTab, this) 'tab:active': _.bind(this.onActiveTab, this)
@ -87,8 +88,8 @@ define([
setConfig: function (config) { setConfig: function (config) {
this.appConfig = config.mode; this.appConfig = config.mode;
this.view = this.createView('PE.Views.Animation', { this.view = this.createView('PE.Views.Animation', {
toolbar: config.toolbar, toolbar : config.toolbar,
mode: config.mode mode : config.mode
}); });
return this; return this;
}, },
@ -125,36 +126,29 @@ define([
if(this.api && this.AnimationProperties) { if(this.api && this.AnimationProperties) {
this.AnimationProperties.asc_putSubtype(value); this.AnimationProperties.asc_putSubtype(value);
this.api.asc_SetAnimationProperties(this.AnimationProperties); this.api.asc_SetAnimationProperties(this.AnimationProperties);
this.getAnimationProperties();
console.log(this.AnimationProperties.asc_getSubtype());
} }
}, },
onAnimationPane: function() { onAnimationPane: function() {
(new PE.Views.AnimationDialog({ (new PE.Views.AnimationDialog({
api: this.api, api : this.api,
activEffect: this.Effect activeEffect : this._state.Effect
})).show(); })).show();
}, },
onAddAnimation: function(combo, record) { onAddAnimation: function(combo, record) {
var type = record.get('value'); var type = record.get('value');
var group = Common.define.effectData.getEffectGroupData().findWhere({id: record.group}).value; var group = Common.define.effectData.getEffectGroupData().findWhere({id: record.group}).get('value');
this.addNewEffect(type, group); this.addNewEffect(type, group, false);
this._state.EffectGroups = group;
this._state.Effect = type;
}, },
addNewEffect: function (type, group) { addNewEffect: function (type, group, replace) {
if (this._state.Effect == type) return; if (this._state.Effect == type) return;
var parameter = this.view.setMenuParameters(type, undefined, group == this._state.EffectGroups);
var parameter= this.view.setMenuParameters(type, undefined, group == this._state.EffectGroups); this.api.asc_AddAnimation(group, type, (parameter != undefined)?parameter:0, replace);
this.api.asc_AddAnimation(this._state.EffectGroups, type, parameter); this._state.EffectGroups = group;
if (parameter!= undefined) this._state.Effect = type;
this.onParameterClick(parameter);
}, },
onDurationChange: function(field, newValue, oldValue, eOpts) { onDurationChange: function(field, newValue, oldValue, eOpts) {
@ -173,17 +167,24 @@ define([
} }
}, },
onRepeatChange: function (field, newValue, oldValue, eOpts){
if (this.api) {
this._state.Repeat = field.getNumberValue() * 1000;
this.AnimationProperties.asc_putRepeatCount(this._state.Repeat);
this.api.asc_SetAnimationProperties(this.AnimationProperties);
}
},
onEffectSelect: function (combo, record) { onEffectSelect: function (combo, record) {
if (this.api) {
var type = record.get('value'); var type = record.get('value');
var group = _.findWhere(Common.define.effectData.getEffectGroupData(),{id: record.get('group')}).value; var group = (type != AscFormat.ANIM_PRESET_NONE) ? _.findWhere(Common.define.effectData.getEffectGroupData(), {id: record.get('group')}).value : undefined;
this.addNewEffect(type, group); this.addNewEffect(type, group, this._state.Effect != AscFormat.ANIM_PRESET_NONE);
this._state.EffectGroups = group; }
this._state.Effect = type;
}, },
onStartSelect: function (combo, record) { onStartSelect: function (combo, record) {
if (this.api) { if (this.api) {
this._state.StartEffect =record.value; this._state.StartEffect = record.value;
this.AnimationProperties.asc_putStartType(this._state.StartEffect); this.AnimationProperties.asc_putStartType(this._state.StartEffect);
this.api.asc_SetAnimationProperties(this.AnimationProperties); this.api.asc_SetAnimationProperties(this.AnimationProperties);
} }
@ -197,6 +198,7 @@ define([
}, },
onFocusObject: function(selectedObjects) { onFocusObject: function(selectedObjects) {
var isAnimtionObject = false, isAnimation = false;
for (var i = 0; i<selectedObjects.length; i++) { for (var i = 0; i<selectedObjects.length; i++) {
var eltype = selectedObjects[i].get_ObjectType(); var eltype = selectedObjects[i].get_ObjectType();
@ -205,24 +207,48 @@ define([
if (eltype == Asc.c_oAscTypeSelectElement.Animation) { if (eltype == Asc.c_oAscTypeSelectElement.Animation) {
this.AnimationProperties = selectedObjects[i].get_ObjectValue(); this.AnimationProperties = selectedObjects[i].get_ObjectValue();
this.loadSettings(this.AnimationProperties); this.loadSettings(this.AnimationProperties);
if (this._state.onactivetab) { if (this._state.onactivetab) {
this.setLocked(); this.setLocked();
this.setSettings(); this.setSettings();
isAnimation = true;
} }
} }
else if((eltype == Asc.c_oAscTypeSelectElement.Shape) ||
(eltype == Asc.c_oAscTypeSelectElement.Tab) ||
(eltype == Asc.c_oAscTypeSelectElement.Text) ||
(eltype == Asc.c_oAscTypeSelectElement.Image)) {
isAnimtionObject = true;
} }
}
this.setLockedByObjects (isAnimtionObject, isAnimation);
}, },
getAnimationProperties: function() { setLockedByObjects: function (isAnimtionObject, isAnimation) {
var selectedElements = this.api.getSelectedElements(); if(isAnimtionObject)
for (var i = 0; i<selectedElements.length; i++) { {
if (selectedElements[i].get_ObjectType() === Asc.c_oAscTypeSelectElement.Animation) { if(isAnimation) {
this.AnimationProperties = selectedElements[i].get_ObjectValue(); if (this._state.Effect == AscFormat.ANIM_PRESET_NONE) {
return; this.view.setDisabled(true);
this.view.listEffects.setDisabled(false);
this.view.effectId = AscFormat.ANIM_PRESET_NONE;
} else {
this.view.setDisabled(false);
this.view.btnParameters.setDisabled(this.view.btnParameters.menu.items.length == 0)
} }
} }
return; else {
this.view.setDisabled(true);
this.view.listEffects.setDisabled(false);
}
}
else
this.view.setDisabled(true);
this.view.btnAddAnimation.setDisabled(this.view.listEffects.isDisabled());
}, },
loadSettings: function (props) { loadSettings: function (props) {
@ -230,9 +256,8 @@ define([
var value; var value;
this._state.EffectGroup = this.AnimationProperties.asc_getClass(); this._state.EffectGroup = this.AnimationProperties.asc_getClass();
value = this.AnimationProperties.asc_getType(); value = this.AnimationProperties.asc_getType();
value = !value ? -10 : value; (value == undefined) && (value = AscFormat.ANIM_PRESET_NONE);
this._state.EffectOption = this.AnimationProperties.asc_getSubtype(); this._state.EffectOption = this.AnimationProperties.asc_getSubtype();
this.view.setMenuParameters(value,this._state.EffectOption,true);
this._state.Effect = value; this._state.Effect = value;
value = this.AnimationProperties.asc_getDuration(); value = this.AnimationProperties.asc_getDuration();
@ -248,6 +273,14 @@ define([
(this._state.Delay === undefined || value === undefined) && (this._state.Delay !== value)) { (this._state.Delay === undefined || value === undefined) && (this._state.Delay !== value)) {
this._state.Delay = value; this._state.Delay = value;
} }
value = this.AnimationProperties.asc_getRepeatCount();
if (Math.abs(this._state.Repeat - value) > 0.001 ||
(this._state.Repeat === null || value === null) && (this._state.Repeat !== value) ||
(this._state.Repeat === undefined || value === undefined) && (this._state.Repeat !== value)) {
this._state.Repeat = value;
}
this._state.StartSelect = this.AnimationProperties.asc_getStartType(); this._state.StartSelect = this.AnimationProperties.asc_getStartType();
this._state.RepeatCount = this.AnimationProperties.asc_getRepeatCount(); this._state.RepeatCount = this.AnimationProperties.asc_getRepeatCount();
this._state.Rewind = this.AnimationProperties.asc_getRewind(); this._state.Rewind = this.AnimationProperties.asc_getRewind();
@ -256,6 +289,7 @@ define([
onActiveTab: function(tab) { onActiveTab: function(tab) {
if (tab == 'animate') { if (tab == 'animate') {
this._state.onactivetab = true; this._state.onactivetab = true;
this.setLocked(); this.setLocked();
this.setSettings(); this.setSettings();
} }
@ -267,8 +301,8 @@ define([
}, },
setLocked: function() { setLocked: function() {
if (this._state.lockedtransition != undefined) /* if (this._state.lockedanimation != undefined)
this.lockToolbar(PE.enumLock.transitLock, this._state.lockedtransition); this.lockToolbar(PE.enumLock.animationLock, this._state.lockedanimation);*/
}, },
setSettings: function () { setSettings: function () {
@ -280,16 +314,18 @@ define([
this.view.btnParameters.setIconCls('toolbar__icon icon ' + item.get('imageUrl')); this.view.btnParameters.setIconCls('toolbar__icon icon ' + item.get('imageUrl'));
} }
if (me.btnParameters.menu.items.length > 0 && this._state.EffectOption !== undefined) if (this._state.EffectOption !== undefined)
me.setMenuParameters(this._state.Effect, this._state.EffectOption, true); me.setMenuParameters(this._state.Effect, this._state.EffectOption);
me.numDuration.setValue((this._state.Duration !== null && this._state.Duration !== undefined) ? this._state.Duration / 1000. : '', true); me.numDuration.setValue((this._state.Duration !== null && this._state.Duration !== undefined) ? this._state.Duration / 1000. : '', true);
me.numDelay.setValue((this._state.Delay !== null && this._state.Delay !== undefined) ? this._state.Delay / 1000. : '', true); me.numDelay.setValue((this._state.Delay !== null && this._state.Delay !== undefined) ? this._state.Delay / 1000. : '', true);
me.numRepeat.setValue((this._state.Repeat !== null && this._state.Repeat !== undefined) ? this._state.Repeat / 1000. : '', true);
(this._state.StartSelect==undefined)&&(this._state.StartSelect = AscFormat.NODE_TYPE_CLICKEFFECT); (this._state.StartSelect==undefined)&&(this._state.StartSelect = AscFormat.NODE_TYPE_CLICKEFFECT);
item = me.cmbStart.store.findWhere({value: this._state.StartSelect}); item = me.cmbStart.store.findWhere({value: this._state.StartSelect});
me.cmbStart.selectRecord(item); me.cmbStart.selectRecord(item);
me.chRewind.setValue(this._state.Rewind); me.chRewind.setValue(this._state.Rewind, true);
} }
}, PE.Controllers.Animation || {})); }, PE.Controllers.Animation || {}));

View file

@ -133,9 +133,8 @@ define([
var _set = PE.enumLock; var _set = PE.enumLock;
this.lockedControls = []; this.lockedControls = [];
this._arrEffectName = [{group:'none', value: -10, iconCls: 'transition-none', displayValue: this.textNone}]; this._arrEffectName = [{group:'none', value: AscFormat.ANIM_PRESET_NONE, iconCls: 'transition-none', displayValue: this.textNone}];
Array.prototype.push.apply( this._arrEffectName, Common.define.effectData.getEffectData()); Array.prototype.push.apply( this._arrEffectName, Common.define.effectData.getEffectData());
this._arrEffectOptions = [];
this.listEffects = new Common.UI.ComboDataView({ this.listEffects = new Common.UI.ComboDataView({
cls: 'combo-styles', cls: 'combo-styles',
itemWidth: 87, itemWidth: 87,
@ -183,7 +182,7 @@ define([
caption: this.txtPreview, caption: this.txtPreview,
split: false, split: false,
iconCls: 'toolbar__icon preview-transitions', iconCls: 'toolbar__icon preview-transitions',
//lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock], //lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart],
dataHint: '1', dataHint: '1',
dataHintDirection: 'left', dataHintDirection: 'left',
dataHintOffset: 'medium' dataHintOffset: 'medium'
@ -225,6 +224,7 @@ define([
dataHintDirection: 'bottom', dataHintDirection: 'bottom',
dataHintOffset: 'small' dataHintOffset: 'small'
}); });
this.lockedControls.push(this.btnAddAnimation); this.lockedControls.push(this.btnAddAnimation);
this.numDuration = new Common.UI.MetricSpinner({ this.numDuration = new Common.UI.MetricSpinner({
@ -302,6 +302,7 @@ define([
value: '', value: '',
maxValue: 1000, maxValue: 1000,
minValue: 0, minValue: 0,
defaultUnit: '',
//lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock], //lock: [_set.slideDeleted, _set.noSlides, _set.disableOnStart, _set.transitLock],
dataHint: '1', dataHint: '1',
dataHintDirection: 'bottom', dataHintDirection: 'bottom',
@ -325,43 +326,6 @@ define([
return this; return this;
}, },
createParametersMenuItems: function()
{
var arrEffectType = [
{caption: this.textSmoothly, value: Asc.c_oAscSlideTransitionParams.Fade_Smoothly},
{caption: this.textBlack, value: Asc.c_oAscSlideTransitionParams.Fade_Through_Black},
{caption: this.textLeft, value: Asc.c_oAscSlideTransitionParams.Param_Left},
{caption: this.textTop, value: Asc.c_oAscSlideTransitionParams.Param_Top},
{caption: this.textRight, value: Asc.c_oAscSlideTransitionParams.Param_Right},
{caption: this.textBottom, value: Asc.c_oAscSlideTransitionParams.Param_Bottom},
{caption: this.textTopLeft, value: Asc.c_oAscSlideTransitionParams.Param_TopLeft},
{caption: this.textTopRight, value: Asc.c_oAscSlideTransitionParams.Param_TopRight},
{caption: this.textBottomLeft, value: Asc.c_oAscSlideTransitionParams.Param_BottomLeft},
{caption: this.textBottomRight, value: Asc.c_oAscSlideTransitionParams.Param_BottomRight},
{caption: this.textVerticalIn, value: Asc.c_oAscSlideTransitionParams.Split_VerticalIn},
{caption: this.textVerticalOut, value: Asc.c_oAscSlideTransitionParams.Split_VerticalOut},
{caption: this.textHorizontalIn, value: Asc.c_oAscSlideTransitionParams.Split_HorizontalIn},
{caption: this.textHorizontalOut, value: Asc.c_oAscSlideTransitionParams.Split_HorizontalOut},
{caption: this.textClockwise, value: Asc.c_oAscSlideTransitionParams.Clock_Clockwise},
{caption: this.textCounterclockwise, value: Asc.c_oAscSlideTransitionParams.Clock_Counterclockwise},
{caption: this.textWedge, value: Asc.c_oAscSlideTransitionParams.Clock_Wedge},
{caption: this.textZoomIn, value: Asc.c_oAscSlideTransitionParams.Zoom_In},
{caption: this.textZoomOut, value: Asc.c_oAscSlideTransitionParams.Zoom_Out},
{caption: this.textZoomRotate, value: Asc.c_oAscSlideTransitionParams.Zoom_AndRotate}
];
var itemsMenu = [];
_.each(arrEffectType, function (item) {
itemsMenu.push({
caption: item.caption,
value: item.value,
checkable: true,
toggleGroup: 'effects'
});
});
return itemsMenu;
},
onAppReady: function (config) { onAppReady: function (config) {
var me = this; var me = this;
(new Promise(function (accept, reject) { (new Promise(function (accept, reject) {
@ -434,42 +398,39 @@ define([
this.widthDuration = this.widthRow(this.$el.find("#animation-duration"), this.$el.find("#animation-label-trigger"),this.widthDuration); this.widthDuration = this.widthRow(this.$el.find("#animation-duration"), this.$el.find("#animation-label-trigger"),this.widthDuration);
}, },
setMenuParameters: function (effectId, option, reload) setMenuParameters: function (effectId, option)
{ {
var effect = this.listEffects.store.findWhere({value: effectId}).attributes; var effect = this.listEffects.store.findWhere({value: effectId});
if(reload) { var arrEffectOptions = Common.define.effectData.getEffectOptionsData(effect.get('group'), effect.get('value'));
this._arrEffectOptions = Common.define.effectData.getEffectOptionsData(effect.group);
}
if (!this.listEffects.isDisabled()) { if (!this.listEffects.isDisabled()) {
this.btnParameters.setDisabled(effect.group === 'none' || !this._arrEffectOptions); this.btnParameters.setDisabled(!arrEffectOptions);
this.btnPreview.setDisabled(effect.group === 'none');
this.numDuration.setDisabled(effect.group === 'none');
} }
if(!this._arrEffectOptions)
return undefined;
var selectedElement; if(!arrEffectOptions) {
this.btnParameters.menu.removeAll(); this.btnParameters.menu.removeAll();
if(this._arrEffectOptions[effect.value]) { this._effectId = effectId
var i=0; return undefined;
this._arrEffectOptions[effect.value].forEach(function (opt, index) { }
var selectedElement;
if (this._effectId != effectId) {
this.btnParameters.menu.removeAll();
arrEffectOptions.forEach(function (opt, index) {
opt.checkable = true;
opt.toggleGroup ='animateeffects';
this.btnParameters.menu.addItem(opt); this.btnParameters.menu.addItem(opt);
this.btnParameters.menu.items[index].checkable=true; (opt.value==option) && (selectedElement = this.btnParameters.menu.items[index]);
if((option!=undefined)&&(opt.value==option))
i = index;
}, this); }, this);
selectedElement = this.btnParameters.menu.items[i];
selectedElement.setChecked(true);
} }
else { else {
selectedElement = undefined; this.btnParameters.menu.items.forEach(function (opt) {
(opt.value == option) && (selectedElement = opt);
});
} }
(selectedElement == undefined) && (selectedElement = this.btnParameters.menu.items[0])
if (!this.listEffects.isDisabled()) { selectedElement.setChecked(true);
this.btnParameters.setDisabled(!selectedElement); this._effectId = effectId;
} return selectedElement.value;
return (selectedElement)?selectedElement.value:undefined;
}, },
@ -484,41 +445,10 @@ define([
strRewind: 'Rewind', strRewind: 'Rewind',
strRepeat: 'Repeat', strRepeat: 'Repeat',
strTrigger: 'Trigger', strTrigger: 'Trigger',
textStartOnClick: 'On Click', textStartOnClick: 'On Click',
textStartWithPrevious: 'With Previous', textStartWithPrevious: 'With Previous',
textStartAfterPrevious: 'After Previous', textStartAfterPrevious: 'After Previous',
textNone: 'None'
textNone: 'None',
textFade: 'Fade',
textPush: 'Push',
textWipe: 'Wipe',
textSplit: 'Split',
textUnCover: 'UnCover',
textCover: 'Cover',
textClock: 'Clock',
textZoom: 'Zoom',
textSmoothly: 'Smoothly',
textBlack: 'Through Black',
textLeft: 'Left',
textTop: 'Top',
textRight: 'Right',
textBottom: 'Bottom',
textTopLeft: 'Top-Left',
textTopRight: 'Top-Right',
textBottomLeft: 'Bottom-Left',
textBottomRight: 'Bottom-Right',
textVerticalIn: 'Vertical In',
textVerticalOut: 'Vertical Out',
textHorizontalIn: 'Horizontal In',
textHorizontalOut: 'Horizontal Out',
textClockwise: 'Clockwise',
textCounterclockwise: 'Counterclockwise',
textWedge: 'Wedge',
textZoomIn: 'Zoom In',
textZoomOut: 'Zoom Out',
textZoomRotate: 'Zoom and Rotate'
} }
}()), PE.Views.Animation || {})); }()), PE.Views.Animation || {}));

View file

@ -64,17 +64,15 @@ define([
this.allEffects = Common.define.effectData.getEffectFullData(); this.allEffects = Common.define.effectData.getEffectFullData();
this.options.tpl = _.template(this.template)(this.options); this.options.tpl = _.template(this.template)(this.options);
this.api = this.options.api; this.api = this.options.api;
this.activEffect = this.options.Effect; this.activeEffect = this.options.Effect;
if (this.activEffect != undefined) { if (this.activeEffect != undefined) {
var itemEffect= this.allEffects.findWhere({value: this.activEffect}); var itemEffect= this.allEffects.findWhere({value: this.activeEffect});
this.activeGroup = itemEffect.group; this.activeGroup = itemEffect.group;
this.activeLevel = itemEffect.level; this.activeLevel = itemEffect.level;
} }
Common.UI.Window.prototype.initialize.call(this, this.options); Common.UI.Window.prototype.initialize.call(this, this.options);
}, },
setEvents: function() {
this.cmbGroup.on('selected', _.bind(this.onGroupSelect,this));
} ,
render: function() { render: function() {
Common.UI.Window.prototype.render.call(this); Common.UI.Window.prototype.render.call(this);
@ -92,35 +90,45 @@ define([
data : Common.define.effectData.getEffectGroupData(), data : Common.define.effectData.getEffectGroupData(),
value : (this.activEffect != undefined)?this.activeGroup:undefined value : (this.activEffect != undefined)?this.activeGroup:undefined
}); });
this.cmbGroup.on('selected', _.bind(this.onGroupSelect,this));
this.cmbLevel = new Common.UI.ComboBox({ this.cmbLevel = new Common.UI.ComboBox({
el : $('#animation-level'), el : $('#animation-level'),
cls: 'input-group-nr', cls: 'input-group-nr',
editable: false, editable: false,
style : 'margin-top: 16px; width: 100%;', style : 'margin-top: 16px; width: 100%;',
takeFocusOnClose: true, takeFocusOnClose: true
data : Common.define.effectData.getLevelEffect(false)
}); });
this.cmbLevel.on('selected', _.bind(this.onLevelSelect,this));
this.lstEffectList = new Common.UI.ListView({ this.lstEffectList = new Common.UI.ListView({
el : $('#animation-list'), el : $('#animation-list'),
scroll : true, itemTemplate: _.template('<div id="<%= id %>" class="list-item" style=""><%= displayValue %></div>'),
data : (this.activEffect != undefined)?this.allEffects.where({group: this.activeGroup, level: this.activeLevel}):undefined scroll : true
}); });
this.chPreview = new Common.UI.CheckBox({ this.chPreview = new Common.UI.CheckBox({
el : $('#animation-setpreview'), el : $('#animation-setpreview'),
labelText : this.textPreviewEffect labelText : this.textPreviewEffect
}); });
this.cmbGroup.selectRecord(this.cmbGroup.store.models[0]);
this.setEvents.call(this); this.onGroupSelect(undefined,this.cmbGroup.store.models[0]);
}, },
onGroupSelect: function (combo, record) { onGroupSelect: function (combo, record) {
this.activeGroup = record.value; this.activeGroup = record.id;
this.cmbLevel.data=Common.define.effectData.getLevelEffect(record.id == 'menu-effect-group-path'); this.cmbLevel.store.reset(Common.define.effectData.getLevelEffect(record.id == 'menu-effect-group-path'));
this.cmbLevel.setValue(this.cmbLevel.data[0].displayValue); this.cmbLevel.selectRecord(this.cmbLevel.store.models[0]);
this.onLevelSelect(undefined,this.cmbLevel.store.models[0]);
}, },
onLevelSelect: function (combo, record) {
this.activeLevel = record.id;
var arr = _.where(this.allEffects, {group: this.activeGroup, level: this.activeLevel });
this.lstEffectList.store.reset(arr);
this.lstEffectList.selectRecord(this.lstEffectList.store.models[0]);
},
textTitle: 'More Effects', textTitle: 'More Effects',
textPreviewEffect: 'Preview Effect' textPreviewEffect: 'Preview Effect'