Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Fix Bug 52187

Browse source
This commit is contained in:
OVSharova 2021-09-30 05:16:32 +03:00
parent 3f3f7b2de7
commit 8c8c3c3d0d
4 changed files with 114 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/documenteditor/main/app/view/ShapeSettings.js
View file

@ -407,12 +407,10 @@ define([
this.mnuDirectionPicker.restoreHeight = 174; this.mnuDirectionPicker.restoreHeight = 174;
var record = this.mnuDirectionPicker.store.findWhere({type: this.GradLinearDirectionType}); var record = this.mnuDirectionPicker.store.findWhere({type: this.GradLinearDirectionType});
this.mnuDirectionPicker.selectRecord(record, true); this.mnuDirectionPicker.selectRecord(record, true);
if(record) { if(record)
this.typeGradient = record.get('type') +90; this.typeGradient = this.GradLinearDirectionType +90;
}
else else
this.typeGradient= -1; this.typeGradient= -1;
this.numGradientAngle.setValue(this.GradLinearDirectionType, true); this.numGradientAngle.setValue(this.GradLinearDirectionType, true);
this.numGradientAngle.setDisabled(this._locked); this.numGradientAngle.setDisabled(this._locked);
} else if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_PATH) { } else if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_PATH) {
@ -421,7 +419,7 @@ define([
this.mnuDirectionPicker.restoreHeight = 58; this.mnuDirectionPicker.restoreHeight = 58;
this.mnuDirectionPicker.selectByIndex(this.GradRadialDirectionIdx, true); this.mnuDirectionPicker.selectByIndex(this.GradRadialDirectionIdx, true);
if (this.GradRadialDirectionIdx>=0) if (this.GradRadialDirectionIdx>=0)
this.typeGradient = this._viewDataRadial[this.GradRadialDirectionIdx].type + 90; this.typeGradient = this._viewDataRadial[this.GradRadialDirectionIdx].type;
else else
this.typeGradient= -1; this.typeGradient= -1;
@ -945,7 +943,7 @@ define([
var record = this.mnuDirectionPicker.store.findWhere({type: value}); var record = this.mnuDirectionPicker.store.findWhere({type: value});
this.mnuDirectionPicker.selectRecord(record, true); this.mnuDirectionPicker.selectRecord(record, true);
if (record) if (record)
this.typeGradient = record.get('type') + 90; this.typeGradient = value + 90;
else else
this.typeGradient= -1; this.typeGradient= -1;
@ -991,8 +989,9 @@ define([
me.gradientColorsStr= arrGrCollors.join(', '); me.gradientColorsStr= arrGrCollors.join(', ');
if (me.gradientColorsStr != "") { if (me.gradientColorsStr != "") {
if(me.mnuDirectionPicker.dataViewItems.length==1) if(me.mnuDirectionPicker.dataViewItems.length==1) {
me.mnuDirectionPicker.dataViewItems[0].$el.children(0).css({'background': 'radial-gradient(' + me.gradientColorsStr + ')'}); me.mnuDirectionPicker.dataViewItems[0].$el.children(0).css({'background': 'radial-gradient(' + me.gradientColorsStr + ')'});
}
else else
me.mnuDirectionPicker.dataViewItems.forEach(function (item){ me.mnuDirectionPicker.dataViewItems.forEach(function (item){
var type = item.options.model.attributes.type+90; var type = item.options.model.attributes.type+90;
@ -1001,7 +1000,7 @@ define([
if(this.typeGradient == -1) if(this.typeGradient == -1)
this.btnDirection.$icon.css({'background': 'none'}); this.btnDirection.$icon.css({'background': 'none'});
else if(this.typeGradient==92) else if(this.typeGradient==2)
this.btnDirection.$icon.css({'background': ('radial-gradient(' + me.gradientColorsStr + ')')}); this.btnDirection.$icon.css({'background': ('radial-gradient(' + me.gradientColorsStr + ')')});
else else
this.btnDirection.$icon.css({ this.btnDirection.$icon.css({

47
apps/presentationeditor/main/app/view/ShapeSettings.js
View file

@ -121,6 +121,8 @@ define([
this.txtKnit, this.txtLeather, this.txtBrownPaper, this.txtPapyrus, this.txtWood]; this.txtKnit, this.txtLeather, this.txtBrownPaper, this.txtPapyrus, this.txtWood];
this.fillControls = []; this.fillControls = [];
this.gradientColorsStr="";
this.typeGradient = 0 ;
this.render(); this.render();
@ -390,10 +392,10 @@ define([
this.mnuDirectionPicker.restoreHeight = 174; this.mnuDirectionPicker.restoreHeight = 174;
var record = this.mnuDirectionPicker.store.findWhere({type: this.GradLinearDirectionType}); var record = this.mnuDirectionPicker.store.findWhere({type: this.GradLinearDirectionType});
this.mnuDirectionPicker.selectRecord(record, true); this.mnuDirectionPicker.selectRecord(record, true);
if (record) if(record)
this.btnDirection.setIconCls('item-gradient ' + record.get('iconcls')); this.typeGradient = this.GradLinearDirectionType +90;
else else
this.btnDirection.setIconCls(''); this.typeGradient= -1;
this.numGradientAngle.setValue(this.GradLinearDirectionType, true); this.numGradientAngle.setValue(this.GradLinearDirectionType, true);
this.numGradientAngle.setDisabled(this._locked); this.numGradientAngle.setDisabled(this._locked);
} else if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_PATH) { } else if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_PATH) {
@ -402,9 +404,9 @@ define([
this.mnuDirectionPicker.restoreHeight = 58; this.mnuDirectionPicker.restoreHeight = 58;
this.mnuDirectionPicker.selectByIndex(this.GradRadialDirectionIdx, true); this.mnuDirectionPicker.selectByIndex(this.GradRadialDirectionIdx, true);
if (this.GradRadialDirectionIdx>=0) if (this.GradRadialDirectionIdx>=0)
this.btnDirection.setIconCls('item-gradient ' + this._viewDataRadial[this.GradRadialDirectionIdx].iconcls); this.typeGradient = this._viewDataRadial[this.GradRadialDirectionIdx].type;
else else
this.btnDirection.setIconCls(''); this.typeGradient= -1;
this.numGradientAngle.setValue(0, true); this.numGradientAngle.setValue(0, true);
this.numGradientAngle.setDisabled(true); this.numGradientAngle.setDisabled(true);
} }
@ -443,7 +445,7 @@ define([
rawData = record; rawData = record;
} }
this.btnDirection.setIconCls('item-gradient ' + rawData.iconcls); this.typeGradient = rawData.type + 90;
(this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) ? this.GradLinearDirectionType = rawData.type : this.GradRadialDirectionIdx = 0; (this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) ? this.GradLinearDirectionType = rawData.type : this.GradRadialDirectionIdx = 0;
if (this.api) { if (this.api) {
if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) { if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) {
@ -842,7 +844,7 @@ define([
this.onGradTypeSelect(this.cmbGradType, rec.attributes); this.onGradTypeSelect(this.cmbGradType, rec.attributes);
} else { } else {
this.cmbGradType.setValue(''); this.cmbGradType.setValue('');
this.btnDirection.setIconCls(''); this.typeGradient = -1;
} }
this._state.GradFillType = this.GradFillType; this._state.GradFillType = this.GradFillType;
} }
@ -854,9 +856,9 @@ define([
var record = this.mnuDirectionPicker.store.findWhere({type: value}); var record = this.mnuDirectionPicker.store.findWhere({type: value});
this.mnuDirectionPicker.selectRecord(record, true); this.mnuDirectionPicker.selectRecord(record, true);
if (record) if (record)
this.btnDirection.setIconCls('item-gradient ' + record.get('iconcls')); this.typeGradient = value + 90;
else else
this.btnDirection.setIconCls(''); this.typeGradient= -1;
this.numGradientAngle.setValue(value, true); this.numGradientAngle.setValue(value, true);
} }
} else } else
@ -889,10 +891,35 @@ define([
me.GradColor.values[index] = position; me.GradColor.values[index] = position;
} }
}); });
var arrGrCollors=[];
var scale=(this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR)?1:0.7;
for (var index=0; index<length; index++) { for (var index=0; index<length; index++) {
me.sldrGradient.setColorValue(Common.Utils.String.format('#{0}', (typeof(me.GradColor.colors[index]) == 'object') ? me.GradColor.colors[index].color : me.GradColor.colors[index]), index); me.sldrGradient.setColorValue(Common.Utils.String.format('#{0}', (typeof(me.GradColor.colors[index]) == 'object') ? me.GradColor.colors[index].color : me.GradColor.colors[index]), index);
me.sldrGradient.setValue(index, me.GradColor.values[index]); me.sldrGradient.setValue(index, me.GradColor.values[index]);
arrGrCollors.push(me.sldrGradient.getColorValue(index)+ ' '+ me.sldrGradient.getValue(index)*scale +'%');
} }
me.gradientColorsStr= arrGrCollors.join(', ');
if (me.gradientColorsStr != "") {
if(me.mnuDirectionPicker.dataViewItems.length==1)
me.mnuDirectionPicker.dataViewItems[0].$el.children(0).css({'background': 'radial-gradient(' + me.gradientColorsStr + ')'});
else
me.mnuDirectionPicker.dataViewItems.forEach(function (item){
var type = item.options.model.attributes.type+90;
item.$el.children(0).css({'background': 'linear-gradient('+ type + 'deg, '+ me.gradientColorsStr + ')'});
});
if(this.typeGradient == -1)
this.btnDirection.$icon.css({'background': 'none'});
else if(this.typeGradient==2)
this.btnDirection.$icon.css({'background': ('radial-gradient(' + me.gradientColorsStr + ')')});
else
this.btnDirection.$icon.css({
'background': ('linear-gradient(' + this.typeGradient + 'deg, ' + me.gradientColorsStr + ')')
});
}
if (_.isUndefined(me.GradColor.currentIdx) || me.GradColor.currentIdx >= this.GradColor.colors.length) { if (_.isUndefined(me.GradColor.currentIdx) || me.GradColor.currentIdx >= this.GradColor.colors.length) {
me.GradColor.currentIdx = 0; me.GradColor.currentIdx = 0;
} }
@ -1266,7 +1293,7 @@ define([
this.btnDirection = new Common.UI.Button({ this.btnDirection = new Common.UI.Button({
cls : 'btn-large-dataview', cls : 'btn-large-dataview',
iconCls : 'item-gradient gradient-left', iconCls : 'item-gradient',
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
style: 'min-width: 60px;', style: 'min-width: 60px;',
menuAlign: 'tr-br', menuAlign: 'tr-br',

45
apps/presentationeditor/main/app/view/SlideSettings.js
View file

@ -110,6 +110,9 @@ define([
this.textureNames = [this.txtCanvas, this.txtCarton, this.txtDarkFabric, this.txtGrain, this.txtGranite, this.txtGreyPaper, this.textureNames = [this.txtCanvas, this.txtCarton, this.txtDarkFabric, this.txtGrain, this.txtGranite, this.txtGreyPaper,
this.txtKnit, this.txtLeather, this.txtBrownPaper, this.txtPapyrus, this.txtWood]; this.txtKnit, this.txtLeather, this.txtBrownPaper, this.txtPapyrus, this.txtWood];
this.gradientColorsStr="";
this.typeGradient = 0 ;
this.render(); this.render();
var me = this; var me = this;
@ -463,10 +466,10 @@ define([
this.mnuDirectionPicker.restoreHeight = 174; this.mnuDirectionPicker.restoreHeight = 174;
var record = this.mnuDirectionPicker.store.findWhere({type: this.GradLinearDirectionType}); var record = this.mnuDirectionPicker.store.findWhere({type: this.GradLinearDirectionType});
this.mnuDirectionPicker.selectRecord(record, true); this.mnuDirectionPicker.selectRecord(record, true);
if (record) if(record)
this.btnDirection.setIconCls('item-gradient ' + record.get('iconcls')); this.typeGradient = this.GradLinearDirectionType +90;
else else
this.btnDirection.setIconCls(''); this.typeGradient= -1;
this.numGradientAngle.setValue(this.GradLinearDirectionType, true); this.numGradientAngle.setValue(this.GradLinearDirectionType, true);
this.numGradientAngle.setDisabled(this._locked.background); this.numGradientAngle.setDisabled(this._locked.background);
} else if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_PATH) { } else if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_PATH) {
@ -475,9 +478,9 @@ define([
this.mnuDirectionPicker.restoreHeight = 58; this.mnuDirectionPicker.restoreHeight = 58;
this.mnuDirectionPicker.selectByIndex(this.GradRadialDirectionIdx, true); this.mnuDirectionPicker.selectByIndex(this.GradRadialDirectionIdx, true);
if (this.GradRadialDirectionIdx>=0) if (this.GradRadialDirectionIdx>=0)
this.btnDirection.setIconCls('item-gradient ' + this._viewDataRadial[this.GradRadialDirectionIdx].iconcls); this.typeGradient = this._viewDataRadial[this.GradRadialDirectionIdx].type;
else else
this.btnDirection.setIconCls(''); this.typeGradient= -1;
this.numGradientAngle.setValue(0, true); this.numGradientAngle.setValue(0, true);
this.numGradientAngle.setDisabled(true); this.numGradientAngle.setDisabled(true);
} }
@ -516,7 +519,7 @@ define([
rawData = record; rawData = record;
} }
this.btnDirection.setIconCls('item-gradient ' + rawData.iconcls); this.typeGradient = rawData.type + 90;
(this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) ? this.GradLinearDirectionType = rawData.type : this.GradRadialDirectionIdx = 0; (this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) ? this.GradLinearDirectionType = rawData.type : this.GradRadialDirectionIdx = 0;
if (this.api) { if (this.api) {
if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) { if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) {
@ -1193,7 +1196,7 @@ define([
this.onGradTypeSelect(this.cmbGradType, rec.attributes); this.onGradTypeSelect(this.cmbGradType, rec.attributes);
} else { } else {
this.cmbGradType.setValue(''); this.cmbGradType.setValue('');
this.btnDirection.setIconCls(''); this.typeGradient = -1;
} }
this._state.GradFillType = this.GradFillType; this._state.GradFillType = this.GradFillType;
} }
@ -1205,9 +1208,9 @@ define([
var record = this.mnuDirectionPicker.store.findWhere({type: value}); var record = this.mnuDirectionPicker.store.findWhere({type: value});
this.mnuDirectionPicker.selectRecord(record, true); this.mnuDirectionPicker.selectRecord(record, true);
if (record) if (record)
this.btnDirection.setIconCls('item-gradient ' + record.get('iconcls')); this.typeGradient = value + 90;
else else
this.btnDirection.setIconCls(''); this.typeGradient= -1;
this.numGradientAngle.setValue(value, true); this.numGradientAngle.setValue(value, true);
} }
} else } else
@ -1240,9 +1243,33 @@ define([
me.GradColor.values[index] = position; me.GradColor.values[index] = position;
} }
}); });
var arrGrCollors=[];
var scale=(this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR)?1:0.7;
for (var index=0; index<length; index++) { for (var index=0; index<length; index++) {
me.sldrGradient.setColorValue(Common.Utils.String.format('#{0}', (typeof(me.GradColor.colors[index]) == 'object') ? me.GradColor.colors[index].color : me.GradColor.colors[index]), index); me.sldrGradient.setColorValue(Common.Utils.String.format('#{0}', (typeof(me.GradColor.colors[index]) == 'object') ? me.GradColor.colors[index].color : me.GradColor.colors[index]), index);
me.sldrGradient.setValue(index, me.GradColor.values[index]); me.sldrGradient.setValue(index, me.GradColor.values[index]);
arrGrCollors.push(me.sldrGradient.getColorValue(index)+ ' '+ me.sldrGradient.getValue(index)*scale +'%');
}
me.gradientColorsStr= arrGrCollors.join(', ');
if (me.gradientColorsStr != "") {
if(me.mnuDirectionPicker.dataViewItems.length==1)
me.mnuDirectionPicker.dataViewItems[0].$el.children(0).css({'background': 'radial-gradient(' + me.gradientColorsStr + ')'});
else
me.mnuDirectionPicker.dataViewItems.forEach(function (item){
var type = item.options.model.attributes.type+90;
item.$el.children(0).css({'background': 'linear-gradient('+ type + 'deg, '+ me.gradientColorsStr + ')'});
});
if(this.typeGradient == -1)
this.btnDirection.$icon.css({'background': 'none'});
else if(this.typeGradient == 2)
this.btnDirection.$icon.css({'background': ('radial-gradient(' + me.gradientColorsStr + ')')});
else
this.btnDirection.$icon.css({
'background': ('linear-gradient(' + this.typeGradient + 'deg, ' + me.gradientColorsStr + ')')
});
} }
if (_.isUndefined(me.GradColor.currentIdx) || me.GradColor.currentIdx >= this.GradColor.colors.length) { if (_.isUndefined(me.GradColor.currentIdx) || me.GradColor.currentIdx >= this.GradColor.colors.length) {
me.GradColor.currentIdx = 0; me.GradColor.currentIdx = 0;

43
apps/spreadsheeteditor/main/app/view/ShapeSettings.js
View file

@ -122,6 +122,8 @@ define([
this.txtKnit, this.txtLeather, this.txtBrownPaper, this.txtPapyrus, this.txtWood]; this.txtKnit, this.txtLeather, this.txtBrownPaper, this.txtPapyrus, this.txtWood];
this.fillControls = []; this.fillControls = [];
this.gradientColorsStr="";
this.typeGradient = 0 ;
this.render(); this.render();
@ -402,10 +404,10 @@ define([
this.mnuDirectionPicker.restoreHeight = 174; this.mnuDirectionPicker.restoreHeight = 174;
var record = this.mnuDirectionPicker.store.findWhere({type: this.GradLinearDirectionType}); var record = this.mnuDirectionPicker.store.findWhere({type: this.GradLinearDirectionType});
this.mnuDirectionPicker.selectRecord(record, true); this.mnuDirectionPicker.selectRecord(record, true);
if (record) if(record)
this.btnDirection.setIconCls('item-gradient ' + record.get('iconcls')); this.typeGradient = this.GradLinearDirectionType +90;
else else
this.btnDirection.setIconCls(''); this.typeGradient= -1;
this.numGradientAngle.setValue(this.GradLinearDirectionType, true); this.numGradientAngle.setValue(this.GradLinearDirectionType, true);
this.numGradientAngle.setDisabled(this._locked); this.numGradientAngle.setDisabled(this._locked);
} else if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_PATH) { } else if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_PATH) {
@ -414,9 +416,9 @@ define([
this.mnuDirectionPicker.restoreHeight = 58; this.mnuDirectionPicker.restoreHeight = 58;
this.mnuDirectionPicker.selectByIndex(this.GradRadialDirectionIdx, true); this.mnuDirectionPicker.selectByIndex(this.GradRadialDirectionIdx, true);
if (this.GradRadialDirectionIdx>=0) if (this.GradRadialDirectionIdx>=0)
this.btnDirection.setIconCls('item-gradient ' + this._viewDataRadial[this.GradRadialDirectionIdx].iconcls); this.typeGradient = this._viewDataRadial[this.GradRadialDirectionIdx].type;
else else
this.btnDirection.setIconCls(''); this.typeGradient= -1;
this.numGradientAngle.setValue(0, true); this.numGradientAngle.setValue(0, true);
this.numGradientAngle.setDisabled(true); this.numGradientAngle.setDisabled(true);
} }
@ -456,7 +458,7 @@ define([
rawData = record; rawData = record;
} }
this.btnDirection.setIconCls('item-gradient ' + rawData.iconcls); this.typeGradient = rawData.type + 90;
(this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) ? this.GradLinearDirectionType = rawData.type : this.GradRadialDirectionIdx = 0; (this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) ? this.GradLinearDirectionType = rawData.type : this.GradRadialDirectionIdx = 0;
if (this.api) { if (this.api) {
if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) { if (this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR) {
@ -866,7 +868,7 @@ define([
this.onGradTypeSelect(this.cmbGradType, rec.attributes); this.onGradTypeSelect(this.cmbGradType, rec.attributes);
} else { } else {
this.cmbGradType.setValue(''); this.cmbGradType.setValue('');
this.btnDirection.setIconCls(''); this.typeGradient = -1;
} }
this._state.GradFillType = this.GradFillType; this._state.GradFillType = this.GradFillType;
} }
@ -878,9 +880,9 @@ define([
var record = this.mnuDirectionPicker.store.findWhere({type: value}); var record = this.mnuDirectionPicker.store.findWhere({type: value});
this.mnuDirectionPicker.selectRecord(record, true); this.mnuDirectionPicker.selectRecord(record, true);
if (record) if (record)
this.btnDirection.setIconCls('item-gradient ' + record.get('iconcls')); this.typeGradient = value + 90;
else else
this.btnDirection.setIconCls(''); this.typeGradient= -1;
this.numGradientAngle.setValue(value, true); this.numGradientAngle.setValue(value, true);
} }
} else } else
@ -913,9 +915,32 @@ define([
me.GradColor.values[index] = position; me.GradColor.values[index] = position;
} }
}); });
var arrGrCollors=[];
var scale=(this.GradFillType == Asc.c_oAscFillGradType.GRAD_LINEAR)?1:0.7;
for (var index=0; index<length; index++) { for (var index=0; index<length; index++) {
me.sldrGradient.setColorValue(Common.Utils.String.format('#{0}', (typeof(me.GradColor.colors[index]) == 'object') ? me.GradColor.colors[index].color : me.GradColor.colors[index]), index); me.sldrGradient.setColorValue(Common.Utils.String.format('#{0}', (typeof(me.GradColor.colors[index]) == 'object') ? me.GradColor.colors[index].color : me.GradColor.colors[index]), index);
me.sldrGradient.setValue(index, me.GradColor.values[index]); me.sldrGradient.setValue(index, me.GradColor.values[index]);
arrGrCollors.push(me.sldrGradient.getColorValue(index)+ ' '+ me.sldrGradient.getValue(index)*scale +'%');
}
me.gradientColorsStr= arrGrCollors.join(', ');
if (me.gradientColorsStr != "") {
if(me.mnuDirectionPicker.dataViewItems.length==1)
me.mnuDirectionPicker.dataViewItems[0].$el.children(0).css({'background': 'radial-gradient(' + me.gradientColorsStr + ')'});
else
me.mnuDirectionPicker.dataViewItems.forEach(function (item){
var type = item.options.model.attributes.type+90;
item.$el.children(0).css({'background': 'linear-gradient('+ type + 'deg, '+ me.gradientColorsStr + ')'});
});
if(this.typeGradient == -1)
this.btnDirection.$icon.css({'background': 'none'});
else if(this.typeGradient==2)
this.btnDirection.$icon.css({'background': ('radial-gradient(' + me.gradientColorsStr + ')')});
else
this.btnDirection.$icon.css({
'background': ('linear-gradient(' + this.typeGradient + 'deg, ' + me.gradientColorsStr + ')')
});
} }
if (_.isUndefined(me.GradColor.currentIdx) || me.GradColor.currentIdx >= this.GradColor.colors.length) { if (_.isUndefined(me.GradColor.currentIdx) || me.GradColor.currentIdx >= this.GradColor.colors.length) {
me.GradColor.currentIdx = 0; me.GradColor.currentIdx = 0;