/*
* (c) Copyright Ascensio System SIA 2010-2024
*
* This program is a free software product. You can redistribute it and/or
* modify it under the terms of the GNU Affero General Public License (AGPL)
* version 3 as published by the Free Software Foundation. In accordance with
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
* that Ascensio System SIA expressly excludes the warranty of non-infringement
* of any third-party rights.
*
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
*
* You can contact Ascensio System SIA at 20A-6 Ernesta Birznieka-Upish
* street, Riga, Latvia, EU, LV-1050.
*
* The interactive user interfaces in modified source and object code versions
* of the Program must display Appropriate Legal Notices, as required under
* Section 5 of the GNU AGPL version 3.
*
* Pursuant to Section 7(b) of the License you must retain the original Product
* logo when distributing the program. Pursuant to Section 7(e) we decline to
* grant you any rights under trademark law for use of our trademarks.
*
* All the Product's GUI elements, including illustrations and icon sets, as
* well as technical writing content are licensed under the terms of the
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
*
*/
/**
* ChartTab.js
*
* Created on 02.12.2025
*
*/
define([
'common/main/lib/util/utils',
'common/main/lib/component/Button',
'common/main/lib/component/BaseView',
'common/main/lib/component/Layout',
'common/main/lib/component/Label'
], function () {
'use strict';
Common.Views.ChartTab = Common.UI.BaseView.extend(_.extend((function(){
var template = '' +
'' +
'
' +
'
' +
'' +
'
' +
'' +
'
' +
'
' +
'' +
'
' +
'
' +
'' +
'
' +
'
' +
'
' +
'
' +
'
' +
(
window.DE ?
'' +
'
' +
'
'
: ''
) +
'' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'' +
'
' +
' ';
function setEvents() {
var me = this;
me.btnChartElements.on('click', function (btn, e) {
me.fireEvent('charttab:updatemenu', [me.menuChartElement.menu]);
});
me.menuChartElement.menu.items.forEach(item => {
if (item.menu) {
item.menu.items.forEach(item => {
item.on('click', function() {
me.fireEvent('charttab:elementselected', [item.menu, item]);
});
});
}
});
me.btn3DSettings.on('click', function (btn, e) {
me.fireEvent('charttab:3dsettings');
});
me.spnWidth.on('change', function (field, newValue, oldValue, eOpts) {
me.fireEvent('charttab:widthchange', [field, newValue, oldValue, eOpts]);
});
me.spnHeight.on('change',function (field, newValue, oldValue, eOpts) {
me.fireEvent('charttab:heightchange', [field, newValue, oldValue, eOpts]);
});
me.chRatio.on('change',function (field, value) {
me.fireEvent('charttab:ratio', [value === 'checked']);
});
me.btnAdvancedSettings.on('click', function (btn, e) {
me.fireEvent('charttab:advanced');
});
me.btnEditData.on('click', function (btn, e) {
me.fireEvent('charttab:editdata');
});
me.btnEditDataExt.menu.on('item:click', function (menu, item, e) {
me.fireEvent('charttab:editdataext', [menu, item, e]);
});
me.btnUpdateData.on('click', function (btn, e) {
me.fireEvent('charttab:updatedata');
});
me.chartStyles.on('click', function (combo, record) {
me.fireEvent('charttab:selectstyle', [combo, record]);
})
}
return {
initialize: function (options) {
Common.UI.BaseView.prototype.initialize.call(this);
this.lockedControls = [];
var me = this,
_set = Common.enumLock;
this.menuChartElement = new Common.UI.MenuItem({
menu: new Common.UI.Menu({
items: [
{
caption: me.textAxes,
value: 'axes',
disabled: false,
menu: new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr',
items: [
{
caption: me.textHorAxis,
value: 'bShowHorAxis',
stopPropagation: true,
checkable: true
},
{
caption: me.textVertAxis,
value: 'bShowVertAxis',
stopPropagation: true,
checkable: true
},
{
caption: me.textHorAxisSec,
value: 'bShowHorAxSec',
stopPropagation: true,
checkable: true
},
{
caption: me.textVertAxisSec,
value: 'bShowVertAxSec',
stopPropagation: true,
checkable: true
},
{
caption: me.DepthAxis,
value: 'bShowDepthAxes',
stopPropagation: true,
checkable: true
}
]
})
},
{
caption: me.textAxisTitles,
value: 'axisTitles',
disabled: false,
menu: new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr',
items: [
{
caption:me.textHorAxis,
value: 'bShowHorAxTitle',
stopPropagation: true,
checkable: true
},
{
caption: me.textVertAxis,
value: 'bShowVertAxTitle',
stopPropagation: true,
checkable: true
},
{
caption: me.textHorAxisSec,
value: 'bShowHorAxTitleSec',
stopPropagation: true,
checkable: true
},
{
caption: me.textVertAxisSec,
value: 'bShowVertAxisTitleSec',
stopPropagation: true,
checkable: true
},
{
caption: me.DepthAxis,
value: 'bShowDepthAxisTitle',
stopPropagation: true,
checkable: true
}
]
})
},
{
caption: me.textChartTitle,
value: 'chartTitle',
disabled: false,
menu: new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr',
items: [
{
caption: me.textNone,
value: 'bShowChartTitleNone',
stopPropagation: true,
toggleGroup: 'chartTitle',
checkable: true
},
{
caption: me.textNoOverlay,
value: 'bShowChartTitle',
stopPropagation: true,
toggleGroup: 'chartTitle',
checkable: true
},
{
caption: me.textOverlay,
value: 'bOverlayTitle',
stopPropagation: true,
toggleGroup: 'chartTitle',
checkable: true
}
]
})
},
{
caption: me.textDataLabels,
value: 'dataLabels',
disabled: false,
menu: new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr',
items: [
{
caption: me.textNone,
value: 'bShowDataLabels',
stopPropagation: true,
toggleGroup: 'dataLabels',
checkable: true
},
{
caption: me.textCenter,
value: 'CenterData',
stopPropagation: true,
toggleGroup: 'dataLabels',
checkable: true
},
{
caption: me.textInnerBottom,
value: 'InnerBottomData',
stopPropagation: true,
toggleGroup: 'dataLabels',
checkable: true
},
{
caption: me.textInnerTop,
value: 'InnerTopData',
stopPropagation: true,
toggleGroup: 'dataLabels',
checkable: true
},
{
caption: me.textOuterTop,
value: 'OuterTopData',
stopPropagation: true,
toggleGroup: 'dataLabels',
checkable: true
},
{
caption: me.textTop,
value: 'TopData',
stopPropagation: true,
toggleGroup: 'dataLabels',
checkable: true
},
{
caption: me.textLeft,
value: 'LeftData',
stopPropagation: true,
toggleGroup: 'dataLabels',
checkable: true
},
{
caption: me.textRight,
value: 'RightData',
stopPropagation: true,
checkable: true
},
{
caption: me.textBottom,
value: 'BottomData',
stopPropagation: true,
toggleGroup: 'dataLabels',
checkable: true
},
{
caption: me.textFit,
value: 'FitWidthData',
stopPropagation: true,
toggleGroup: 'dataLabels',
checkable: true
}
]
})
},
{
caption: me.textErrorBars,
value: 'errorBars',
disabled: false,
menu: new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr',
items: [
{
caption: me.textNone,
value: 'noneError',
stopPropagation: true,
disabled: false
},
{
caption: me.textStandardError,
value: 'standardError',
stopPropagation: true,
disabled: false
},
{
caption: me.txtPercentage,
value: 'percentage',
stopPropagation: true,
disabled: false
},
{
caption: me.textStandardDeviation,
value: 'standardDeviation',
stopPropagation: true,
disabled: false
}
]
})
},
{
caption: me.textGridLines,
value: 'gridLines',
disabled: false,
menu: new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr',
items: [
{
caption: me.textHorizontalMajor,
value: 'bShowHorMajor',
stopPropagation: true,
checkable: true
},
{
caption: me.textVerticalMajor,
value: 'bShowVerMajor',
stopPropagation: true,
checkable: true
},
{
caption: me.textHorizontalMinor,
value: 'bShowHorMinor',
stopPropagation: true,
checkable: true
},
{
caption: me.textVerticalMinor,
value: 'bShowVerMinor',
stopPropagation: true,
checkable: true
}
]
})
},
{
caption: me.textLegendPos,
value: 'legend',
disabled: false,
menu: new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr',
items: [
{
caption: me.textNone,
value: 'NoneLegend',
stopPropagation: true,
toggleGroup: 'legend',
checkable: true
},
{
caption: me.textTop,
value: 'TopLegend',
stopPropagation: true,
toggleGroup: 'legend',
checkable: true
},
{
caption: me.textLeft,
value: 'LeftLegend',
stopPropagation: true,
toggleGroup: 'legend',
checkable: true
},
{
caption: me.textRight,
value: 'RightLegend',
stopPropagation: true,
toggleGroup: 'legend',
checkable: true
},
{
caption: me.textBottom,
value: 'BottomLegend',
stopPropagation: true,
toggleGroup: 'legend',
checkable: true
},
{
caption: me.textLeftOverlay,
value: 'LeftOverlay',
stopPropagation: true,
toggleGroup: 'legend',
checkable: true
},
{
caption: me.textRightOverlay,
value: 'RightOverlay',
stopPropagation: true,
toggleGroup: 'legend',
checkable: true
}
]
})
},
{
caption: me.textTrendline,
value: 'trendLines',
disabled: false,
menu: new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr',
items: [
{
caption: me.textNone,
stopPropagation: true,
value: 'trendLineNone'
},
{
caption: me.textLinear,
stopPropagation: true,
value: 'trendLineLinear'
},
{
caption: me.textExponential,
stopPropagation: true,
value: 'trendLineExponential'
},
{
caption: me.textLinearForecast,
stopPropagation: true,
value: 'trendLineForecast'
},
{
caption: me.textMovingAverage,
stopPropagation: true,
value: 'trendLineMovingAverage'
}
]
})
},
{
caption: me.textUpDownBars,
value: 'upDownBars',
disabled: false,
menu: new Common.UI.Menu({
cls: 'shifted-right',
menuAlign: 'tl-tr',
items: [
{
caption: me.textNone,
stopPropagation: true,
value: 'bShowUpDownNone'
},
{
caption: me.textShowUpDown,
stopPropagation: true,
value: 'bShowUpDownBars'
}
]
})
}
]
})
});
this.btnChartElements = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-big-chart-elements',
caption: me.capChartElements,
lock: [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
dataHint: '1',
dataHintDirection: 'bottom',
dataHintOffset: 'small',
menu: this.menuChartElement.menu
});
this.lockedControls.push(this.btnChartElements);
this.btnEditData = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-allow-edit-ranges',
caption: me.capEditData,
lock: [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
dataHint: '1',
dataHintDirection: 'bottom',
dataHintOffset: 'small',
});
this.lockedControls.push(this.btnEditData);
this.btnEditDataExt = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-allow-edit-ranges',
caption: me.capEditData,
lock: [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
dataHint: '1',
menu: new Common.UI.Menu({
items: [
{
caption: me.menuCapEditData,
iconCls: 'menu__icon btn-edit',
value: 'data'
},
{
caption: me.menuCapEditLinks,
iconCls: 'menu__icon btn-inserthyperlink',
value: 'links'
},
{
caption: me.menuCapOpen,
iconCls: 'menu__icon btn-external',
value: 'file'
}
]
}),
dataHintDirection: 'bottom',
dataHintOffset: 'small',
});
this.lockedControls.push(this.btnEditDataExt);
this.btnUpdateData = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-update',
caption: me.capUpdateData,
lock: [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode,_set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
dataHint: '1',
dataHintDirection: 'bottom',
dataHintOffset: 'small',
});
this.lockedControls.push(this.btnUpdateData);
this.chartStyles = new Common.UI.ComboDataView({
cls : 'combo-chart-template',
style : 'min-width: 90px; width: 438; max-width: 438px;',
enableKeyEvents : true,
delayRenderTips : true,
itemWidth : 50,
itemHeight : 50,
minMenuColumn : 4,
maxMenuColumn : 7,
menuMaxHeight : 300,
groups : new Common.UI.DataViewGroupStore(),
autoWidth : true,
lock: [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.noStyles, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
beforeOpenHandler: function(e) {
var cmp = this,
menu = cmp.openButton.menu,
minMenuColumn = cmp.options.minMenuColumn;
if (menu.cmpEl) {
var itemEl = $(cmp.cmpEl.find('.dataview.inner .style').get(0)).parent();
var itemMargin = parseFloat(itemEl.css('margin-left')) + parseFloat(itemEl.css('margin-right'));
var itemWidth = itemEl.is(':visible') ? parseFloat(itemEl.css('width')) :
(cmp.itemWidth + parseFloat(itemEl.css('padding-left')) + parseFloat(itemEl.css('padding-right')) +
parseFloat(itemEl.css('border-left-width')) + parseFloat(itemEl.css('border-right-width')));
var minCount = cmp.menuPicker.store.length >= minMenuColumn ? minMenuColumn : cmp.menuPicker.store.length,
columnCount = Math.min(cmp.menuPicker.store.length, Math.round($('.dataview', $(cmp.fieldPicker.el)).width() / (itemMargin + itemWidth)));
columnCount = columnCount < minCount ? minCount : columnCount;
menu.menuAlignEl = cmp.cmpEl;
menu.menuAlign = 'tl-tl';
var menuWidth = columnCount * (itemMargin + itemWidth) + 14, // for scroller
buttonOffsetLeft = Common.Utils.getOffset(cmp.openButton.$el).left;
if (menuWidth>Common.Utils.innerWidth())
menuWidth = Math.max(Math.floor((Common.Utils.innerWidth()-14)/(itemMargin + itemWidth)), 2) * (itemMargin + itemWidth) + 14;
var offset = cmp.cmpEl.width() - cmp.openButton.$el.width() - Math.min(menuWidth, buttonOffsetLeft);
if (Common.UI.isRTL()) {
offset = cmp.openButton.$el.width() + parseFloat($(cmp.$el.find('.combo-dataview').get(0)).css('padding-left'));
}
menu.setOffset(Common.UI.isRTL() ? offset : Math.min(offset, 0));
menu.cmpEl.css({
'width': menuWidth,
'min-height': cmp.cmpEl.height()
});
}
},
dataHint: '1',
dataHintDirection: 'bottom',
dataHintOffset: '-16, 0'
});
this.chartStyles.openButton.menu.on('show:after', function () {
me.chartStyles.menuPicker.scroller.update({alwaysVisibleY: true});
});
this.lockedControls.push(this.chartStyles);
this.btnChartType = new Common.UI.Button({
cls: 'btn-toolbar',
iconCls: 'toolbar__icon btn-menu-chart',
caption: me.capChartType,
lock : [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.contentLock,
_set.previewReviewMode, _set.viewFormMode, _set.lostConnect, _set.disableOnStart, _set.docLockViewIns, _set.docLockForms, _set.docLockCommentsIns, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
menu: true,
action: 'insert-chart',
dataHint : '1',
dataHintDirection: 'bottom',
dataHintOffset: 'small'
});
this.lockedControls.push(this.btnChartType);
this.btnAdvancedSettings = new Common.UI.Button({
cls: 'btn-toolbar',
iconCls: 'toolbar__icon btn-settings',
caption: me.capAdvancedSettings,
lock : [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.SeveralCharts, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
dataHint : '1',
dataHintDirection: 'bottom',
dataHintOffset: 'small'
});
this.lockedControls.push(this.btnAdvancedSettings);
this.lblWidth = new Common.UI.Label({
caption: me.textWidth,
lock: [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
});
this.lockedControls.push(this.lblWidth);
this.lblHeight = new Common.UI.Label({
caption: me.textHeight,
lock: [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
});
this.lockedControls.push(this.lblHeight);
this.spnWidth = new Common.UI.MetricSpinner({
step: .1,
width: 78,
defaultUnit : "cm",
lock: [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
value: '3 cm',
maxValue: 55.88,
minValue: 0,
dataHint: '1',
dataHintDirection: 'bottom',
dataHintOffset: 'big',
ariaLabel: this.textWidth
});
this.lockedControls.push(this.spnWidth);
this.spnHeight = new Common.UI.MetricSpinner({
step: .1,
width: 78,
defaultUnit : "cm",
lock: [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
value: '3 cm',
maxValue: 55.88,
minValue: 0,
dataHint: '1',
dataHintDirection: 'bottom',
dataHintOffset: 'big',
ariaLabel: this.textHeight
});
this.lockedControls.push(this.spnHeight);
this.chRatio = new Common.UI.CheckBox({
labelText: me.textLockRation,
value: true,
lock : [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
dataHint : '1',
dataHintDirection: 'left',
dataHintOffset: 'small'
});
this.lockedControls.push(this.chRatio);
this.btn3DSettings = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon btn-3d-rotation',
caption: me.cap3DRotation,
lock : [_set.paragraphLock, _set.imageLock, _set.headerLock, _set.viewFormMode, _set.lostConnect,
_set.coAuth, _set.docLockView, _set.docLockForms, _set.docLockCommentsIns, _set.previewReviewMode, _set.coAuthText, _set.viewMode, _set.slideDeleted, _set.pageDeleted],
dataHint : '1',
dataHintDirection: 'bottom',
dataHintOffset: 'small'
});
this.lockedControls.push(this.btn3DSettings);
this.spnWidth.on('inputleave', function(){ Common.NotificationCenter.trigger('edit:complete', me);});
this.spnHeight.on('inputleave', function(){ Common.NotificationCenter.trigger('edit:complete', me);});
Common.UI.LayoutManager.addControls(this.lockedControls);
Common.NotificationCenter.on('app:ready', this.onAppReady.bind(this));
},
render: function (el) {
if ( el ) el.html( this.getPanel() );
return this;
},
getPanel: function () {
this.$el = $(_.template(template)( {} ));
var $host = this.$el;
var me = this;
var _injectComponent = function (id, cmp) {
Common.Utils.injectComponent($host.findById(id), cmp);
};
_injectComponent('#id-chart-spin-width', this.spnWidth);
_injectComponent('#id-chart-spin-height', this.spnHeight);
this.btnChartElements && this.btnChartElements.render($host.find('#slot-btn-chart-elements'));
this.btnEditData && this.btnEditData.render($host.find('#slot-btn-edit-data'));
this.btnEditDataExt && this.btnEditDataExt.render($host.find('#slot-btn-edit-data-ext'));
this.btnUpdateData && this.btnUpdateData.render($host.find('#slot-btn-update-data'));
this.chartStyles && this.chartStyles.render(this.$el.find('#slot-field-chart-styles'));
this.btnChartType && this.btnChartType.render($host.find('#slot-btn-chart-type'));
this.btnAdvancedSettings && this.btnAdvancedSettings.render($host.find('#slot-btn-chart-advanced-settings'));
this.lblWidth && this.lblWidth.render($host.find('#slot-lbl-width'));
this.lblHeight && this.lblHeight.render($host.find('#slot-lbl-height'));
this.chRatio && this.chRatio.render($host.find('#slot-chk-ratio'));
this.btn3DSettings && this.btn3DSettings.render($host.find('#slot-btn-chart-3d-settings'));
return this.$el;
},
onAppReady: function (config) {
var me = this;
this.btnChartType.setMenu( new Common.UI.Menu({
style: 'width: 364px;padding-top: 12px;',
items: [
{template: _.template('')}
]
}));
var onShowBefore = function(menu) {
var picker = new Common.UI.DataView({
el: $('#id-chart-menu-insertchart'),
parentMenu: menu,
outerMenu: {menu: menu, index:0},
showLast: false,
restoreHeight: 535,
groups: new Common.UI.DataViewGroupStore(Common.define.chartData.getChartGroupData()),
store: new Common.UI.DataViewStore(Common.define.chartData.getChartData()),
itemTemplate: _.template('\">
')
});
picker.on('item:click', function (picker, item, record, e) {
if (record)
me.fireEvent('add:chart', [record.get('type')]);
});
menu.off('show:before', onShowBefore);
menu.setInnerMenu([{menu: picker, index: 0}]);
};
this.btnChartType.menu.on('show:before', onShowBefore);
(new Promise(function (accept, reject) {
accept();
})).then(function(){
me.btnChartElements.updateHint(me.tipChartElements);
me.btnEditData && me.btnEditData.updateHint(me.tipEditData);
me.btnEditDataExt && me.btnEditDataExt.updateHint(me.tipEditData);
me.btnUpdateData && me.btnUpdateData.updateHint(me.tipUpdateData);
me.btnChartType.updateHint(me.tipChartType);
me.btnAdvancedSettings.updateHint(me.tipAdvanced);
me.btn3DSettings.updateHint(me.tip3DRotation);
setEvents.call(me);
});
},
show: function () {
Common.UI.BaseView.prototype.show.call(this);
this.fireEvent('show', this);
},
getButtons: function(type) {
return this.lockedControls
},
SetDisabled: function (state) {
this.lockedControls && this.lockedControls.forEach(function(button) {
if ( button ) {
button.setDisabled(state);
}
}, this);
},
onThemeChanged: function() {
var cmp = this.chartStyles;
if (cmp && cmp.cmpEl) {
var itemEl = $(cmp.cmpEl.find('.dataview.inner .style').get(0)).parent(),
fieldpicker = cmp.cmpEl.find('.field-picker'),
itemMargin = parseFloat(itemEl.css('margin-left')) + parseFloat(itemEl.css('margin-right')),
itemWidth = itemEl.is(':visible') ? parseFloat(itemEl.css('width')) :
(cmp.itemWidth + parseFloat(itemEl.css('padding-left')) + parseFloat(itemEl.css('padding-right')) +
parseFloat(itemEl.css('border-left-width')) + parseFloat(itemEl.css('border-right-width'))),
maxwidth = (itemWidth + itemMargin) * cmp.options.maxMenuColumn + parseFloat(fieldpicker.css('padding-right')) +
parseFloat(fieldpicker.css('padding-left')) + cmp.openButton.$el.width();
cmp.cmpEl.css('max-width', maxwidth + 'px');
cmp.startCheckSize();
}
},
}
}()), Common.Views.ChartTab || {}));
});