/* * * (c) Copyright Ascensio System Limited 2010-2018 * * 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 Lubanas st. 125a-25, Riga, Latvia, * EU, LV-1021. * * 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 * */ /** * TableOfContentsSettings.js.js * * Created by Julia Radzhabova on 26.12.2017 * Copyright (c) 2018 Ascensio System SIA. All rights reserved. * */ define([ 'common/main/lib/util/utils', 'common/main/lib/component/MetricSpinner', 'common/main/lib/component/ComboBox', 'common/main/lib/view/AdvancedSettingsWindow' ], function () { 'use strict'; DE.Views.TableOfContentsSettings = Common.Views.AdvancedSettingsWindow.extend(_.extend({ options: { contentWidth: 500, height: 455 }, initialize : function(options) { var me = this; _.extend(this.options, { title: this.textTitle, template: [ '
', '
', '
', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '
', '
', '
', '
', '
', '
', '
', '
', '
', '', '
', '
', '', '
', '', '
', '
', '
', '
', '', '
', '
', '', '
', '', '
', '
', '
', '
', '
', '
', '' ].join('') }, options); this.api = options.api; this.handler = options.handler; this.props = options.props; this.startLevel = 1; this.endLevel = 3; this._noApply = true; this._originalProps = null; Common.Views.AdvancedSettingsWindow.prototype.initialize.call(this, this.options); }, render: function() { Common.Views.AdvancedSettingsWindow.prototype.render.call(this); var me = this; this.chPages = new Common.UI.CheckBox({ el: $('#tableofcontents-chb-pages'), labelText: this.strShowPages, value: 'checked' }); this.chPages.on('change', _.bind(function(field, newValue, oldValue, eOpts){ var checked = (field.getValue()=='checked'); this.chAlign.setDisabled(!checked); this.cmbLeader.setDisabled(!checked); if (this.api && !this._noApply) { var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr(); properties.put_ShowPageNumbers(checked); if (checked) { properties.put_RightAlignTab(this.chAlign.getValue() == 'checked'); properties.put_TabLeader(this.cmbLeader.getValue()); } this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.scrollerY.update(); } }, this)); this.chAlign = new Common.UI.CheckBox({ el: $('#tableofcontents-chb-align'), labelText: this.strAlign, value: 'checked' }); this.chAlign.on('change', _.bind(function(field, newValue, oldValue, eOpts){ var checked = (field.getValue()=='checked'); this.cmbLeader.setDisabled(!checked); if (this.api && !this._noApply) { var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr(); properties.put_RightAlignTab(checked); if (checked) { properties.put_TabLeader(this.cmbLeader.getValue()); } this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.scrollerY.update(); } }, this)); this.cmbLeader = new Common.UI.ComboBox({ el : $('#tableofcontents-combo-leader'), style : 'width: 85px;', menuStyle : 'min-width: 85px;', editable : false, cls : 'input-group-nr', data : [ { value: Asc.c_oAscTabLeader.None, displayValue: this.textNone }, { value: Asc.c_oAscTabLeader.Dot, displayValue: '....................' }, { value: Asc.c_oAscTabLeader.Hyphen, displayValue: '-----------------' }, { value: Asc.c_oAscTabLeader.Underscore,displayValue: '__________' } ] }); this.cmbLeader.setValue(Asc.c_oAscTabLeader.Dot); this.cmbLeader.on('selected', _.bind(function(combo, record) { if (this.api && !this._noApply) { var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr(); properties.put_TabLeader(record.value); this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.scrollerY.update(); } }, this)); this.chLinks = new Common.UI.CheckBox({ el: $('#tableofcontents-chb-links'), labelText: this.strLinks, value: 'checked' }); this.chLinks.on('change', _.bind(function(field, newValue, oldValue, eOpts){ if (this.api && !this._noApply) { var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr(); properties.put_Hyperlink(field.getValue()=='checked'); this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.scrollerY.update(); } }, this)); this.radioLevels = new Common.UI.RadioBox({ el: $('#tableofcontents-radio-levels'), labelText: this.textRadioLevels, name: 'asc-radio-content-build', checked: true }); this.radioLevels.on('change', _.bind(function(field, newValue, eOpts) { if (newValue) { this.levelsContainer.toggleClass('hidden', !newValue); this.stylesContainer.toggleClass('hidden', newValue); if (this._needUpdateOutlineLevels) this.synchronizeLevelsFromStyles(); } }, this)); this.radioStyles = new Common.UI.RadioBox({ el: $('#tableofcontents-radio-styles'), labelText: this.textRadioStyles, name: 'asc-radio-content-build' }); this.radioStyles.on('change', _.bind(function(field, newValue, eOpts) { if (newValue) { this.stylesContainer.toggleClass('hidden', !newValue); this.levelsContainer.toggleClass('hidden', newValue); if (this._needUpdateStyles) this.synchronizeLevelsFromOutline(); this.stylesList.scroller.update({alwaysVisibleY: true}); setTimeout(function(){ var rec = me.stylesLevels.findWhere({checked: true}); if (rec) me.stylesList.scrollToRecord(rec); }, 10); } }, this)); this.cmbStyles = new Common.UI.ComboBox({ el: $('#tableofcontents-combo-styles'), cls: 'input-group-nr', menuStyle: 'min-width: 95px;', editable: false, data: [ { displayValue: this.txtCurrent, value: Asc.c_oAscTOCStylesType.Current }, { displayValue: this.txtSimple, value: Asc.c_oAscTOCStylesType.Simple }, { displayValue: this.txtStandard, value: Asc.c_oAscTOCStylesType.Standard }, { displayValue: this.txtModern, value: Asc.c_oAscTOCStylesType.Modern }, { displayValue: this.txtClassic, value: Asc.c_oAscTOCStylesType.Classic } ] }); this.cmbStyles.setValue(Asc.c_oAscTOCStylesType.Current); this.cmbStyles.on('selected', _.bind(function(combo, record) { if (this.api && !this._noApply) { var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr(); properties.put_StylesType(record.value); this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.scrollerY.update(); } }, this)); this.spnLevels = new Common.UI.CustomSpinner({ el: $('#tableofcontents-spin-levels'), step: 1, width: 85, defaultUnit : "", value: this.endLevel, maxValue: 9, minValue: 1, allowDecimal: false, maskExp: /[1-9]/ }); this.spnLevels.on('change', _.bind(function(field, newValue, oldValue, eOpts){ this._needUpdateStyles = true; this.startLevel = 1; this.endLevel = field.getNumberValue(); if (this.api && !this._noApply) { var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr(); properties.clear_Styles(); properties.put_OutlineRange(this.startLevel, this.endLevel); this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.scrollerY.update(); } }, this)); this.stylesLevels = new Common.UI.DataViewStore(); if (this.stylesLevels) { this.stylesList = new Common.UI.ListView({ el: $('#tableofcontents-styles-list', this.$window), store: this.stylesLevels, simpleAddMode: true, showLast: false, template: _.template(['
'].join('')), itemTemplate: _.template([ '
', '
<%= name %>
', '
', '
', '
', '
', '
' ].join('')) }); this.stylesList.on('item:change', _.bind(this.onItemChange, this)); this.stylesList.on('item:add', _.bind(this.addEvents, this)); } this.levelsContainer = $('#tableofcontents-from-levels'); this.stylesContainer = $('#tableofcontents-from-styles'); this.scrollerY = new Common.UI.Scroller({ el: this.$window.find('#tableofcontents-img').parent(), minScrollbarLength : 20 }); this.scrollerY.update(); this.scrollerY.scrollTop(0); this.afterRender(); }, afterRender: function() { this._setDefaults(this.props); }, show: function() { Common.Views.AdvancedSettingsWindow.prototype.show.apply(this, arguments); }, close: function() { this.api.SetDrawImagePlaceContents(null); this.scrollerY.update(); Common.Views.AdvancedSettingsWindow.prototype.close.apply(this); }, _setDefaults: function (props) { this._noApply = true; var me = this, docStyles = this.api.asc_GetStylesArray(), styles = [], checkStyles = false; _.each(docStyles, function (style) { var name = style.get_Name(), level = me.api.asc_GetHeadingLevel(name); if (style.get_QFormat() || level>=0) { styles.push({ name: name, allowSelected: false, checked: false, value: '', headerLevel: (level>=0) ? level+1 : -1 // -1 if is not header }); } }); if (props) { var value = props.get_Hyperlink(); this.chLinks.setValue((value !== null && value !== undefined) ? value : 'indeterminate', true); value = props.get_StylesType(); this.cmbStyles.setValue((value!==null) ? value : Asc.c_oAscTOCStylesType.Current); value = props.get_ShowPageNumbers(); this.chPages.setValue((value !== null && value !== undefined) ? value : 'indeterminate'); if (this.chPages.getValue() == 'checked') { value = props.get_RightAlignTab(); this.chAlign.setValue((value !== null && value !== undefined) ? value : 'indeterminate'); if (this.chAlign.getValue() == 'checked') { value = props.get_TabLeader(); (value!==undefined) && this.cmbLeader.setValue(value); } } var start = props.get_OutlineStart(), end = props.get_OutlineEnd(), count = props.get_StylesCount(); this.startLevel = start; this.endLevel = end; if ((start<0 || end<0) && count<1) { start = 1; end = 9; this.spnLevels.setValue(end, true); } var disable_outlines = false; for (var i=0; i0 && end>0) { for (var i=start; i<=end; i++) { var rec = _.findWhere(styles, {headerLevel: i}); if (rec) { rec.checked = true; rec.value = i; } } } var new_start = -1, new_end = -1, empty_index = -1; for (var i=0; i<9; i++) { var rec = _.findWhere(styles, {headerLevel: i+1}); if (rec) { var headerLevel = rec.headerLevel, level = rec.value; if (headerLevel == level) { if (empty_index<1) { if (new_start<1) new_start = level; new_end = level; } else { new_start = new_end = -1; disable_outlines = true; break; } } else if (!rec.checked) { (new_start>0) && (empty_index = i+1); } else { new_start = new_end = -1; disable_outlines = true; break; } } } this.spnLevels.setValue(new_end>0 ? new_end : '', true); checkStyles = (disable_outlines || new_start>1); } else { for (var i=this.startLevel; i<=this.endLevel; i++) { var rec = _.findWhere(styles, {headerLevel: i}); if (rec) { rec.checked = true; rec.value = i; } } } styles.sort(function(a, b){ var aname = a.name.toLocaleLowerCase(), bname = b.name.toLocaleLowerCase(); if (aname < bname) return -1; if (aname > bname) return 1; return 0; }); this.stylesLevels.reset(styles); if (checkStyles) { this.radioStyles.setValue(true); this.stylesList.scroller.update({alwaysVisibleY: true}); var rec = this.stylesLevels.findWhere({checked: true}); if (rec) this.stylesList.scrollToRecord(rec); } // Show Pages is always true when window is opened this._originalProps = (props) ? props : new Asc.CTableOfContentsPr(); if (!props) { this._originalProps.put_OutlineRange(this.startLevel, this.endLevel); this._originalProps.put_Hyperlink(this.chLinks.getValue() == 'checked'); this._originalProps.put_ShowPageNumbers(this.chPages.getValue() == 'checked'); if (this.chPages.getValue() == 'checked') { this._originalProps.put_RightAlignTab(this.chAlign.getValue() == 'checked'); this._originalProps.put_TabLeader(this.cmbLeader.getValue()); } } this.api.SetDrawImagePlaceContents('tableofcontents-img', this._originalProps); this.scrollerY.update(); this._noApply = false; }, synchronizeLevelsFromOutline: function() { var start = 1, end = this.spnLevels.getNumberValue(); this.stylesLevels.each(function (style) { var header = style.get('headerLevel'); if (header>=start && header<=end) { style.set('checked', true); style.set('value', header); } else { style.set('checked', false); style.set('value', ''); } }); this._needUpdateStyles = false; }, synchronizeLevelsFromStyles: function() { var new_start = -1, new_end = -1, empty_index = -1, disable_outlines = false; for (var i=0; i<9; i++) { var rec = this.stylesLevels.findWhere({headerLevel: i+1}); if (rec) { var headerLevel = rec.get('headerLevel'), level = rec.get('value'); if (headerLevel == level) { if (empty_index<1) { if (new_start<1) new_start = level; new_end = level; } else { new_start = new_end = -1; disable_outlines = true; break; } } else if (!rec.get('checked')) { (new_start>0) && (empty_index = i+1); } else { new_start = new_end = -1; disable_outlines = true; break; } } } if (new_start<0 && new_end<0) { var rec = this.stylesLevels.findWhere({checked: true}); if (rec) { // has checked style disable_outlines = true; } else { // all levels are empty new_start = 1; new_end = 9; } } this.startLevel = new_start; this.endLevel = new_end; this.spnLevels.setValue(new_end>0 ? new_end : '', true); this._needUpdateOutlineLevels = false; }, getSettings: function () { var props = this._originalProps; props.put_Hyperlink(this.chLinks.getValue() == 'checked'); props.put_ShowPageNumbers(this.chPages.getValue() == 'checked'); if (this.chPages.getValue() == 'checked') { props.put_RightAlignTab(this.chAlign.getValue() == 'checked'); props.put_TabLeader(this.cmbLeader.getValue()); } props.put_StylesType(this.cmbStyles.getValue()); props.clear_Styles(); if (this._needUpdateOutlineLevels) { this.synchronizeLevelsFromStyles(); } if (!this._needUpdateStyles) // if this._needUpdateStyles==true - fill only OutlineRange this.stylesLevels.each(function (style) { if (style.get('checked')) props.add_Style(style.get('name'), style.get('value')); }); props.put_OutlineRange(this.startLevel, this.endLevel); return props; }, addEvents: function(listView, itemView, record) { var input = itemView.$el.find('input'), me = this; input.on('keypress', function(e) { var charCode = String.fromCharCode(e.which); if(!/[1-9]/.test(charCode) && !e.ctrlKey && e.keyCode !== Common.UI.Keys.DELETE && e.keyCode !== Common.UI.Keys.BACKSPACE && e.keyCode !== Common.UI.Keys.LEFT && e.keyCode !== Common.UI.Keys.RIGHT && e.keyCode !== Common.UI.Keys.HOME && e.keyCode !== Common.UI.Keys.END && e.keyCode !== Common.UI.Keys.ESC && e.keyCode !== Common.UI.Keys.INSERT && e.keyCode !== Common.UI.Keys.TAB){ e.preventDefault(); e.stopPropagation(); } }); input.on('input', function(e) { // console.log(input.val()); var isEmpty = _.isEmpty(input.val()); if (record.get('checked') !== !isEmpty) { record.set('checked', !isEmpty); } record.set('value', (isEmpty) ? '' : parseInt(input.val())); me._needUpdateOutlineLevels = true; if (me.api && !me._noApply) { var properties = (me._originalProps) ? me._originalProps : new Asc.CTableOfContentsPr(); properties.clear_Styles(); me.stylesLevels.each(function (style) { if (style.get('checked')) properties.add_Style(style.get('name'), style.get('value')); }); if (properties.get_StylesCount()>0) properties.put_OutlineRange(-1, -1); else properties.put_OutlineRange(1, 9); me.api.SetDrawImagePlaceContents('tableofcontents-img', properties); me.scrollerY.update(); } }); }, onItemChange: function(listView, itemView, record) { this.addEvents(listView, itemView, record); var inp = itemView.$el.find('input'); setTimeout(function(){ inp.focus(); inp[0].selectionStart = inp[0].selectionEnd = inp[0].value.length; }, 10); }, textTitle: 'Table of Contents', textLeader: 'Leader', textBuildTable: 'Build table of contents from', textLevels: 'Levels', textStyles: 'Styles', strShowPages: 'Show page numbers', strAlign: 'Right align page numbers', strLinks: 'Format Table of Contents as links', textNone: 'None', textRadioLevels: 'Outline levels', textRadioStyles: 'Selected styles', textStyle: 'Style', textLevel: 'Level', cancelButtonText: 'Cancel', okButtonText : 'Ok', txtCurrent: 'Current', txtSimple: 'Simple', txtStandard: 'Standard', txtModern: 'Modern', txtClassic: 'Classic' }, DE.Views.TableOfContentsSettings || {})) });