/* * * (c) Copyright Ascensio System SIA 2010-2020 * * 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-12 Ernesta Birznieka-Upisha * 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 * */ /** * * FormatRulesEditDlg.js * * Created by Julia.Radzhabova on 15.04.20 * Copyright (c) 2020 Ascensio System SIA. All rights reserved. * */ define([ 'common/main/lib/view/AdvancedSettingsWindow', 'common/main/lib/component/ComboBox', 'common/main/lib/component/InputField' ], function () { 'use strict'; SSE.Views = SSE.Views || {}; SSE.Views.FormatRulesEditDlg = Common.Views.AdvancedSettingsWindow.extend(_.extend({ options: { alias: 'FormatRulesEditDlg', contentWidth: 490, height: 445 }, initialize: function (options) { var me = this; _.extend(this.options, { title: this.txtTitleNew, template: [ '
', '
', '
', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '
', '
', '', '
', '
', // '
', // '', // '
', // '
', '
', '
', '
', '
', '
', '
', '
', '', '
', '
', '
','
', '
','
', // '
','
', '
','
', '
', '
', '
', '
', '', '
', '
', '
', '
', '
', '', '
', '
', '
', '
', '
', '', '
', '
', '
', '
', '
', '', '
', '
', '
', '
', '
', '', '
', '
', '
', '
', '
', '', '
', '
', '
', '
', '', '
', '
', '
', '
', '', '
', '
', '', '
', '
', '', '
', '
', '
', '', '
', '
', '
', '
', '
', '', '
', '
', '', '
', '
', '
', '', '
', '
', '
', '
', '
', '', '
', '
', '
', '
', '
', '', '', '
', '
', '
', '
', '', '
', '
', '
', '
', '
', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '
', '', '
', '
', '
', '', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '', '', '', '
', '
', '
', '
', '
', '
' ].join('') }, options); this.api = options.api; this.handler = options.handler; this.isEdit = options.isEdit || false; this.props = options.props; this.type = options.type; // rule category this.subtype = options.subtype; // rule this.langId = options.langId; // rule Common.Views.AdvancedSettingsWindow.prototype.initialize.call(this, this.options); }, render: function () { Common.Views.AdvancedSettingsWindow.prototype.render.call(this); var me = this; var rules = [ { name: this.textValue, type: Asc.c_oAscCFType.cellIs, rules: [ { name: Common.define.conditionalData.textGreater, subtype: Asc.c_oAscCFOperator.greaterThan}, { name: Common.define.conditionalData.textGreaterEq, subtype: Asc.c_oAscCFOperator.greaterThanOrEqual}, { name: Common.define.conditionalData.textLess, subtype: Asc.c_oAscCFOperator.lessThan}, { name: Common.define.conditionalData.textLessEq, subtype: Asc.c_oAscCFOperator.lessThanOrEqual}, { name: Common.define.conditionalData.textEqual, subtype: Asc.c_oAscCFOperator.equal}, { name: Common.define.conditionalData.textNotEqual, subtype: Asc.c_oAscCFOperator.notEqual}, { name: Common.define.conditionalData.textBetween, subtype: Asc.c_oAscCFOperator.between}, { name: Common.define.conditionalData.textNotBetween, subtype: Asc.c_oAscCFOperator.notBetween} ] }, { name: this.textRanked, type: Asc.c_oAscCFType.top10, rules: [ { name: Common.define.conditionalData.textTop, subtype: 0}, { name: Common.define.conditionalData.textBottom, subtype: 1} ] }, { name: Common.define.conditionalData.textAverage, type: Asc.c_oAscCFType.aboveAverage, rules: [ { name: Common.define.conditionalData.textAbove, subtype: 0}, { name: Common.define.conditionalData.textBelow, subtype: 1}, { name: Common.define.conditionalData.textEqAbove, subtype: 2}, { name: Common.define.conditionalData.textEqBelow, subtype: 3}, { name: Common.define.conditionalData.text1Above, subtype: 4}, { name: Common.define.conditionalData.text1Below, subtype: 5}, { name: Common.define.conditionalData.text2Above, subtype: 6}, { name: Common.define.conditionalData.text2Below, subtype: 7}, { name: Common.define.conditionalData.text3Above, subtype: 8}, { name: Common.define.conditionalData.text3Below, subtype: 9} ] }, { name: Common.define.conditionalData.textText, type: Asc.c_oAscCFType.containsText, rules: [ { name: Common.define.conditionalData.textContains, type: Asc.c_oAscCFType.containsText }, { name: Common.define.conditionalData.textNotContains, type: Asc.c_oAscCFType.notContainsText }, { name: Common.define.conditionalData.textBegins, type: Asc.c_oAscCFType.beginsWith }, { name: Common.define.conditionalData.textEnds, type: Asc.c_oAscCFType.endsWith } ] }, { name: Common.define.conditionalData.textDate, type: Asc.c_oAscCFType.timePeriod, rules: [ { name: Common.define.conditionalData.textYesterday, subtype: Asc.c_oAscTimePeriod.yesterday}, { name: Common.define.conditionalData.textToday, subtype: Asc.c_oAscTimePeriod.today}, { name: Common.define.conditionalData.textTomorrow, subtype: Asc.c_oAscTimePeriod.tomorrow}, { name: Common.define.conditionalData.textLast7days, subtype: Asc.c_oAscTimePeriod.last7Days}, { name: Common.define.conditionalData.textLastWeek, subtype: Asc.c_oAscTimePeriod.lastWeek}, { name: Common.define.conditionalData.textThisWeek, subtype: Asc.c_oAscTimePeriod.thisWeek}, { name: Common.define.conditionalData.textNextWeek, subtype: Asc.c_oAscTimePeriod.nextWeek}, { name: Common.define.conditionalData.textLastMonth, subtype: Asc.c_oAscTimePeriod.lastMonth}, { name: Common.define.conditionalData.textThisMonth, subtype: Asc.c_oAscTimePeriod.thisMonth}, { name: Common.define.conditionalData.textNextMonth, subtype: Asc.c_oAscTimePeriod.nextMonth} ] }, { name: Common.define.conditionalData.textBlank + '/' + Common.define.conditionalData.textError, type: Asc.c_oAscCFType.containsBlanks, rules: [ { name: Common.define.conditionalData.textBlanks, type: Asc.c_oAscCFType.containsBlanks }, { name: Common.define.conditionalData.textNotBlanks, type: Asc.c_oAscCFType.notContainsBlanks }, { name: Common.define.conditionalData.textErrors, type: Asc.c_oAscCFType.containsErrors }, { name: Common.define.conditionalData.textNotErrors, type: Asc.c_oAscCFType.notContainsErrors } ] }, { name: Common.define.conditionalData.textDuplicate + '/' + Common.define.conditionalData.textUnique, type: Asc.c_oAscCFType.duplicateValues, rules: [ { name: Common.define.conditionalData.textDuplicate, type: Asc.c_oAscCFType.duplicateValues }, { name: Common.define.conditionalData.textUnique, type: Asc.c_oAscCFType.uniqueValues } ] }, { name: this.text2Scales, type: Asc.c_oAscCFType.colorScale, num: 2 }, { name: this.text3Scales, type: Asc.c_oAscCFType.colorScale, num: 3 }, { name: Common.define.conditionalData.textDataBar, type: Asc.c_oAscCFType.dataBar }, { name: Common.define.conditionalData.textIconSets, type: Asc.c_oAscCFType.iconSet }, { name: Common.define.conditionalData.textFormula, type: Asc.c_oAscCFType.expression } ]; var arrrules = [], cmbData = []; _.each(rules, function(rule, index){ var arr = []; rule.rules && _.each(rule.rules, function(item, idx){ arr.push({ name : item.name, type : item.type, subtype : item.subtype, allowSelected : true, selected: false }); }); var store = new Backbone.Collection(arr); arrrules.push({ name : rule.name, type : rule.type, rules : store, num : rule.num, index : index }); cmbData.push({value: index, displayValue: rule.name}); }); this.ruleStore = new Backbone.Collection(arrrules); // this.txtScope = new Common.UI.InputFieldBtn({ // el : $('#format-rules-edit-txt-scope'), // name : 'range', // style : 'width: 150px;', // allowBlank : true, // btnHint : this.textSelectData, // validateOnChange: false // }); // this.txtScope.on('button:click', _.bind(this.onSelectData, this)); this.cmbCategory = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-category'), style : 'width: 150px;', menuStyle : 'min-width: 100%;max-height: 211px;', editable : false, cls : 'input-group-nr', data : cmbData }).on('selected', function(combo, record) { me.refreshRules(record.value); }); this.cmbRule = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-rule'), style : 'width: 150px;', menuStyle : 'min-width: 100%;max-height: 211px;', editable : false, cls : 'input-group-nr', data : [] }).on('selected', function(combo, record) { me.setControls(me.cmbCategory.getValue(), record.value); }); this.txtRange1 = new Common.UI.InputFieldBtn({ el : $('#format-rules-edit-txt-r1'), name : 'range', style : 'width: 150px;', allowBlank : true, btnHint : this.textSelectData, validateOnChange: false }); this.txtRange1.on('button:click', _.bind(this.onSelectData, this)); this.txtRange2 = new Common.UI.InputFieldBtn({ el : $('#format-rules-edit-txt-r2'), name : 'range', style : 'width: 150px;', allowBlank : true, btnHint : this.textSelectData, validateOnChange: false }); this.txtRange2.on('button:click', _.bind(this.onSelectData, this)); // top 10 this.cmbPercent = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-percent'), style : 'width: 100px;', menuStyle : 'min-width: 100%;max-height: 211px;', editable : false, cls : 'input-group-nr', data : [ {value: 0, displayValue: 'Item'}, {value: 1, displayValue: 'Percent'} ] }).on('selected', function(combo, record) { var percent = !!record.value; me.numRank.setMaxValue(percent ? 100 : 1000); me.numRank.setValue(me.numRank.getNumberValue()); }); this.cmbPercent.setValue(0); this.numRank = new Common.UI.MetricSpinner({ el: $('#format-rules-edit-spin-rank'), step: 1, width: 100, defaultUnit : "", defaultValue : 10, allowDecimal: false, value: '10', maxValue: 1000, minValue: 1 }); this.numRank.on('change', _.bind(function(field, newValue, oldValue, eOpts){ }, this)); // Format var color_data = [ { value: 'ffeb9c', displayValue: 'absdef', color: '#ffeb9c', displayColor: '9c6500' }, { value: 'ffc7ce', displayValue: 'absdef', color: '#ffc7ce', displayColor: 'b32e35' }, { value: 'c6efce', displayValue: 'absdef', color: '#c6efce', displayColor: '2e8230' }, { value: 'ffcc99', displayValue: 'absdef', color: '#ffcc99', displayColor: '56507b' } ]; this.cmbFormats = new Common.UI.ComboBoxColor({ el : $('#format-rules-format-preset'), editable : false, style : 'width: 150px;', menuStyle : 'min-width: 100%;max-height: 211px;', data : color_data }).on('selected', function(combo, record) { // record.color; }); this.cmbFormats.setValue(color_data[0].value); // this.cmbFormats.on('selected', _.bind(this.onFormatsSelect, this)); this.btnBold = new Common.UI.Button({ parentEl: $('#format-rules-bold'), cls: 'btn-toolbar', iconCls: 'toolbar__icon btn-bold', enableToggle: true, hint: this.textBold }); this.btnBold.on('click', _.bind(this.onBoldClick, this)); this.btnItalic = new Common.UI.Button({ parentEl: $('#format-rules-italic'), cls: 'btn-toolbar', iconCls: 'toolbar__icon btn-italic', enableToggle: true, hint: this.textItalic }); this.btnItalic.on('click', _.bind(this.onItalicClick, this)); this.btnUnderline = new Common.UI.Button({ parentEl: $('#format-rules-underline'), cls : 'btn-toolbar', iconCls : 'toolbar__icon btn-underline', enableToggle: true, hint: this.textUnderline }); this.btnUnderline.on('click', _.bind(this.onUnderlineClick, this)); this.btnStrikeout = new Common.UI.Button({ parentEl: $('#format-rules-strikeout'), cls: 'btn-toolbar', iconCls: 'toolbar__icon btn-strikeout', enableToggle: true, hint: this.textStrikeout }); this.btnStrikeout.on('click',_.bind(this.onStrikeoutClick, this)); // this.btnSuperscript = new Common.UI.Button({ // parentEl: $('#format-rules-superscript'), // cls: 'btn-toolbar', // iconCls: 'toolbar__icon btn-superscript', // enableToggle: true, // toggleGroup: 'superscriptFRGroup', // hint: this.textSuperscript // }); // // this.btnSuperscript.on('click', _.bind(this.onSuperscriptClick, this)); // // this.btnSubscript = new Common.UI.Button({ // parentEl: $('#format-rules-subscript'), // cls: 'btn-toolbar', // iconCls: 'toolbar__icon btn-subscript', // enableToggle: true, // toggleGroup: 'superscriptFRGroup', // hint: this.textSubscript // }); // this.btnSubscript.on('click', _.bind(this.onSubscriptClick, this)); var initNewColor = function(btn, picker_el, transparent) { if (btn && btn.cmpEl) { btn.currentColor = '#000000'; btn.setColor(btn.currentColor); var picker = new Common.UI.ThemeColorPalette({ el: $(picker_el), transparent: transparent }); picker.currentColor = btn.currentColor; } btn.menu.cmpEl.on('click', picker_el+'-new', _.bind(function() { picker.addNewColor((typeof(btn.color) == 'object') ? btn.color.color : btn.color); }, me)); return picker; }; this.btnTextColor = new Common.UI.ButtonColored({ parentEl: $('#format-rules-fontcolor'), cls : 'btn-toolbar', iconCls : 'toolbar__icon btn-fontcolor', hint : this.textColor, split : true, menu : new Common.UI.Menu({ additionalAlign: this.menuAddAlign, items: [ { template: _.template('
') }, { template: _.template('' + this.textNewColor + '') } ] }) }); this.mnuTextColorPicker = initNewColor(this.btnTextColor, "#format-rules-menu-fontcolor"); this.mnuTextColorPicker.on('select', _.bind(me.onFormatTextColorSelect, me)); this.btnTextColor.on('click', _.bind(me.onFormatTextColor, me)); this.btnFillColor = new Common.UI.ButtonColored({ parentEl: $('#format-rules-fillcolor'), cls : 'btn-toolbar', iconCls : 'toolbar__icon btn-paracolor', hint : this.fillColor, split : true, menu : new Common.UI.Menu({ additionalAlign: this.menuAddAlign, items: [ { template: _.template('
') }, { template: _.template('' + this.textNewColor + '') } ] }) }); this.mnuFillColorPicker = initNewColor(this.btnFillColor, "#format-rules-menu-fillcolor", true); this.mnuFillColorPicker.on('select', _.bind(me.onFormatFillColorSelect, me)); this.btnFillColor.on('click', _.bind(me.onFormatFillColor, me)); this.btnBorders = new Common.UI.Button({ parentEl : $('#format-rules-borders'), cls : 'btn-toolbar', iconCls : 'toolbar__icon btn-border-out', hint : this.tipBorders, icls : 'btn-border-out', borderId : 'outer', borderswidth: Asc.c_oAscBorderStyles.Thin, split : true, menu : new Common.UI.Menu({ items: [ { caption : this.textOutBorders, iconCls : 'menu__icon btn-border-out', icls : 'btn-border-out', borderId : 'outer' }, { caption : this.textAllBorders, iconCls : 'menu__icon btn-border-all', icls : 'btn-border-all', borderId : 'all' }, { caption : this.textTopBorders, iconCls : 'menu__icon btn-border-top', icls : 'btn-border-top', borderId : Asc.c_oAscBorderOptions.Top }, { caption : this.textBottomBorders, iconCls : 'menu__icon btn-border-bottom', icls : 'btn-border-bottom', borderId : Asc.c_oAscBorderOptions.Bottom }, { caption : this.textLeftBorders, iconCls : 'menu__icon btn-border-left', icls : 'btn-border-left', borderId : Asc.c_oAscBorderOptions.Left }, { caption : this.textRightBorders, iconCls : 'menu__icon btn-border-right', icls : 'btn-border-right', borderId : Asc.c_oAscBorderOptions.Right }, { caption : this.textNoBorders, iconCls : 'menu__icon btn-border-no', icls : 'btn-border-no', borderId : 'none' }, {caption: '--'}, { caption : this.textInsideBorders, iconCls : 'menu__icon btn-border-inside', icls : 'btn-border-center', borderId : 'inner' }, { caption : this.textCenterBorders, iconCls : 'menu__icon btn-border-insidevert', icls : 'btn-border-vmiddle', borderId : Asc.c_oAscBorderOptions.InnerV }, { caption : this.textMiddleBorders, iconCls : 'menu__icon btn-border-insidehor', icls : 'btn-border-hmiddle', borderId : Asc.c_oAscBorderOptions.InnerH }, { caption : this.textDiagUpBorder, iconCls : 'menu__icon btn-border-diagup', icls : 'btn-border-diagup', borderId : Asc.c_oAscBorderOptions.DiagU }, { caption : this.textDiagDownBorder, iconCls : 'menu__icon btn-border-diagdown', icls : 'btn-border-diagdown', borderId : Asc.c_oAscBorderOptions.DiagD }, {caption: '--'}, { id : 'format-rules-borders-border-width', caption : this.textBordersStyle, iconCls : 'menu__icon btn-border-style', menu : (function(){ var itemTemplate = _.template('
'); me.mnuBorderWidth = new Common.UI.Menu({ style : 'min-width: 100px;', menuAlign : 'tl-tr', items: [ { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Thin , offsety: 0, checked:true}, { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Hair, offsety: 20}, { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Dotted, offsety: 40}, { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Dashed, offsety: 60}, { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.DashDot, offsety: 80}, { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.DashDotDot, offsety: 100}, { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Medium, offsety: 120}, { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.MediumDashed, offsety: 140}, { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.MediumDashDot, offsety: 160}, { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.MediumDashDotDot, offsety: 180}, { template: itemTemplate, stopPropagation: true, checkable: true, toggleGroup: 'border-width', value: Asc.c_oAscBorderStyles.Thick, offsety: 200} ] }); return me.mnuBorderWidth; })() }, this.mnuBorderColor = new Common.UI.MenuItem({ id : 'format-rules-borders-border-color', caption : this.textBordersColor, iconCls : 'mnu-icon-item mnu-border-color', template : _.template('<%= caption %>'), menu : new Common.UI.Menu({ menuAlign : 'tl-tr', items : [ { template: _.template('
'), stopPropagation: true }, { template: _.template('' + this.textNewColor + ''), stopPropagation: true } ] }) }) ] }) }); this.btnBorders.menu.on('item:click', _.bind(this.onBordersMenu, this)); this.btnBorders.on('click', _.bind(this.onBorders, this)); this.mnuBorderColorPicker = new Common.UI.ThemeColorPalette({ el: $('#format-rules-borders-menu-bordercolor') }); this.mnuBorderColorPicker.on('select', _.bind(this.onBordersColor, this)); $('#format-rules-borders-menu-new-bordercolor').on('click', _.bind(function() { me.mnuBorderColorPicker.addNewColor(); }, this)); this.mnuBorderWidth.on('item:toggle', _.bind(this.onBordersWidth, this)); this.ascFormatOptions = { General : 'General', Number : '0.00', Currency : '$#,##0.00', Accounting : '_($* #,##0.00_);_($* (#,##0.00);_($* "-"??_);_(@_)', DateShort : 'm/d/yyyy', DateLong : '[$-F800]dddd, mmmm dd, yyyy', Time : '[$-F400]h:mm:ss AM/PM', Percentage : '0.00%', Percent : '0%', Fraction : '# ?/?', Scientific : '0.00E+00', Text : '@' }; this.numFormatData = [ { value: Asc.c_oAscNumFormatType.General, format: this.ascFormatOptions.General, displayValue: this.txtGeneral, exampleval: '100' }, { value: Asc.c_oAscNumFormatType.Number, format: this.ascFormatOptions.Number, displayValue: this.txtNumber, exampleval: '100,00' }, { value: Asc.c_oAscNumFormatType.Scientific,format: this.ascFormatOptions.Scientific, displayValue: this.txtScientific, exampleval: '1,00E+02' }, { value: Asc.c_oAscNumFormatType.Accounting,format: this.ascFormatOptions.Accounting, displayValue: this.txtAccounting, exampleval: '100,00 $' }, { value: Asc.c_oAscNumFormatType.Currency, format: this.ascFormatOptions.Currency, displayValue: this.txtCurrency, exampleval: '100,00 $' }, { value: Asc.c_oAscNumFormatType.Date, format: 'MM-dd-yyyy', displayValue: this.txtDate, exampleval: '04-09-1900' }, { value: Asc.c_oAscNumFormatType.Time, format: 'HH:MM:ss', displayValue: this.txtTime, exampleval: '00:00:00' }, { value: Asc.c_oAscNumFormatType.Percent, format: this.ascFormatOptions.Percentage, displayValue: this.txtPercentage, exampleval: '100,00%' }, { value: Asc.c_oAscNumFormatType.Fraction, format: this.ascFormatOptions.Fraction, displayValue: this.txtFraction, exampleval: '100' }, { value: Asc.c_oAscNumFormatType.Text, format: this.ascFormatOptions.Text, displayValue: this.txtText, exampleval: '100' } ]; if (this.api) { var me = this, info = new Asc.asc_CFormatCellsInfo(); info.asc_setType(Asc.c_oAscNumFormatType.None); info.asc_setSymbol(this.langId); var arr = this.api.asc_getFormatCells(info); // all formats this.numFormatData.forEach( function(item, index) { item.format = arr[index]; item.exampleval = me.api.asc_getLocaleExample(item.format, 100); }); } var formatTemplate = _.template([ '<% _.each(items, function(item) { %>', '
  • ', '
    <%= scope.getDisplayValue(item) %>
    ', '
    <%= item.exampleval ? item.exampleval : "" %>
    ', '
  • ', '<% }); %>' // ,'
  • ', // '
  • ' + me.textMoreFormats + '
  • ' ].join('')); this.cmbNumberFormat = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-num-format'), cls : 'input-group-nr', style : 'width: 100px;', menuStyle : 'min-width: 100%;max-height: 211px;', hint : this.tipNumFormat, itemsTemplate: formatTemplate, editable : false, data : this.numFormatData }); this.cmbNumberFormat.setValue(Asc.c_oAscNumFormatType.General); this.cmbNumberFormat.on('selected', _.bind(this.onNumberFormatSelect, this)); // Scale this.scaleControls = []; this.lblMidScale = this.$window.find('#format-rules-edit-lbl-scale-2'); var data = [ {value: Asc.c_oAscCfvoType.Number, displayValue: this.txtNumber}, {value: Asc.c_oAscCfvoType.Percent, displayValue: this.textPercent}, {value: Asc.c_oAscCfvoType.Formula, displayValue: this.textFormula}, {value: Asc.c_oAscCfvoType.Percentile, displayValue: this.textPercentile} ]; for (var i=0; i<3; i++) { var arr = data; if (i==0) arr = [{value: Asc.c_oAscCfvoType.Minimum, displayValue: this.textMinimum}].concat(arr); else if (i==2) arr = [{value: Asc.c_oAscCfvoType.Maximum, displayValue: this.textMaximum}].concat(arr); var combo = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-scale-' + (i+1)), style : 'width: 100%;', menuStyle : 'min-width: 100%;max-height: 211px;', editable : false, cls : 'input-group-nr', data : arr, type : i }).on('selected', function(combo, record) { me.scaleControls[combo.options.type].range.setDisabled(record.value==Asc.c_oAscCfvoType.Minimum || record.value==Asc.c_oAscCfvoType.Maximum); me.setDefComboValue(combo.options.type, record.value, me.scaleControls[combo.options.type].range); }); combo.setValue((i==1) ? Asc.c_oAscCfvoType.Percentile : arr[0].value); var range = new Common.UI.InputFieldBtn({ el : $('#format-rules-edit-txt-scale-' + (i+1)), name : 'range', style : 'width: 100%;', allowBlank : true, btnHint : this.textSelectData, validateOnChange: false, type : i, disabled : (i!=1) }); range.setValue((i==1) ? 50 : ''); range.on('button:click', _.bind(this.onSelectData, this)); var color = new Common.UI.ColorButton({ parentEl: $('#format-rules-edit-color-scale-' + (i+1)), menu : true, type : i, color : '000000' }); this.scaleControls.push({combo: combo, range: range, color: color}); } // Data Bar this.barControls = []; for (var i=0; i<2; i++) { var arr = data; if (i==0) { arr = [{value: Asc.c_oAscCfvoType.Minimum, displayValue: this.textMinimum}].concat(arr); arr.push({value: Asc.c_oAscCfvoType.AutoMin, displayValue: this.textAutomatic}); } else { arr = [{value: Asc.c_oAscCfvoType.Maximum, displayValue: this.textMaximum}].concat(arr); arr.push({value: Asc.c_oAscCfvoType.AutoMax, displayValue: this.textAutomatic}); } var combo = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-bar-' + (i+1)), style : 'width: 100%;', menuStyle : 'min-width: 100%;max-height: 211px;', editable : false, cls : 'input-group-nr', data : arr, type : i }).on('selected', function(combo, record) { me.barControls[combo.options.type].range.setDisabled(record.value==Asc.c_oAscCfvoType.Minimum || record.value==Asc.c_oAscCfvoType.Maximum || record.value==Asc.c_oAscCfvoType.AutoMin || record.value==Asc.c_oAscCfvoType.AutoMax); me.setDefComboValue(combo.options.type, record.value, me.barControls[combo.options.type].range); }); combo.setValue(arr[1].value); var range = new Common.UI.InputFieldBtn({ el : $('#format-rules-edit-txt-bar-' + (i+1)), name : 'range', style : 'width: 100%;', allowBlank : true, btnHint : this.textSelectData, validateOnChange: false, type : i }); range.setValue(0); range.on('button:click', _.bind(this.onSelectData, this)); this.barControls.push({combo: combo, range: range}); } // Fill this.cmbFill = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-fill'), style : 'width: 100%;', menuStyle : 'min-width: 100%;max-height: 211px;', editable : false, cls : 'input-group-nr', data : [ {value: false, displayValue: this.textSolid}, {value: true, displayValue: this.textGradient} ] }).on('selected', function(combo, record) { if (me.barProps) { me.barProps.asc_setGradient(record.value); me.previewFormat(); } }); this.cmbFill.setValue(false); this.btnPosFill = new Common.UI.ColorButton({ parentEl: $('#format-rules-edit-color-pos-fill'), style: "width:45px;", menu : true, color : '638EC6' }); this.btnNegFill = new Common.UI.ColorButton({ parentEl: $('#format-rules-edit-color-neg-fill'), style: "width:45px;", menu : true, color : 'FF0000' }); this.chFill = new Common.UI.CheckBox({ el: $('#format-rules-edit-chk-fill'), labelText: this.textSameAs }); this.chFill.on('change', function(field, newValue, oldValue, eOpts){ me.btnNegFill.setDisabled(field.getValue()=='checked'); }); // Border this.cmbBorder = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-border'), style : 'width: 100%;', menuStyle : 'min-width: 100%;max-height: 211px;', editable : false, cls : 'input-group-nr', data : [ {value: false, displayValue: this.textSolid}, {value: true, displayValue: this.textNone} ] }).on('selected', function(combo, record) { var hasBorder = !record.value; me.btnPosBorder.setDisabled(!hasBorder); me.btnNegBorder.setDisabled(!hasBorder || me.chBorder.getValue()=='checked'); me.chBorder.setDisabled(!hasBorder); if (me.barProps) { if (hasBorder) { me.barProps.asc_setBorderColor(Common.Utils.ThemeColor.getRgbColor(me.btnPosBorder.colorPicker.currentColor)); } else me.barProps.asc_setBorderColor(null); me.previewFormat(); } }); this.cmbBorder.setValue(false); this.btnPosBorder = new Common.UI.ColorButton({ parentEl: $('#format-rules-edit-color-pos-border'), style: "width:45px;", menu : true, color : '000000' }); this.btnNegBorder = new Common.UI.ColorButton({ parentEl: $('#format-rules-edit-color-neg-border'), style: "width:45px;", menu : true, color : '000000' }); this.chBorder = new Common.UI.CheckBox({ el: $('#format-rules-edit-chk-border'), labelText: this.textSameAs }); this.chBorder.on('change', function(field, newValue, oldValue, eOpts){ me.btnNegBorder.setDisabled(field.getValue()=='checked'); }); // Axis this.cmbBarDirection = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-direction'), style : 'width: 100%;', menuStyle : 'min-width: 100%;max-height: 211px;', editable : false, cls : 'input-group-nr', data : [ {value: Asc.c_oAscDataBarDirection.context, displayValue: this.textContext}, {value: Asc.c_oAscDataBarDirection.leftToRight, displayValue: this.textLeft2Right}, {value: Asc.c_oAscDataBarDirection.rightToLeft, displayValue: this.textRight2Left} ] }).on('selected', function(combo, record) { if (me.barProps) { me.barProps.asc_setDirection(record.value); me.previewFormat(); } }); this.cmbBarDirection.setValue(Asc.c_oAscDataBarDirection.context); this.chShowBar = new Common.UI.CheckBox({ el: $('#format-rules-edit-chk-show-bar'), labelText: this.textShowBar }); this.cmbAxisPos = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-axis-pos'), style : 'width: 150px;', menuStyle : 'min-width: 100%;max-height: 211px;', editable : false, cls : 'input-group-nr', data : [ {value: Asc.c_oAscDataBarAxisPosition.automatic, displayValue: this.textAutomatic}, {value: Asc.c_oAscDataBarAxisPosition.middle, displayValue: this.textCellMidpoint}, {value: Asc.c_oAscDataBarAxisPosition.none, displayValue: this.textNone} ] }).on('selected', function(combo, record) { me.btnAxisColor.setDisabled(record.value == Asc.c_oAscDataBarAxisPosition.none); }); this.cmbAxisPos.setValue(Asc.c_oAscDataBarDirection.context); this.btnAxisColor = new Common.UI.ColorButton({ parentEl: $('#format-rules-edit-color-axis-color'), style: "width:45px;", menu : true, color : '000000' }); // Icons var collectionPresets = SSE.getCollection('ConditionalFormatIconsPresets'); if (collectionPresets.length<1) SSE.getController('Main').fillCondFormatIconsPresets(this.api.asc_getCFIconsByType()); var collectionIcons = SSE.getCollection('ConditionalFormatIcons'); if (collectionIcons.length<1) SSE.getController('Main').fillCondFormatIcons(this.api.asc_getFullCFIcons()); arr = []; var len = collectionPresets.length; var iconsPresets = this.api.asc_getCFPresets()[Asc.c_oAscCFRuleTypeSettings.icons]; _.each(iconsPresets, function(preset, index){ if (index>=len) return; var values = []; for (var i = 0; i < preset.length; i++) { var formatValueObject = new AscCommonExcel.CConditionalFormatValueObject(); formatValueObject.asc_setType(preset[i][0]); formatValueObject.asc_setVal(preset[i][1]); if (preset[i][2]) { // formatValueObject.asc_setFormula(new AscCommonExcel.CFormulaCF()); // formatValueObject.asc_getFormula().asc_setText(preset[1][i][2]); } values.push(formatValueObject); } arr.push({ value: index, data : { iconSet: collectionPresets.at(index).get('icons'), values: values, icons: collectionIcons } }); }); this.cmbIconsPresets = new Common.UI.ComboBoxIcons({ el : $('#format-rules-icon-style'), editable : false, style : 'width: 120px;', menuStyle : 'max-height: 220px;min-width: 100%;', data : arr }).on('selected', function(combo, record) { me.fillIconsControls(record.value, record.data.values); }); this.cmbIconsPresets.setValue(3); this.iconsProps = {iconsSet: 3}; this.chIconShow = new Common.UI.CheckBox({ el: $('#format-rules-edit-chk-icon-show'), labelText: this.textShowIcon }); this.chIconShow.on('change', function(field, newValue, oldValue, eOpts){ }); this.btnReverse = new Common.UI.Button({ el: $('#format-rules-edit-btn-icon-reverse') }); this.btnReverse.on('click', function() { me.iconsProps.isReverse = !me.iconsProps.isReverse; me.reverseIconsControls(); }); var icons = []; collectionIcons.each(function(icon, index){ icons.push({ value: icon.get('index'), imgUrl: icon.get('icon') }); }); this.iconsControls = []; for (var i=0; i<5; i++) { this.iconsControls.push({}); var combo = new Common.UI.ComboBox({ el: $('#format-rules-combo-icon-' + (i+1)), type : i, template: _.template([ '' ].join('')) }); var menu = (new Common.UI.Menu({ style: 'min-width: 105px;', additionalAlign: this.menuAddAlign, items: [ { template: _.template('
    ') } ] })).render($('#format-rules-combo-icon-' + (i+1))); var picker = new Common.UI.DataView({ el: $('#format-rules-combo-menu-icon-' + (i+1)), parentMenu: menu, store: new Common.UI.DataViewStore(icons), itemTemplate: _.template(''), type : i }); picker.on('item:click', _.bind(this.onSelectIcon, this, combo)); // this.selectIconItem(); this.iconsControls[i].cmbIcons = combo; this.iconsControls[i].pickerIcons = picker; combo = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-type-' + (i+1)), style : 'width: 80px;', menuStyle : 'min-width: 100%;max-height: 211px;', editable : false, cls : 'input-group-nr', data : data, type : i }).on('selected', function(combo, record) { }); combo.setValue(Asc.c_oAscCfvoType.Percent); this.iconsControls[i].cmbType = combo; combo = new Common.UI.ComboBox({ el : $('#format-rules-edit-combo-op-' + (i+1)), style : 'width: 55px;', menuStyle : 'min-width: 100%;', editable : false, cls : 'input-group-nr', data : [{value: true, displayValue: '>=', prevOp: '<'}, {value: false, displayValue: '>', prevOp: '<='}], type : i }).on('selected', function(combo, record) { me.fillIconsLabels(); }); combo.setValue(1); this.iconsControls[i].cmbOperator = combo; var range = new Common.UI.InputFieldBtn({ el : $('#format-rules-edit-txt-value-' + (i+1)), name : 'range', style : 'width: 100px;', allowBlank : true, btnHint : this.textSelectData, validateOnChange: false, type : i }).on('changed:after', function(input, newValue, oldValue, e) { me.fillIconsLabels(); }); range.setValue(''); this.iconsControls[i].value = range; // range.on('button:click', _.bind(this.onSelectIconData, this)); this.iconsControls[i].label = $('#format-rules-txt-icon-' + (i+1)); } var rec = this.cmbIconsPresets.getSelectedRecord(); rec && this.fillIconsControls(rec.value, rec.data.values); this.afterRender(); }, afterRender: function() { this.updateThemeColors(); this._setDefaults(this.props); this.setTitle((this.isEdit) ? this.txtTitleEdit : this.txtTitleNew); }, show: function() { Common.Views.AdvancedSettingsWindow.prototype.show.apply(this, arguments); }, _setDefaults: function (props) { this._originalProps = props; var type = props ? props.asc_getType() : this.type, ruleType, subtype = this.subtype; var setColor = function(color, control, picker) { picker = control ? control.colorPicker : picker; if (color) { if (color.get_type() == Asc.c_oAscColor.COLOR_TYPE_SCHEME) { color = {color: Common.Utils.ThemeColor.getHexColor(color.get_r(), color.get_g(), color.get_b()), effectValue: color.get_value() }; } else { color = Common.Utils.ThemeColor.getHexColor(color.get_r(), color.get_g(), color.get_b()); } } else { color = picker.options.transparent ? 'transparent' : '000000'; } control && control.setColor(color); if (_.isObject(color)) { var isselected = false; for (var i = 0; i < 10; i++) { if (Common.Utils.ThemeColor.ThemeValues[i] == color.effectValue) { picker.select(color, true); isselected = true; break; } } if (!isselected) picker.clearSelection(); } else { picker.select(color, true); } picker && (picker.currentColor = color); control && (control.currentColor = color); return color; }; if (props) { var value; switch (type) { case Asc.c_oAscCFType.containsText: case Asc.c_oAscCFType.notContainsText: case Asc.c_oAscCFType.beginsWith: case Asc.c_oAscCFType.endsWith: value = props.asc_getContainsText(); this.txtRange1.setValue(value || ''); break; case Asc.c_oAscCFType.timePeriod: subtype = props.asc_getTimePeriod(); break; case Asc.c_oAscCFType.aboveAverage: var above = props.asc_getAboveAverage(), eq = props.asc_getEqualAverage(), stddev = props.asc_getStdDev(); subtype = (above) ? 0 : 1; if (eq) subtype += 2; else if (stddev) { subtype += (2 + stddev*2); } break; case Asc.c_oAscCFType.top10: subtype = props.asc_getBottom() ? 1 : 0; this.cmbPercent.setValue(props.asc_getPercent() ? 1 : 0); this.numRank.setValue(props.asc_getRank() ? props.asc_getRank() : 10); break; case Asc.c_oAscCFType.cellIs: subtype = props.asc_getOperator(); this.txtRange1.setValue(props.asc_getValue1() || ''); this.txtRange2.setValue(props.asc_getValue2() || ''); break; case Asc.c_oAscCFType.expression: this.txtRange1.setValue(props.asc_getValue1() || ''); break; case Asc.c_oAscCFType.colorScale: value = props.asc_getColorScaleOrDataBarOrIconSetRule(); var scales = value.asc_getCFVOs(), colors = value.asc_getColors(); subtype = scales.length; var arr = (scales.length==2) ? [this.scaleControls[0], this.scaleControls[2]] : this.scaleControls; for (var i=0; i1) { if (type == Asc.c_oAscCFType.colorScale) { rec = (subtype == rec[0].get('num')) ? rec[0] : rec[1]; } } else if (rec.length==0) { var store = this.ruleStore; for (var i=0; i3 ? (val/2 - 1) : 0); break; case Asc.c_oAscCFType.top10: props.asc_setBottom(!!this.cmbRule.getValue()); props.asc_setPercent(!!this.cmbPercent.getValue()); (this.numRank.getValue()!=='') && props.asc_setRank(this.numRank.getNumberValue()); break; case Asc.c_oAscCFType.cellIs: props.asc_setOperator(this.cmbRule.getValue()); props.asc_setValue1(this.txtRange1.getValue()); props.asc_setValue2(this.txtRange2.getValue()); break; case Asc.c_oAscCFType.expression: props.asc_setValue1(this.txtRange1.getValue()); break; case Asc.c_oAscCFType.colorScale: var scaleProps = new AscCommonExcel.CColorScale(); var scalesCount = rec.get('num'); var arr = (scalesCount==2) ? [this.scaleControls[0], this.scaleControls[2]] : this.scaleControls; var colors = [], scales = []; for (var i=0; i0) && this.cmbRule.setValue((ruleType!==undefined) ? ruleType : cmbData[0].value); } this.setControls(index, this.cmbRule.getValue()); if (rec) { var type = rec.get('type'); this._changedProps = new AscCommonExcel.CConditionalFormattingRule(); this._changedProps.asc_setType(type); if (type == Asc.c_oAscCFType.containsText || type == Asc.c_oAscCFType.containsBlanks || type == Asc.c_oAscCFType.duplicateValues || type == Asc.c_oAscCFType.timePeriod || type == Asc.c_oAscCFType.aboveAverage || type == Asc.c_oAscCFType.top10 || type == Asc.c_oAscCFType.cellIs || type == Asc.c_oAscCFType.expression) { this.xfsFormat && this._changedProps.asc_setDxf(this.xfsFormat); } else if (type == Asc.c_oAscCFType.colorScale) { var scalesCount = rec.get('num'); var arr = (scalesCount==2) ? [this.scaleControls[0], this.scaleControls[2]] : this.scaleControls; var colors = [], scales = []; for (var i=0; i=7 && category<=10); this.cmbRule.setVisible(category<7); this.txtRange1.setVisible(category==0 || category==3 || category==11); this.txtRange2.setVisible(category==0 && (rule == Asc.c_oAscCFOperator.between || rule == Asc.c_oAscCFOperator.notBetween)); this.cmbPercent.setVisible(category==1); this.numRank.setVisible(category==1); this.txtRange1.cmpEl.width(category==11 ? 305 : 150); this.$window.find('.scale').toggleClass('hidden', category<7 || category>8); if (category==7 || category==8) { this.scaleControls[1].combo.setVisible(category==8); this.scaleControls[1].range.setVisible(category==8); this.scaleControls[1].color.setVisible(category==8); this.lblMidScale.toggleClass('hidden', category==7); } this.$window.find('.databar').toggleClass('hidden', category!==9); this.$window.find('.iconset').toggleClass('hidden', category!==10); }, onSelectData: function(cmp) { var me = this; if (me.api) { var handlerDlg = function(dlg, result) { if (result == 'ok') { cmp.setValue(dlg.getSettings()); cmp.checkValidate(); } }; var win = new SSE.Views.CellRangeDialog({ handler: handlerDlg }).on('close', function() { me.show(); }); var xy = me.$window.offset(); me.hide(); win.show(xy.left + 160, xy.top + 125); win.setSettings({ api : me.api, range : (!_.isEmpty(cmp.getValue()) && (cmp.checkValidate()==true)) ? cmp.getValue() : '', type : Asc.c_oAscSelectionDialogType.Chart }); } }, onBoldClick: function() { !this.xfsFormat && (this.xfsFormat = new AscCommonExcel.CellXfs()); this.xfsFormat.asc_setFontBold(this.btnBold.isActive()); this.previewFormat(); }, onItalicClick: function() { !this.xfsFormat && (this.xfsFormat = new AscCommonExcel.CellXfs()); this.xfsFormat.asc_setFontItalic(this.btnItalic.isActive()); this.previewFormat(); }, onUnderlineClick: function() { !this.xfsFormat && (this.xfsFormat = new AscCommonExcel.CellXfs()); this.xfsFormat.asc_setFontUnderline(this.btnUnderline.isActive()); this.previewFormat(); }, onStrikeoutClick: function() { !this.xfsFormat && (this.xfsFormat = new AscCommonExcel.CellXfs()); this.xfsFormat.asc_setFontStrikeout(this.btnStrikeout.isActive()); this.previewFormat(); }, onBordersWidth: function(menu, item, state) { if (state) { this.btnBorders.options.borderswidth = item.value; } }, onBordersColor: function(picker, color) { $('#format-rules-borders-border-color .menu-item-icon').css('border-color', '#' + ((typeof(color) == 'object') ? color.color : color)); this.mnuBorderColor.onUnHoverItem(); this.btnBorders.options.borderscolor = Common.Utils.ThemeColor.getRgbColor(color); }, onBorders: function(btn) { var menuItem; _.each(btn.menu.items, function(item) { if (btn.options.borderId == item.options.borderId) { menuItem = item; return false; } }); if (menuItem) { this.onBordersMenu(btn.menu, menuItem); } }, onBordersMenu: function(menu, item) { var me = this; if (!_.isUndefined(item.options.borderId)) { var btnBorders = me.btnBorders, new_borders = [], bordersWidth = btnBorders.options.borderswidth, bordersColor = btnBorders.options.borderscolor; if ( btnBorders.rendered ) { btnBorders.$icon.removeClass(btnBorders.options.icls).addClass(item.options.icls); btnBorders.options.icls = item.options.icls; } btnBorders.options.borderId = item.options.borderId; if (item.options.borderId == 'inner') { new_borders[Asc.c_oAscBorderOptions.InnerV] = new Asc.asc_CBorder(bordersWidth, bordersColor); new_borders[Asc.c_oAscBorderOptions.InnerH] = new Asc.asc_CBorder(bordersWidth, bordersColor); } else if (item.options.borderId == 'all') { new_borders[Asc.c_oAscBorderOptions.InnerV] = new Asc.asc_CBorder(bordersWidth, bordersColor); new_borders[Asc.c_oAscBorderOptions.InnerH] = new Asc.asc_CBorder(bordersWidth, bordersColor); new_borders[Asc.c_oAscBorderOptions.Left] = new Asc.asc_CBorder(bordersWidth, bordersColor); new_borders[Asc.c_oAscBorderOptions.Top] = new Asc.asc_CBorder(bordersWidth, bordersColor); new_borders[Asc.c_oAscBorderOptions.Right] = new Asc.asc_CBorder(bordersWidth, bordersColor); new_borders[Asc.c_oAscBorderOptions.Bottom] = new Asc.asc_CBorder(bordersWidth, bordersColor); } else if (item.options.borderId == 'outer') { new_borders[Asc.c_oAscBorderOptions.Left] = new Asc.asc_CBorder(bordersWidth, bordersColor); new_borders[Asc.c_oAscBorderOptions.Top] = new Asc.asc_CBorder(bordersWidth, bordersColor); new_borders[Asc.c_oAscBorderOptions.Right] = new Asc.asc_CBorder(bordersWidth, bordersColor); new_borders[Asc.c_oAscBorderOptions.Bottom] = new Asc.asc_CBorder(bordersWidth, bordersColor); } else if (item.options.borderId != 'none') { new_borders[item.options.borderId] = new Asc.asc_CBorder(bordersWidth, bordersColor); } !this.xfsFormat && (this.xfsFormat = new AscCommonExcel.CellXfs()); this.xfsFormat.asc_setBorder(new_borders); this.previewFormat(); } }, onFormatTextColorSelect: function(picker, color, fromBtn) { var clr = (typeof(color) == 'object') ? color.color : color; this.btnTextColor.currentColor = color; $('.btn-color-value-line', this.btnTextColor.cmpEl).css('background-color', '#' + clr); picker.currentColor = color; !this.xfsFormat && (this.xfsFormat = new AscCommonExcel.CellXfs()); this.xfsFormat.asc_setFontColor(Common.Utils.ThemeColor.getRgbColor(this.mnuTextColorPicker.currentColor)); this.previewFormat(); }, onFormatTextColor: function(btn, e) { this.mnuTextColorPicker.trigger('select', this.mnuTextColorPicker, this.mnuTextColorPicker.currentColor, true); }, onFormatFillColorSelect: function(picker, color, fromBtn) { var clr = (typeof(color) == 'object') ? color.color : color; this.btnFillColor.currentColor = color; $('.btn-color-value-line', this.btnFillColor.cmpEl).css('background-color', clr=='transparent' ? 'transparent' : '#' + clr); picker.currentColor = color; !this.xfsFormat && (this.xfsFormat = new AscCommonExcel.CellXfs()); this.xfsFormat.asc_setFillColor(this.mnuFillColorPicker.currentColor == 'transparent' ? null : Common.Utils.ThemeColor.getRgbColor(this.mnuFillColorPicker.currentColor)); this.previewFormat(); }, onFormatFillColor: function(picker, btn, e) { this.mnuFillColorPicker.trigger('select', this.mnuFillColorPicker, this.mnuFillColorPicker.currentColor, true); }, onNumberFormatSelect: function(combo, record) { !this.xfsFormat && (this.xfsFormat = new AscCommonExcel.CellXfs()); this.xfsFormat.asc_setNumFormatInfo(record.format); this.previewFormat(); }, previewFormat: function() { if (this._changedProps) { var type = this._changedProps.asc_getType(); if (type == Asc.c_oAscCFType.containsText || type == Asc.c_oAscCFType.notContainsText || type == Asc.c_oAscCFType.beginsWith || type == Asc.c_oAscCFType.endsWith || type == Asc.c_oAscCFType.containsBlanks || type == Asc.c_oAscCFType.notContainsBlanks || type == Asc.c_oAscCFType.duplicateValues || type == Asc.c_oAscCFType.uniqueValues || type == Asc.c_oAscCFType.containsErrors || type == Asc.c_oAscCFType.notContainsErrors || type == Asc.c_oAscCFType.timePeriod || type == Asc.c_oAscCFType.aboveAverage || type == Asc.c_oAscCFType.top10 || type == Asc.c_oAscCFType.cellIs || type == Asc.c_oAscCFType.expression) { this.xfsFormat && !this._changedProps.asc_getDxf() && this._changedProps.asc_setDxf(this.xfsFormat); this._changedProps.asc_getPreview('format-rules-edit-preview-format', this.xfsFormat ? Common.define.conditionalData.exampleText : Common.define.conditionalData.noFormatText); } else if (type == Asc.c_oAscCFType.colorScale) { this._changedProps.asc_getPreview('format-rules-edit-preview-scale', ''); } else if (type == Asc.c_oAscCFType.dataBar) { this._changedProps.asc_getPreview('format-rules-edit-preview-databar', ''); } } }, updateThemeColors: function() { for (var i=0; i0) { this.cmbIconsPresets.setValue(this.textCustom); } else { this.cmbIconsPresets.setValue(iconSet); var collectionPresets = SSE.getCollection('ConditionalFormatIconsPresets'); icons = collectionPresets.at(iconSet).get('icons'); } var isReverse = this.iconsProps.isReverse; var len = icons.length; for (var i=0; i