Merge pull request #514 from ONLYOFFICE/feature/de-cross-reference

Feature/de cross reference

apps/documenteditor/main/app/controller/Links.js

@@ -47,7 +47,8 @@ define([
     'documenteditor/main/app/view/TableOfContentsSettings',
     'documenteditor/main/app/view/BookmarksDialog',
     'documenteditor/main/app/view/CaptionDialog',
-    'documenteditor/main/app/view/NotesRemoveDialog'
+    'documenteditor/main/app/view/NotesRemoveDialog',
+    'documenteditor/main/app/view/CrossReferenceDialog'
 ], function () {
     'use strict';
 
@@ -69,7 +70,8 @@ define([
                     'links:notes': this.onNotesClick,
                     'links:hyperlink': this.onHyperlinkClick,
                     'links:bookmarks': this.onBookmarksClick,
-                    'links:caption': this.onCaptionClick
+                    'links:caption': this.onCaptionClick,
+                    'links:crossref': this.onCrossRefClick
                 },
                 'DocumentHolder': {
                     'links:contents': this.onTableContents,
@@ -154,12 +156,15 @@ define([
             this._state.in_object = in_image || in_table || in_equation;
 
             var control_props = this.api.asc_IsContentControl() ? this.api.asc_GetContentControlProperties() : null,
-                control_plain = (control_props) ? (control_props.get_ContentControlType()==Asc.c_oAscSdtLevelType.Inline) : false;
+                control_plain = (control_props) ? (control_props.get_ContentControlType()==Asc.c_oAscSdtLevelType.Inline) : false,
+                lock_type = control_props ? control_props.get_Lock() : Asc.c_oAscSdtLockType.Unlocked,
+                content_locked = lock_type==Asc.c_oAscSdtLockType.SdtContentLocked || lock_type==Asc.c_oAscSdtLockType.ContentLocked;
             var rich_del_lock = (frame_pr) ? !frame_pr.can_DeleteBlockContentControl() : false,
                 rich_edit_lock = (frame_pr) ? !frame_pr.can_EditBlockContentControl() : false,
                 plain_del_lock = (frame_pr) ? !frame_pr.can_DeleteInlineContentControl() : false,
                 plain_edit_lock = (frame_pr) ? !frame_pr.can_EditInlineContentControl() : false;
 
+
             var need_disable = paragraph_locked || in_equation || in_image || in_header || control_plain || rich_edit_lock || plain_edit_lock;
             this.view.btnsNotes.setDisabled(need_disable);
 
@@ -171,6 +176,10 @@ define([
 
             need_disable = in_header;
             this.view.btnCaption.setDisabled(need_disable);
+
+            need_disable = paragraph_locked || header_locked || control_plain || rich_edit_lock || plain_edit_lock || content_locked;
+            this.view.btnCrossRef.setDisabled(need_disable);
+            this.dlgCrossRefDialog && this.dlgCrossRefDialog.isVisible() && this.dlgCrossRefDialog.setLocked(need_disable);
         },
 
         onApiCanAddHyperlink: function(value) {
@@ -443,6 +452,24 @@ define([
 
         onShowContentControlsActions: function(obj, x, y) {
             (obj.type == Asc.c_oAscContentControlSpecificType.TOC) && this.onShowTOCActions(obj, x, y);
+        },
+
+        onCrossRefClick: function(btn) {
+            if (this.dlgCrossRefDialog && this.dlgCrossRefDialog.isVisible()) return;
+
+            var me = this;
+            me.dlgCrossRefDialog = new DE.Views.CrossReferenceDialog({
+                api: me.api,
+                crossRefProps: me.crossRefProps,
+                handler: function (result, settings) {
+                    if (result != 'ok')
+                        Common.NotificationCenter.trigger('edit:complete', me.toolbar);
+                }
+            });
+            me.dlgCrossRefDialog.on('close', function(obj){
+                me.crossRefProps = me.dlgCrossRefDialog.getSettings();
+            });
+            me.dlgCrossRefDialog.show();
         }
 
     }, DE.Controllers.Links || {}));

apps/documenteditor/main/app/template/Toolbar.template

@@ -158,6 +158,7 @@
                     <span class="btn-slot text x-huge slot-inshyperlink"></span>
                     <span class="btn-slot text x-huge" id="slot-btn-bookmarks"></span>
                     <span class="btn-slot text x-huge" id="slot-btn-caption"></span>
+                    <span class="btn-slot text x-huge" id="slot-btn-crossref"></span>
                 </div>
             </section>
         </section>

apps/documenteditor/main/app/view/CrossReferenceDialog.js

@@ -0,0 +1,459 @@
+/*
+ *
+ * (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
+ *
+ */
+
+/**
+ *  CrossReferenceDialog.js
+ *
+ *  Created by Julia Radzhabova on 22.09.2020
+ *  Copyright (c) 2020 Ascensio System SIA. All rights reserved.
+ *
+ */
+define([
+    'common/main/lib/component/Window',
+    'common/main/lib/component/ComboBox'
+], function () { 'use strict';
+
+    DE.Views.CrossReferenceDialog = Common.UI.Window.extend(_.extend({
+        options: {
+            width: 400,
+            height: 407,
+            style: 'min-width: 240px;',
+            cls: 'modal-dlg',
+            modal: false
+        },
+
+        initialize : function(options) {
+            _.extend(this.options, {
+                title: this.txtTitle,
+                buttons: [{value: 'ok', caption: this.textInsert}, 'close']
+            }, options || {});
+
+            this.template = [
+                '<div class="box">',
+                    '<table cols="2" style="width: 100%;">',
+                        '<tr>',
+                            '<td style="padding-right: 5px;">',
+                                '<label class="input-label">' + this.txtType + '</label>',
+                                '<div id="id-dlg-cross-type" class="input-group-nr" style="width: 100%;margin-bottom: 10px;"></div>',
+                            '</td>',
+                            '<td style="padding-left: 5px;">',
+                                '<label class="input-label">' + this.txtReference + '</label>',
+                                '<div id="id-dlg-cross-ref" class="input-group-nr" style="width: 100%;margin-bottom: 10px;"></div>',
+                            '</td>',
+                        '</tr>',
+                        '<tr>',
+                            '<td colspan="2" style="padding-bottom: 10px;">',
+                                '<div id="id-dlg-cross-insert-as" style="width:100%;"></div>',
+                            '</td>',
+                        '</tr>',
+                        '<tr>',
+                            '<td colspan="2" style="padding-bottom: 7px;">',
+                                '<div id="id-dlg-cross-below-above" style="width:100%;"></div>',
+                            '</td>',
+                        '</tr>',
+                        '<tr>',
+                            '<td colspan="2" style="padding-bottom: 10px;">',
+                                '<div id="id-dlg-cross-separate" style="display: inline-block;vertical-align: middle;margin-right: 10px;"></div>',
+                                '<div id="id-dlg-cross-separator" style="display: inline-block;vertical-align: middle;"></div>',
+                            '</td>',
+                        '</tr>',
+                        '<tr>',
+                            '<td colspan="2" style="width: 100%;">',
+                                '<label id="id-dlg-cross-which">' + this.textWhich + '</label>',
+                                '<div id="id-dlg-cross-list" class="no-borders" style="width:368px; height:161px;margin-top: 2px; "></div>',
+                            '</td>',
+                        '</tr>',
+                    '</table>',
+                '</div>'
+            ].join('');
+
+            this.crossRefProps = options.crossRefProps;
+            this.api = options.api;
+            this.options.tpl = _.template(this.template)(this.options);
+            this._locked = false;
+
+            Common.UI.Window.prototype.initialize.call(this, this.options);
+        },
+
+        render: function() {
+            Common.UI.Window.prototype.render.call(this);
+
+            var me = this,
+                $window = this.getChild();
+            $window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this));
+
+            var arr = Common.Utils.InternalSettings.get("de-settings-captions");
+            if (arr==null || arr==undefined) {
+                arr = Common.localStorage.getItem("de-settings-captions") || '';
+                Common.Utils.InternalSettings.set("de-settings-captions", arr);
+            }
+            arr = arr ? JSON.parse(arr) : [];
+
+            // 0 - not removable
+            arr = arr.concat([{ value: 5, displayValue: this.textEquation },
+                              { value: 6, displayValue: this.textFigure },
+                              { value: 7, displayValue: this.textTable }
+                             ]);
+            arr.sort(function(a,b){
+                var sa = a.displayValue.toLowerCase(),
+                    sb = b.displayValue.toLowerCase();
+                return sa>sb ? 1 : (sa<sb ? -1 : 0);
+            });
+
+            this.cmbType = new Common.UI.ComboBox({
+                el          : $window.find('#id-dlg-cross-type'),
+                menuStyle   : 'min-width: 100%;max-height: 233px;',
+                editable    : false,
+                cls         : 'input-group-nr',
+                data        : [
+                    { value: 0, displayValue: this.textParagraph },
+                    { value: 1, displayValue: this.textHeading },
+                    { value: 2, displayValue: this.textBookmark },
+                    { value: 3, displayValue: this.textFootnote },
+                    { value: 4, displayValue: this.textEndnote }
+                ].concat(arr)
+            });
+            this.cmbType.on('selected', _.bind(this.onTypeSelected, this));
+
+            this.cmbReference = new Common.UI.ComboBox({
+                el          : $window.find('#id-dlg-cross-ref'),
+                menuStyle   : 'min-width: 100%;max-height: 233px;',
+                editable    : false,
+                cls         : 'input-group-nr',
+                data        : []
+            });
+            this.cmbReference.on('selected', _.bind(this.onReferenceSelected, this));
+
+            this.chInsertAs = new Common.UI.CheckBox({
+                el: $window.find('#id-dlg-cross-insert-as'),
+                labelText: this.textInsertAs,
+                value: true
+            });
+
+            this.chBelowAbove = new Common.UI.CheckBox({
+                el: $window.find('#id-dlg-cross-below-above'),
+                labelText: this.textIncludeAbove
+            });
+
+            this.chSeparator = new Common.UI.CheckBox({
+                el: $window.find('#id-dlg-cross-separate'),
+                labelText: this.textSeparate
+            }).on('change', _.bind(function(field, newValue, oldValue, eOpts){
+                var checked = field.getValue() === 'checked';
+                this.inputSeparator.setDisabled(!checked);
+            }, this));
+
+            this.inputSeparator = new Common.UI.InputField({
+                el: $window.findById('#id-dlg-cross-separator'),
+                style: 'width: 35px;',
+                validateOnBlur: false,
+                disabled: true
+            });
+
+            this.refList = new Common.UI.ListView({
+                el: $window.find('#id-dlg-cross-list'),
+                store: new Common.UI.DataViewStore(),
+                itemTemplate: _.template('<div id="<%= id %>" class="list-item" style="pointer-events:none;overflow: hidden; text-overflow: ellipsis;white-space: pre;"><%= value %></div>')
+            });
+            this.refList.on('entervalue', _.bind(this.onPrimary, this))
+                        .on('item:dblclick', _.bind(this.onPrimary, this));
+
+            this.lblWhich = $window.find('#id-dlg-cross-which');
+
+            this.btnInsert = new Common.UI.Button({
+                el: $window.find('.primary'),
+                disabled: true
+            });
+
+            this.afterRender();
+        },
+
+        afterRender: function() {
+            this._setDefaults();
+        },
+
+        _handleInput: function(state, fromButton) {
+            if (this.options.handler) {
+                this.options.handler.call(this, state);
+            }
+            if (state=='ok') {
+                if(!fromButton && document.activeElement && document.activeElement.localName == 'textarea' && /area_id/.test(document.activeElement.id)){
+                    return;
+                }
+                !this.btnInsert.isDisabled() && this.insertReference();
+                return;
+            }
+            this.close();
+        },
+
+        onBtnClick: function(event) {
+            this._handleInput(event.currentTarget.attributes['result'].value, true);
+        },
+
+        onPrimary: function(event) {
+            this._handleInput('ok');
+            return false;
+        },
+
+        getSettings: function() {
+            return {type: this.cmbType.getValue(), refType: this.cmbReference.getValue()};
+        },
+
+        _setDefaults: function () {
+            var rec,
+                currentRef;
+            if (this.crossRefProps) {
+                rec = this.cmbType.store.findWhere({value: this.crossRefProps.type});
+                rec && (currentRef = this.crossRefProps.refType);
+            }
+            rec ? this.cmbType.selectRecord(rec) : this.cmbType.setValue(0);
+            this.refreshReferenceTypes(this.cmbType.getSelectedRecord(), currentRef);
+        },
+
+        insertReference: function() {
+            var record = this.refList.getSelectedRec(),
+                typeRec = this.cmbType.getSelectedRecord(),
+                type = (typeRec.type==1 || typeRec.value>4) ? 5 : typeRec.value,
+                reftype = this.cmbReference.getValue(),
+                link = this.chInsertAs.getValue()=='checked',
+                below = this.chBelowAbove.getValue()=='checked',
+                separator = (this.chSeparator.getValue()=='checked') ? this.inputSeparator.getValue() : undefined;
+
+            switch (type) {
+                case 0: // paragraph
+                case 1: // heading
+                    this.api.asc_AddCrossRefToParagraph(record.get('para'), reftype, link, below, separator);
+                    break;
+                case 2: // bookmark
+                    this.api.asc_AddCrossRefToBookmark(record.get('value'), reftype, link, below, separator);
+                    break;
+                case 3: // footnote
+                case 4: // endnote
+                    this.api.asc_AddCrossRefToNote(record.get('para'), reftype, link, below);
+                    break;
+                case 5: // caption
+                    if (reftype==Asc.c_oAscDocumentRefenceToType.OnlyCaptionText && record.get('para').asc_canAddRefToCaptionText(typeRec.displayValue)===false) {
+                        Common.UI.warning({
+                            msg  : this.textEmpty
+                        });
+                    } else
+                        this.api.asc_AddCrossRefToCaption(typeRec.displayValue, record.get('para'), reftype, link, below);
+                    break;
+            }
+        },
+
+        onTypeSelected: function (combo, record) {
+            this.refreshReferenceTypes(record);
+        },
+
+        refreshReferenceTypes: function(record, currentRef) {
+            var arr = [],
+                str = this.textWhich, type = 5;
+            if (record.type==1 || record.value > 4) {
+                // custom labels from caption dialog and Equation, Figure, Table
+                arr = [
+                    { value: Asc.c_oAscDocumentRefenceToType.Text, displayValue: this.textCaption },
+                    { value: Asc.c_oAscDocumentRefenceToType.OnlyLabelAndNumber, displayValue: this.textLabelNum },
+                    { value: Asc.c_oAscDocumentRefenceToType.OnlyCaptionText, displayValue: this.textOnlyCaption },
+                    { value: Asc.c_oAscDocumentRefenceToType.PageNum, displayValue: this.textPageNum },
+                    { value: Asc.c_oAscDocumentRefenceToType.AboveBelow, displayValue: this.textAboveBelow }
+                ];
+            } else {
+                type = record.value;
+                switch (record.value) {
+                    case 0: // paragraph
+                        arr = [
+                            { value: Asc.c_oAscDocumentRefenceToType.PageNum, displayValue: this.textPageNum },
+                            { value: Asc.c_oAscDocumentRefenceToType.ParaNum, displayValue: this.textParaNum },
+                            { value: Asc.c_oAscDocumentRefenceToType.ParaNumNoContext, displayValue: this.textParaNumNo },
+                            { value: Asc.c_oAscDocumentRefenceToType.ParaNumFullContex, displayValue: this.textParaNumFull },
+                            { value: Asc.c_oAscDocumentRefenceToType.Text, displayValue: this.textText },
+                            { value: Asc.c_oAscDocumentRefenceToType.AboveBelow, displayValue: this.textAboveBelow }
+                        ];
+                        str = this.textWhichPara;
+                        break;
+                    case 1: // heading
+                        arr = [
+                            { value: Asc.c_oAscDocumentRefenceToType.Text, displayValue: this.textHeadingText },
+                            { value: Asc.c_oAscDocumentRefenceToType.PageNum, displayValue: this.textPageNum },
+                            { value: Asc.c_oAscDocumentRefenceToType.ParaNum, displayValue: this.textHeadingNum },
+                            { value: Asc.c_oAscDocumentRefenceToType.ParaNumNoContext, displayValue: this.textHeadingNumNo },
+                            { value: Asc.c_oAscDocumentRefenceToType.ParaNumFullContex, displayValue: this.textHeadingNumFull },
+                            { value: Asc.c_oAscDocumentRefenceToType.AboveBelow, displayValue: this.textAboveBelow }
+                        ];
+                        str = this.textWhichHeading;
+                        break;
+                    case 2: // bookmark
+                        arr = [
+                            { value: Asc.c_oAscDocumentRefenceToType.Text, displayValue: this.textBookmarkText },
+                            { value: Asc.c_oAscDocumentRefenceToType.PageNum, displayValue: this.textPageNum },
+                            { value: Asc.c_oAscDocumentRefenceToType.ParaNum, displayValue: this.textParaNum },
+                            { value: Asc.c_oAscDocumentRefenceToType.ParaNumNoContext, displayValue: this.textParaNumNo },
+                            { value: Asc.c_oAscDocumentRefenceToType.ParaNumFullContex, displayValue: this.textParaNumFull },
+                            { value: Asc.c_oAscDocumentRefenceToType.AboveBelow, displayValue: this.textAboveBelow }
+                        ];
+                        str = this.textWhichBookmark;
+                        break;
+                    case 3: // note
+                        arr = [
+                            { value: Asc.c_oAscDocumentRefenceToType.NoteNumber, displayValue: this.textNoteNum },
+                            { value: Asc.c_oAscDocumentRefenceToType.PageNum, displayValue: this.textPageNum },
+                            { value: Asc.c_oAscDocumentRefenceToType.AboveBelow, displayValue: this.textAboveBelow },
+                            { value: Asc.c_oAscDocumentRefenceToType.NoteNumberFormatted, displayValue: this.textNoteNumForm }
+                        ];
+                        str = this.textWhichNote;
+                        break;
+                    case 4: // end note
+                        arr = [
+                            { value: Asc.c_oAscDocumentRefenceToType.NoteNumber, displayValue: this.textEndNoteNum },
+                            { value: Asc.c_oAscDocumentRefenceToType.PageNum, displayValue: this.textPageNum },
+                            { value: Asc.c_oAscDocumentRefenceToType.AboveBelow, displayValue: this.textAboveBelow },
+                            { value: Asc.c_oAscDocumentRefenceToType.NoteNumberFormatted, displayValue: this.textEndNoteNumForm }
+                        ];
+                        str = this.textWhichEndnote;
+                        break;
+                }
+            }
+            this.cmbReference.setData(arr);
+            this.cmbReference.setValue(currentRef ? currentRef : arr[0].value);
+            this.onReferenceSelected(this.cmbReference, this.cmbReference.getSelectedRecord());
+            this.lblWhich.text(str);
+            this.refreshReferences(type);
+        },
+
+        refreshReferences: function(type) {
+            var store = this.refList.store,
+                arr = [],
+                props;
+            switch (type) {
+                case 0: // paragraph
+                    props = this.api.asc_GetAllNumberedParagraphs();
+                    break;
+                case 1: // heading
+                    props = this.api.asc_GetAllHeadingParagraphs();
+                    break;
+                case 2: // bookmark
+                    props = this.api.asc_GetBookmarksManager();
+                    break;
+                case 3: // footnote
+                    props = this.api.asc_GetAllFootNoteParagraphs();
+                    break;
+                case 4: // endnote
+                    props = this.api.asc_GetAllEndNoteParagraphs();
+                    break;
+                case 5: // caption
+                    props = this.api.asc_GetAllCaptionParagraphs(this.cmbType.getSelectedRecord().displayValue);
+                    break;
+            }
+            if (type==2) { // bookmark
+                var count = props.asc_GetCount();
+                for (var i=0; i<count; i++) {
+                    var name = props.asc_GetName(i);
+                    if (!props.asc_IsInternalUseBookmark(name) && !props.asc_IsHiddenBookmark(name)) {
+                        arr.push({value: name});
+                    }
+                }
+            } else {
+                for (var i=0; i<props.length; i++) {
+                    arr.push({value: props[i].asc_getText(), para: props[i]});
+                }
+            }
+
+            store.reset(arr);
+            if (store.length>0) {
+                var rec = store.at(0);
+                this.refList.selectRecord(rec);
+                this.refList.scrollToRecord(rec);
+            }
+            this.btnInsert.setDisabled(arr.length<1 || this._locked);
+        },
+
+        onReferenceSelected: function(combo, record) {
+            var refType = record.value,
+                typeRec = this.cmbType.getSelectedRecord(),
+                type = (typeRec.type==1 || typeRec.value>4) ? 5 : typeRec.value;
+            var disable = (type==5 && refType!==Asc.c_oAscDocumentRefenceToType.PageNum) || (type<5) && (refType==Asc.c_oAscDocumentRefenceToType.Text || refType==Asc.c_oAscDocumentRefenceToType.AboveBelow);
+            this.chBelowAbove.setDisabled(disable);
+            disable = !(type==0 || type==2) || (refType!==Asc.c_oAscDocumentRefenceToType.ParaNumFullContex);
+            this.chSeparator.setDisabled(disable);
+            this.inputSeparator.setDisabled(disable || this.chSeparator.getValue()!=='checked');
+        },
+
+        setLocked: function(locked){
+            this._locked = locked;
+            this.btnInsert.setDisabled(this.refList.store.length<1 || this._locked);
+        },
+
+        txtTitle: 'Cross-reference',
+        txtType: 'Reference type',
+        txtReference: 'Insert reference to',
+        textInsertAs: 'Insert as hyperlink',
+        textSeparate: 'Separate numbers with',
+        textIncludeAbove: 'Include above/below',
+        textPageNum: 'Page number',
+        textParaNum: 'Paragraph number',
+        textParaNumNo: 'Paragraph number (no context)',
+        textParaNumFull: 'Paragraph number (full context)',
+        textText: 'Paragraph text',
+        textAboveBelow: 'Above/below',
+        textHeadingText: 'Heading text',
+        textHeadingNum: 'Heading number',
+        textHeadingNumNo: 'Heading number (no context)',
+        textHeadingNumFull: 'Heading number (full context)',
+        textBookmarkText: 'Bookmark text',
+        textNoteNum: 'Footnote number',
+        textNoteNumForm: 'Footnote number (formatted)',
+        textEndNoteNum: 'Endnote number',
+        textEndNoteNumForm: 'Endnote number (formatted)',
+        textCaption: 'Entire caption',
+        textLabelNum: 'Only label and number',
+        textOnlyCaption: 'Only caption text',
+        textParagraph: 'Numbered item',
+        textHeading: 'Heading',
+        textBookmark: 'Bookmark',
+        textFootnote: 'Footnote',
+        textEndnote: 'Endnote',
+        textEquation: 'Equation',
+        textFigure: 'Figure',
+        textTable: 'Table',
+        textInsert: 'Insert',
+        textWhich: 'For which caption',
+        textWhichHeading: 'For which heading',
+        textWhichBookmark: 'For which bookmark',
+        textWhichNote: 'For which footnote',
+        textWhichEndnote: 'For which endnote',
+        textWhichPara: 'For which numbered item',
+        textEmpty: 'The request reference is empty.'
+
+    }, DE.Views.CrossReferenceDialog || {}))
+});

apps/documenteditor/main/app/view/Links.js

@@ -124,6 +124,10 @@ define([
             this.btnCaption.on('click', function (b, e) {
                 me.fireEvent('links:caption');
             });
+
+            this.btnCrossRef.on('click', function (b, e) {
+                me.fireEvent('links:crossref');
+            });
         }
 
         return {
@@ -177,6 +181,15 @@ define([
                 });
                 this.paragraphControls.push(this.btnCaption);
 
+                this.btnCrossRef = new Common.UI.Button({
+                    parentEl: $host.find('#slot-btn-crossref'),
+                    cls: 'btn-toolbar x-huge icon-top',
+                    iconCls: 'toolbar__icon btn-cross-reference',
+                    caption: this.capBtnCrossRef,
+                    disabled: true
+                });
+                this.paragraphControls.push(this.btnCrossRef);
+
                 this._state = {disabled: false};
                 Common.NotificationCenter.on('app:ready', this.onAppReady.bind(this));
             },
@@ -308,6 +321,7 @@ define([
 
                     me.btnBookmarks.updateHint(me.tipBookmarks);
                     me.btnCaption.updateHint(me.tipCaption);
+                    me.btnCrossRef.updateHint(me.tipCrossRef);
 
                     setEvents.call(me);
                 });
@@ -357,7 +371,9 @@ define([
             mniInsEndnote: 'Insert Endnote',
             textConvertToEndnotes: 'Convert All Footnotes to Endnotes',
             textConvertToFootnotes: 'Convert All Endnotes to Footnotes',
-            textSwapNotes: 'Swap Footnotes and Endnotes'
+            textSwapNotes: 'Swap Footnotes and Endnotes',
+            capBtnCrossRef: 'Cross-reference',
+            tipCrossRef: 'Insert cross-reference'
         }
     }()), DE.Views.Links || {}));
 });

apps/documenteditor/main/locale/en.json

@@ -1222,6 +1222,46 @@
   "DE.Views.ControlSettingsDialog.tipChange": "Change symbol",
   "DE.Views.ControlSettingsDialog.txtLockDelete": "Content control cannot be deleted",
   "DE.Views.ControlSettingsDialog.txtLockEdit": "Contents cannot be edited",
+  "DE.Views.CrossReferenceDialog.txtTitle": "Cross-reference",
+  "DE.Views.CrossReferenceDialog.txtType": "Reference type",
+  "DE.Views.CrossReferenceDialog.txtReference": "Insert reference to",
+  "DE.Views.CrossReferenceDialog.textInsertAs": "Insert as hyperlink",
+  "DE.Views.CrossReferenceDialog.textSeparate": "Separate numbers with",
+  "DE.Views.CrossReferenceDialog.textIncludeAbove": "Include above/below",
+  "DE.Views.CrossReferenceDialog.textPageNum": "Page number",
+  "DE.Views.CrossReferenceDialog.textParaNum": "Paragraph number",
+  "DE.Views.CrossReferenceDialog.textParaNumNo": "Paragraph number (no context)",
+  "DE.Views.CrossReferenceDialog.textParaNumFull": "Paragraph number (full context)",
+  "DE.Views.CrossReferenceDialog.textText": "Paragraph text",
+  "DE.Views.CrossReferenceDialog.textAboveBelow": "Above/below",
+  "DE.Views.CrossReferenceDialog.textHeadingText": "Heading text",
+  "DE.Views.CrossReferenceDialog.textHeadingNum": "Heading number",
+  "DE.Views.CrossReferenceDialog.textHeadingNumNo": "Heading number (no context)",
+  "DE.Views.CrossReferenceDialog.textHeadingNumFull": "Heading number (full context)",
+  "DE.Views.CrossReferenceDialog.textBookmarkText": "Bookmark text",
+  "DE.Views.CrossReferenceDialog.textNoteNum": "Footnote number",
+  "DE.Views.CrossReferenceDialog.textNoteNumForm": "Footnote number (formatted)",
+  "DE.Views.CrossReferenceDialog.textEndNoteNum": "Endnote number",
+  "DE.Views.CrossReferenceDialog.textEndNoteNumForm": "Endnote number (formatted)",
+  "DE.Views.CrossReferenceDialog.textCaption": "Entire caption",
+  "DE.Views.CrossReferenceDialog.textLabelNum": "Only label and number",
+  "DE.Views.CrossReferenceDialog.textOnlyCaption": "Only caption text",
+  "DE.Views.CrossReferenceDialog.textParagraph": "Numbered item",
+  "DE.Views.CrossReferenceDialog.textHeading": "Heading",
+  "DE.Views.CrossReferenceDialog.textBookmark": "Bookmark",
+  "DE.Views.CrossReferenceDialog.textFootnote": "Footnote",
+  "DE.Views.CrossReferenceDialog.textEndnote": "Endnote",
+  "DE.Views.CrossReferenceDialog.textEquation": "Equation",
+  "DE.Views.CrossReferenceDialog.textFigure": "Figure",
+  "DE.Views.CrossReferenceDialog.textTable": "Table",
+  "DE.Views.CrossReferenceDialog.textInsert": "Insert",
+  "DE.Views.CrossReferenceDialog.textWhich": "For which caption",
+  "DE.Views.CrossReferenceDialog.textWhichHeading": "For which heading",
+  "DE.Views.CrossReferenceDialog.textWhichBookmark": "For which bookmark",
+  "DE.Views.CrossReferenceDialog.textWhichNote": "For which footnote",
+  "DE.Views.CrossReferenceDialog.textWhichEndnote": "For which endnote",
+  "DE.Views.CrossReferenceDialog.textWhichPara": "For which numbered item",
+  "DE.Views.CrossReferenceDialog.textEmpty": "The request reference is empty.",
   "DE.Views.CustomColumnsDialog.textColumns": "Number of columns",
   "DE.Views.CustomColumnsDialog.textSeparator": "Column divider",
   "DE.Views.CustomColumnsDialog.textSpacing": "Spacing between columns",
@@ -1782,6 +1822,8 @@
   "DE.Views.Links.textConvertToEndnotes": "Convert All Footnotes to Endnotes",
   "DE.Views.Links.textConvertToFootnotes": "Convert All Endnotes to Footnotes",
   "DE.Views.Links.textSwapNotes": "Swap Footnotes and Endnotes",
+  "DE.Views.Links.capBtnCrossRef": "Cross-reference",
+  "DE.Views.Links.tipCrossRef": "Insert cross-reference",
   "DE.Views.ListSettingsDialog.textAuto": "Automatic",
   "DE.Views.ListSettingsDialog.textCenter": "Center",
   "DE.Views.ListSettingsDialog.textLeft": "Left",