[DE forms] Add context menu. Bug 53476

apps/common/forms/resources/less/common.less

@@ -77,6 +77,7 @@
 @import "../../../../common/main/resources/less/winxp_fix.less";
 @import "../../../../common/main/resources/less/calendar.less";
 @import "../../../../common/main/resources/less/spinner.less";
+@import "../../../../common/main/resources/less/checkbox.less";
 
 @toolbarBorderColor:            @border-toolbar-ie;
 @toolbarBorderColor:            @border-toolbar;

apps/common/main/lib/view/CopyWarningDialog.js

@@ -126,7 +126,7 @@ define([
         },
 
         textTitle   : 'Copy, Cut and Paste Actions',
-        textMsg     : 'Copy, cut and paste actions using the editor toolbar buttons and context menu actions will be performed within this editor tab only.<br><br>.To copy or paste to or from applications outside the editor tab use the following keyboard combinations:',
+        textMsg     : 'Copy, cut and paste actions using the editor toolbar buttons and context menu actions will be performed within this editor tab only.<br><br>To copy or paste to or from applications outside the editor tab use the following keyboard combinations:',
         textToCopy  : 'for Copy',
         textToPaste : 'for Paste',
         textToCut: 'for Cut',

apps/documenteditor/forms/app/controller/ApplicationController.js

@@ -10,6 +10,7 @@ define([
     'common/main/lib/component/Calendar',
     'common/main/lib/util/LocalStorage',
     'common/main/lib/util/Shortcuts',
+    'common/main/lib/view/CopyWarningDialog',
     'common/forms/lib/view/modals',
     'documenteditor/forms/app/view/ApplicationView'
 ], function (Viewport) {
@@ -1030,6 +1031,7 @@ define([
             this.api.asc_registerCallback('asc_onPrint',                 _.bind(this.onPrint, this));
             this.api.asc_registerCallback('asc_onPrintUrl',              _.bind(this.onPrintUrl, this));
             this.api.asc_registerCallback('sync_onAllRequiredFormsFilled', _.bind(this.onFillRequiredFields, this));
+            this.api.asc_registerCallback('asc_onContextMenu',           _.bind(this.onContextMenu, this));
             if (this.appOptions.canFillForms) {
                 this.api.asc_registerCallback('asc_onShowContentControlsActions', _.bind(this.onShowContentControlsActions, this));
                 this.api.asc_registerCallback('asc_onHideContentControlsActions', _.bind(this.onHideContentControlsActions, this));
@@ -1320,6 +1322,128 @@ define([
             });
         },
 
+        onContextMenu: function(event){
+            var me = this;
+            _.delay(function(){
+                if (event.get_Type() == 0) {
+                    me.api && me.appOptions.canFillForms && me.fillMenuProps(me.api.getSelectedElements(), event);
+                }
+            },10);
+        },
+
+        showPopupMenu: function(menu, value, event){
+            if (!_.isUndefined(menu)  && menu !== null){
+                Common.UI.Menu.Manager.hideAll();
+
+                var showPoint = [event.get_X(), event.get_Y()],
+                    menuContainer = this.boxSdk.find(Common.Utils.String.format('#menu-container-{0}', menu.id));
+
+                if (!menu.rendered) {
+                    // Prepare menu container
+                    if (menuContainer.length < 1) {
+                        menuContainer = $(Common.Utils.String.format('<div id="menu-container-{0}" style="position: absolute; z-index: 10000;"><div class="dropdown-toggle" data-toggle="dropdown"></div></div>', menu.id));
+                        this.boxSdk.append(menuContainer);
+                    }
+
+                    menu.render(menuContainer);
+                    menu.cmpEl.attr({tabindex: "-1"});
+                }
+
+                menuContainer.css({
+                    left: showPoint[0],
+                    top : showPoint[1]
+                });
+
+                menu.show();
+
+                if (_.isFunction(menu.options.initMenu)) {
+                    menu.options.initMenu(value);
+                    menu.alignPosition();
+                }
+                _.delay(function() {
+                    menu.cmpEl.focus();
+                }, 10);
+
+                this.currentMenu = menu;
+            }
+        },
+
+        fillMenuProps: function(selectedElements, event) {
+            if (!selectedElements || !_.isArray(selectedElements)) return;
+
+            if (!this.textMenu) {
+                this.textMenu = this.view.getContextMenu();
+                this.textMenu.on('item:click', _.bind(this.onContextMenuClick, this));
+            }
+
+            var menu_props = {},
+                noobject = true;
+            for (var i = 0; i <selectedElements.length; i++) {
+                var elType = selectedElements[i].get_ObjectType();
+                var elValue = selectedElements[i].get_ObjectValue();
+                if (Asc.c_oAscTypeSelectElement.Image == elType) {
+                    //image
+                    menu_props.imgProps = {};
+                    menu_props.imgProps.value = elValue;
+                    menu_props.imgProps.locked = (elValue) ? elValue.get_Locked() : false;
+
+                    var control_props = this.api.asc_IsContentControl() ? this.api.asc_GetContentControlProperties() : null,
+                        lock_type = (control_props) ? control_props.get_Lock() : Asc.c_oAscSdtLockType.Unlocked;
+                    menu_props.imgProps.content_locked = lock_type==Asc.c_oAscSdtLockType.SdtContentLocked || lock_type==Asc.c_oAscSdtLockType.ContentLocked;
+
+                    noobject = false;
+                } else if (Asc.c_oAscTypeSelectElement.Paragraph == elType) {
+                    menu_props.paraProps = {};
+                    menu_props.paraProps.value = elValue;
+                    menu_props.paraProps.locked = (elValue) ? elValue.get_Locked() : false;
+                    noobject = false;
+                } else if (Asc.c_oAscTypeSelectElement.Header == elType) {
+                    menu_props.headerProps = {};
+                    menu_props.headerProps.locked = (elValue) ? elValue.get_Locked() : false;
+                }
+            }
+            if (this.textMenu && !noobject) {
+                var cancopy = this.api.can_CopyCut(),
+                    disabled = menu_props.paraProps && menu_props.paraProps.locked || menu_props.headerProps && menu_props.headerProps.locked ||
+                               menu_props.imgProps && (menu_props.imgProps.locked || menu_props.imgProps.content_locked);
+                this.textMenu.items[0].setDisabled(!cancopy); // copy
+                this.textMenu.items[1].setDisabled(disabled || !cancopy); // cut
+                this.textMenu.items[2].setDisabled(disabled) // paste;
+                this.textMenu.items[3].setVisible(this.appOptions.canPrint);
+                this.textMenu.items[3].setDisabled(!cancopy);
+
+                this.showPopupMenu(this.textMenu, {}, event);
+            }
+        },
+
+        onContextMenuClick: function(menu, item, e) {
+            switch (item.value) {
+                case 'copy':
+                case 'cut':
+                case 'paste':
+                    if (this.api) {
+                        var res =  (item.value == 'cut') ? this.api.Cut() : ((item.value == 'copy') ? this.api.Copy() : this.api.Paste());
+                        if (!res) {
+                            if (!Common.localStorage.getBool("de-forms-hide-copywarning")) {
+                                (new Common.Views.CopyWarningDialog({
+                                    handler: function(dontshow) {
+                                        if (dontshow) Common.localStorage.setItem("de-forms-hide-copywarning", 1);
+                                    }
+                                })).show();
+                            }
+                        }
+                    }
+                    break;
+                case 'print':
+                    var printopt = new Asc.asc_CAdjustPrint();
+                    printopt.asc_setPrintType(Asc.c_oAscPrintType.Selection);
+                    var opts = new Asc.asc_CDownloadOptions(null, Common.Utils.isChrome || Common.Utils.isSafari || Common.Utils.isOpera || Common.Utils.isGecko && Common.Utils.firefoxVersion>86); // if isChrome or isSafari or isOpera == true use asc_onPrintUrl event
+                    opts.asc_setAdvancedOptions(printopt);
+                    this.api.asc_Print(opts);
+                    break;
+            }
+        },
+
         errorDefaultMessage     : 'Error code: %1',
         unknownErrorText        : 'Unknown error.',
         convertationTimeoutText : 'Conversion timeout exceeded.',

apps/documenteditor/forms/app/view/ApplicationView.js

@@ -87,6 +87,17 @@ define([
             return this;
         },
 
+        getContextMenu: function() {
+            return new Common.UI.Menu({
+                items: [
+                    { caption: this.textCut, value: 'cut' },
+                    { caption: this.textCopy, value: 'copy' },
+                    { caption: this.textPaste, value: 'paste' },
+                    { caption: this.textPrintSel, value: 'print' }
+                ]
+            });
+        },
+
         txtDownload: 'Download',
         txtPrint: 'Print',
         txtShare: 'Share',
@@ -98,6 +109,11 @@ define([
         textNext: 'Next Field',
         textClear: 'Clear All Fields',
         textSubmit: 'Submit',
-        txtTheme: 'Interface theme'
+        txtTheme: 'Interface theme',
+        textCut: 'Cut',
+        textCopy: 'Copy',
+        textPaste: 'Paste',
+        textPrintSel: 'Print Selection'
+
     }, DE.Views.ApplicationView || {}));
 });

apps/documenteditor/forms/locale/en.json

@@ -58,6 +58,12 @@
   "Common.Views.ShareDialog.textTitle": "Share Link",
   "Common.Views.ShareDialog.txtCopy": "Copy to clipboard",
   "Common.Views.ShareDialog.warnCopy": "Browser's error! Use keyboard shortcut [Ctrl] + [C]",
+  "Common.Views.CopyWarningDialog.textDontShow": "Don't show this message again",
+  "Common.Views.CopyWarningDialog.textMsg": "Copy, cut and paste actions using context menu actions will be performed within this editor tab only.<br><br>To copy or paste to or from applications outside the editor tab use the following keyboard combinations:",
+  "Common.Views.CopyWarningDialog.textTitle": "Copy, Cut and Paste Actions",
+  "Common.Views.CopyWarningDialog.textToCopy": "for Copy",
+  "Common.Views.CopyWarningDialog.textToCut": "for Cut",
+  "Common.Views.CopyWarningDialog.textToPaste": "for Paste",
   "DE.Controllers.ApplicationController.convertationErrorText": "Conversion failed.",
   "DE.Controllers.ApplicationController.convertationTimeoutText": "Conversion timeout exceeded.",
   "DE.Controllers.ApplicationController.criticalErrorTitle": "Error",
@@ -115,5 +121,9 @@
   "DE.Views.ApplicationView.txtFullScreen": "Full Screen",
   "DE.Views.ApplicationView.txtPrint": "Print",
   "DE.Views.ApplicationView.txtShare": "Share",
-  "DE.Views.ApplicationView.txtTheme": "Interface theme"
+  "DE.Views.ApplicationView.txtTheme": "Interface theme",
+  "DE.Views.ApplicationView.textCut": "Cut",
+  "DE.Views.ApplicationView.textCopy": "Copy",
+  "DE.Views.ApplicationView.textPaste": "Paste",
+  "DE.Views.ApplicationView.textPrintSel": "Print Selection"
 }