[SSE] Load spark styles.
This commit is contained in:
Julia Radzhabova
parent
28f1d07c43
commit
4bd7b56a4b
|
|
@ -76,6 +76,7 @@ define([
|
||||||
DisabledControls: false,
|
DisabledControls: false,
|
||||||
keepRatio: false,
|
keepRatio: false,
|
||||||
SparkType: -1,
|
SparkType: -1,
|
||||||
|
SparkStyle: 1,
|
||||||
LineWeight: 1,
|
LineWeight: 1,
|
||||||
MarkersPoint: false,
|
MarkersPoint: false,
|
||||||
HighPoint: false,
|
HighPoint: false,
|
||||||
|
|
@ -218,10 +219,21 @@ define([
|
||||||
if (record) {
|
if (record) {
|
||||||
this.btnSparkType.setIconCls('item-chartlist ' + record.get('iconCls'));
|
this.btnSparkType.setIconCls('item-chartlist ' + record.get('iconCls'));
|
||||||
}
|
}
|
||||||
// this.updateSparkStyles(this.api.asc_getChartPreviews(type));
|
this.updateSparkStyles(props.asc_getStyles());
|
||||||
this._state.SparkType = type;
|
this._state.SparkType = type;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// var value = props.asc_getStyle();
|
||||||
|
// if (this._state.SparkStyle!==value) {
|
||||||
|
// var record = this.mnuSparkStylePicker.store.findWhere({data: value});
|
||||||
|
// this.mnuSparkStylePicker.selectRecord(record, true);
|
||||||
|
// if (record) {
|
||||||
|
// var btnIconEl = this.btnSparkStyle.cmpEl.find('span.btn-icon');
|
||||||
|
// btnIconEl.css('background-image', 'url(' + record.get('imageUrl') + ')');
|
||||||
|
// }
|
||||||
|
// this._state.SparkStyle=value;
|
||||||
|
// }
|
||||||
|
|
||||||
var w = props.asc_getLineWeight(),
|
var w = props.asc_getLineWeight(),
|
||||||
check_value = (Math.abs(this._state.LineWeight-w)<0.001) && !((new RegExp(this.txtPt + '\\s*$')).test(this.cmbBorderSize.getRawValue()));
|
check_value = (Math.abs(this._state.LineWeight-w)<0.001) && !((new RegExp(this.txtPt + '\\s*$')).test(this.cmbBorderSize.getRawValue()));
|
||||||
if ( Math.abs(this._state.LineWeight-w)>0.001 || check_value ||
|
if ( Math.abs(this._state.LineWeight-w)>0.001 || check_value ||
|
||||||
|
|
@ -766,35 +778,6 @@ define([
|
||||||
this.mnuSparkTypePicker.on('item:click', _.bind(this.onSelectSparkType, this, this.btnSparkType));
|
this.mnuSparkTypePicker.on('item:click', _.bind(this.onSelectSparkType, this, this.btnSparkType));
|
||||||
this.lockedControls.push(this.btnSparkType);
|
this.lockedControls.push(this.btnSparkType);
|
||||||
|
|
||||||
this.btnSparkStyle = new Common.UI.Button({
|
|
||||||
cls : 'btn-large-dataview',
|
|
||||||
iconCls : 'item-wrap',
|
|
||||||
menu : new Common.UI.Menu({
|
|
||||||
menuAlign: 'tr-br',
|
|
||||||
items: [
|
|
||||||
{ template: _.template('<div id="id-spark-menu-style" style="width: 245px; margin: 0 5px;"></div>') }
|
|
||||||
]
|
|
||||||
})
|
|
||||||
});
|
|
||||||
this.btnSparkStyle.on('render:after', function(btn) {
|
|
||||||
me.mnuSparkStylePicker = new Common.UI.DataView({
|
|
||||||
el: $('#id-spark-menu-style'),
|
|
||||||
style: 'max-height: 411px;',
|
|
||||||
parentMenu: btn.menu,
|
|
||||||
store: new Common.UI.DataViewStore(),
|
|
||||||
itemTemplate: _.template('<div id="<%= id %>" class="item-wrap" style="background-image: url(<%= imageUrl %>); background-position: 0 0;"></div>')
|
|
||||||
});
|
|
||||||
|
|
||||||
if (me.btnSparkStyle.menu) {
|
|
||||||
me.btnSparkStyle.menu.on('show:after', function () {
|
|
||||||
me.mnuSparkStylePicker.scroller.update({alwaysVisibleY: true});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.btnSparkStyle.render($('#spark-button-style'));
|
|
||||||
this.mnuSparkStylePicker.on('item:click', _.bind(this.onSelectSparkStyle, this, this.btnSparkStyle));
|
|
||||||
this.lockedControls.push(this.btnSparkStyle);
|
|
||||||
|
|
||||||
this.cmbBorderSize = new Common.UI.ComboBorderSizeEditable({
|
this.cmbBorderSize = new Common.UI.ComboBorderSizeEditable({
|
||||||
el : $('#spark-combo-line-type'),
|
el : $('#spark-combo-line-type'),
|
||||||
style : 'width: 90px;',
|
style : 'width: 90px;',
|
||||||
|
|
@ -1053,6 +1036,69 @@ define([
|
||||||
btnIconEl.css('background-image', style);
|
btnIconEl.css('background-image', style);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
updateSparkStyles: function(styles) {
|
||||||
|
var me = this;
|
||||||
|
|
||||||
|
if (!this.btnSparkStyle) {
|
||||||
|
this.btnSparkStyle = new Common.UI.Button({
|
||||||
|
cls : 'btn-large-dataview',
|
||||||
|
iconCls : 'item-wrap',
|
||||||
|
menu : new Common.UI.Menu({
|
||||||
|
menuAlign: 'tr-br',
|
||||||
|
items: [
|
||||||
|
{ template: _.template('<div id="id-spark-menu-style" style="width: 245px; margin: 0 5px;"></div>') }
|
||||||
|
]
|
||||||
|
})
|
||||||
|
});
|
||||||
|
this.btnSparkStyle.render($('#spark-button-style'));
|
||||||
|
this.lockedControls.push(this.btnSparkStyle);
|
||||||
|
this.mnuSparkStylePicker = new Common.UI.DataView({
|
||||||
|
el: $('#id-spark-menu-style'),
|
||||||
|
style: 'max-height: 411px;',
|
||||||
|
parentMenu: this.btnSparkStyle.menu,
|
||||||
|
store: new Common.UI.DataViewStore(),
|
||||||
|
itemTemplate: _.template('<div id="<%= id %>" class="item-wrap" style="background-image: url(<%= imageUrl %>); background-position: 0 0;"></div>')
|
||||||
|
});
|
||||||
|
|
||||||
|
if (this.btnSparkStyle.menu) {
|
||||||
|
this.btnSparkStyle.menu.on('show:after', function () {
|
||||||
|
me.updateSparkStyles(me._originalProps.asc_getStyles());
|
||||||
|
me.mnuSparkStylePicker.scroller.update({alwaysVisibleY: true});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
this.mnuSparkStylePicker.on('item:click', _.bind(this.onSelectSparkStyle, this, this.btnSparkStyle));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (styles && styles.length>0){
|
||||||
|
var stylesStore = this.mnuSparkStylePicker.store;
|
||||||
|
if (stylesStore) {
|
||||||
|
var stylearray = [],
|
||||||
|
selectedIdx = -1,
|
||||||
|
selectedUrl;
|
||||||
|
_.each(styles, function(item, index){
|
||||||
|
stylearray.push({
|
||||||
|
imageUrl: item[1],
|
||||||
|
data : item[0]
|
||||||
|
// tip : me.textStyle + ' ' + item.asc_getStyle()
|
||||||
|
});
|
||||||
|
// if (me._state.SparkStyle == item.asc_getStyle()) {
|
||||||
|
// selectedIdx = index;
|
||||||
|
// selectedUrl = item[1];
|
||||||
|
// }
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
stylesStore.reset(stylearray, {silent: false});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.mnuSparkStylePicker.selectByIndex(selectedIdx, true);
|
||||||
|
if (selectedIdx>=0 && this.btnSparkStyle.cmpEl) {
|
||||||
|
var style = 'url(' + selectedUrl + ')';
|
||||||
|
var btnIconEl = this.btnSparkStyle.cmpEl.find('span.btn-icon');
|
||||||
|
btnIconEl.css('background-image', style);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
onSelectSparkType: function(btn, picker, itemView, record) {
|
onSelectSparkType: function(btn, picker, itemView, record) {
|
||||||
if (this._noApply) return;
|
if (this._noApply) return;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue