web-apps/apps/presentationeditor/mobile/app/controller/DocumentHolder.js

/*
 *
 * (c) Copyright Ascensio System SIA 2010-2019
 *
 * 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
 *
 */

/**
 *  DocumentHolder.js
 *  Presentation Editor
 *
 *  Created by Julia Radzhabova on 12/19/16
 *  Copyright (c) 2018 Ascensio System SIA. All rights reserved.
 *
 */


define([
    'core',
    'jquery',
    'underscore',
    'backbone',
    'presentationeditor/mobile/app/view/DocumentHolder'
], function (core, $, _, Backbone) {
    'use strict';

    PE.Controllers.DocumentHolder = Backbone.Controller.extend(_.extend((function() {
        // private
        var _stack,
            _view,
            _actionSheets = [],
            _isEdit = false,
            _isPopMenuHidden = false,
            _isComments = false,
            _canViewComments = true;

        return {
            models: [],
            collections: [],
            views: [
                'DocumentHolder'
            ],

            initialize: function() {
                this.addListeners({
                    'DocumentHolder': {
                        'contextmenu:click' : this.onContextMenuClick
                    }
                });
            },

            setApi: function(api) {
                var me = this;

                me.api = api;

                me.api.asc_registerCallback('asc_onShowPopMenu',            _.bind(me.onApiShowPopMenu, me));
                me.api.asc_registerCallback('asc_onHidePopMenu',            _.bind(me.onApiHidePopMenu, me));
                me.api.asc_registerCallback('asc_onDocumentContentReady',   _.bind(me.onApiDocumentContentReady, me));
                Common.NotificationCenter.on('api:disconnect',              _.bind(me.onCoAuthoringDisconnect, me));
                me.api.asc_registerCallback('asc_onCoAuthoringDisconnect',  _.bind(me.onCoAuthoringDisconnect,me));
                me.api.asc_registerCallback('asc_onShowComment',            _.bind(me.onApiShowComment, me));
                me.api.asc_registerCallback('asc_onHideComment',            _.bind(me.onApiHideComment, me));
            },

            onApiShowComment: function(comments) {
                _isComments = comments && comments.length>0;
            },

            onApiHideComment: function() {
                _isComments = false;
            },

            setMode: function (mode) {
                _isEdit = mode.isEdit;
                _canViewComments = mode.canViewComments;
            },

            // When our application is ready, lets get started
            onLaunch: function() {
                var me = this;

                _view = me.createView('DocumentHolder').render();

                $$(window).on('resize', _.bind(me.onEditorResize, me));
            },

            // Handlers

            onContextMenuClick: function (view, eventName) {
                var me = this;

                if ('cut' == eventName) {
                    var res = me.api.Cut();
                    if (!res) {
                        _view.hideMenu();
                        if (!Common.localStorage.getBool("pe-hide-copy-cut-paste-warning")) {
                            uiApp.modal({
                                title: me.textCopyCutPasteActions,
                                text: me.errorCopyCutPaste,
                                afterText: '<label class="label-checkbox item-content no-ripple">' +
                                    '<input type="checkbox" name="checkbox-show-cut">' +
                                    '<div class="item-media" style="margin-top: 10px; display: flex; align-items: center;">' +
                                    '<i class="icon icon-form-checkbox"></i><span style="margin-left: 10px;">' + me.textDoNotShowAgain + '</span>' +
                                    '</div>' +
                                    '</label>',
                                buttons: [{
                                    text: 'OK',
                                    onClick: function () {
                                        var dontshow = $('input[name="checkbox-show-cut"]').prop('checked');
                                        if (dontshow) Common.localStorage.setItem("pe-hide-copy-cut-paste-warning", 1);
                                    }
                                }]
                            });
                        }
                    }
                } else if ('copy' == eventName) {
                    var res = me.api.Copy();
                    if (!res) {
                        _view.hideMenu();
                        if (!Common.localStorage.getBool("pe-hide-copy-cut-paste-warning")) {
                            uiApp.modal({
                                title: me.textCopyCutPasteActions,
                                text: me.errorCopyCutPaste,
                                afterText: '<label class="label-checkbox item-content no-ripple">' +
                                    '<input type="checkbox" name="checkbox-show-copy">' +
                                    '<div class="item-media" style="margin-top: 10px; display: flex; align-items: center;">' +
                                    '<i class="icon icon-form-checkbox"></i><span style="margin-left: 10px;">' + me.textDoNotShowAgain + '</span>' +
                                    '</div>' +
                                    '</label>',
                                buttons: [{
                                    text: 'OK',
                                    onClick: function () {
                                        var dontshow = $('input[name="checkbox-show-copy"]').prop('checked');
                                        if (dontshow) Common.localStorage.setItem("pe-hide-copy-cut-paste-warning", 1);
                                    }
                                }]
                            });
                        }
                    }
                } else if ('paste' == eventName) {
                    var res = me.api.Paste();
                    if (!res) {
                        _view.hideMenu();
                        if (!Common.localStorage.getBool("pe-hide-copy-cut-paste-warning")) {
                            uiApp.modal({
                                title: me.textCopyCutPasteActions,
                                text: me.errorCopyCutPaste,
                                afterText: '<label class="label-checkbox item-content no-ripple">' +
                                    '<input type="checkbox" name="checkbox-show-paste">' +
                                    '<div class="item-media" style="margin-top: 10px; display: flex; align-items: center;">' +
                                    '<i class="icon icon-form-checkbox"></i><span style="margin-left: 10px;">' + me.textDoNotShowAgain + '</span>' +
                                    '</div>' +
                                    '</label>',
                                buttons: [{
                                    text: 'OK',
                                    onClick: function () {
                                        var dontshow = $('input[name="checkbox-show-paste"]').prop('checked');
                                        if (dontshow) Common.localStorage.setItem("pe-hide-copy-cut-paste-warning", 1);
                                    }
                                }]
                            });
                        }
                    }
                } else if ('delete' == eventName) {
                    me.api.asc_Remove();
                } else if ('edit' == eventName) {
                    _view.hideMenu();

                    PE.getController('EditContainer').showModal();
                } else if ('addlink' == eventName) {
                    _view.hideMenu();

                    PE.getController('AddContainer').showModal();
                    uiApp.showTab('#add-other');
                    PE.getController('AddOther').getView('AddOther').showPageLink();
                } else if ('openlink' == eventName) {
                    _.some(_stack, function (item) {
                        if (item.get_ObjectType() == Asc.c_oAscTypeSelectElement.Hyperlink) {
                            me._openLink(item.get_ObjectValue().get_Value());
                            return true;
                        }
                    });
                } else if ('viewcomment' == eventName) {
                    var getCollaboration = PE.getController('Common.Controllers.Collaboration');
                    getCollaboration.showCommentModal();
                } else if ('addcomment' == eventName) {
                    _view.hideMenu();
                    PE.getController('AddContainer').showModal();
                    PE.getController('AddOther').getView('AddOther').showPageComment(false);
                } else if ('showActionSheet' == eventName && _actionSheets.length > 0) {
                    _.delay(function () {
                        _.each(_actionSheets, function (action) {
                            action.text = action.caption
                            action.onClick = function () {
                                me.onContextMenuClick(null, action.event)
                            }
                        });

                        uiApp.actions([_actionSheets, [
                            {
                                text: me.sheetCancel,
                                bold: true
                            }
                        ]]);
                    }, 100);
                }

                _view.hideMenu();
            },

            stopApiPopMenu: function() {
                _isPopMenuHidden = true;
                this.onApiHidePopMenu();
            },

            startApiPopMenu: function() {
                _isPopMenuHidden = false;
            },

            // API Handlers

            onEditorResize: function(cmp) {
                // Hide context menu
            },

            onApiShowPopMenu: function(posX, posY) {
                if (_isPopMenuHidden || $('.popover.settings, .popup.settings, .picker-modal.settings, .modal-in, .actions-modal').length > 0)
                    return;

                var me = this,
                    items;

                _stack = me.api.getSelectedElements();
                items = me._initMenu(_stack);

                _view.showMenu(items, posX, posY);
            },

            onApiHidePopMenu: function() {
                _view && _view.hideMenu();
            },

            onApiDocumentContentReady: function () {
                _view = this.createView('DocumentHolder').render();
            },

            // Internal

            _openLink: function(url) {
                if (this.api.asc_getUrlType(url) > 0) {
                    var newDocumentPage = window.open(url, '_blank');

                    if (newDocumentPage) {
                        newDocumentPage.focus();
                    }
                } else
                    this.api.asc_GoToInternalHyperlink(url);
            },

            _initMenu: function (stack) {
                var me = this,
                    arrItems = [],
                    arrItemsIcon = [],
                    canCopy = me.api.can_CopyCut();

                _actionSheets = [];

                var isText = false,
                    isTable = false,
                    isImage = false,
                    isChart = false,
                    isShape = false,
                    isLink = false,
                    isSlide = false,
                    isObject = false;

                _.each(stack, function (item) {
                    var objectType = item.get_ObjectType(),
                        objectValue = item.get_ObjectValue();

                    if (objectType == Asc.c_oAscTypeSelectElement.Paragraph) {
                        isText = true;
                    } else if (objectType == Asc.c_oAscTypeSelectElement.Image) {
                        isImage = true;
                    } else if (objectType == Asc.c_oAscTypeSelectElement.Chart) {
                        isChart = true;
                    } else if (objectType == Asc.c_oAscTypeSelectElement.Shape) {
                        isShape = true;
                    } else if (objectType == Asc.c_oAscTypeSelectElement.Table) {
                        isTable = true;
                    } else if (objectType == Asc.c_oAscTypeSelectElement.Hyperlink) {
                        isLink = true;
                    } else if (objectType == Asc.c_oAscTypeSelectElement.Slide) {
                        isSlide = true;
                    }
                });
                isObject = isText || isImage || isChart || isShape || isTable;

                if (canCopy && isObject) {
                    arrItemsIcon.push({
                        caption: me.menuCopy,
                        event: 'copy',
                        icon: 'icon-copy'
                    });
                }
                if (_canViewComments && _isComments && !_isEdit) {
                    arrItems.push({
                        caption: me.menuViewComment,
                        event: 'viewcomment'
                    });
                }

                if (stack.length > 0) {
                    var topObject = stack[stack.length - 1],
                        topObjectType = topObject.get_ObjectType(),
                        topObjectValue = topObject.get_ObjectValue(),
                        objectLocked = _.isFunction(topObjectValue.get_Locked) ? topObjectValue.get_Locked() : false;

                    !objectLocked && (objectLocked = _.isFunction(topObjectValue.get_LockDelete) ? topObjectValue.get_LockDelete() : false);

                    var swapItems = function(items, indexBefore, indexAfter) {
                        items[indexAfter] = items.splice(indexBefore, 1, items[indexAfter])[0];
                    };

                    if (!objectLocked && _isEdit && !me.isDisconnected) {
                        if (canCopy && isObject) {
                            arrItemsIcon.push({
                                caption: me.menuCut,
                                event: 'cut',
                                icon: 'icon-cut'
                            });

                            // Swap 'Copy' and 'Cut'
                            swapItems(arrItemsIcon, 0, 1);
                        }

                        arrItemsIcon.push({
                            caption: me.menuPaste,
                            event: 'paste',
                            icon: 'icon-paste'
                        });

                        if (isObject)
                            arrItems.push({
                                caption: me.menuDelete,
                                event: 'delete'
                            });

                        arrItems.push({
                            caption: me.menuEdit,
                            event: 'edit'
                        });

                        if (!isLink && me.api.can_AddHyperlink()!==false) {
                            arrItems.push({
                                caption: me.menuAddLink,
                                event: 'addlink'
                            });
                        }

                        if (_isComments && _canViewComments) {
                            arrItems.push({
                                caption: me.menuViewComment,
                                event: 'viewcomment'
                            });
                        }

                        var hideAddComment = (isText && isChart) || me.api.can_AddQuotedComment() === false || !_canViewComments;
                        if (!hideAddComment) {
                            arrItems.push({
                                caption: me.menuAddComment,
                                event: 'addcomment'
                            });
                        }
                    }
                }

                if (isLink) {
                    arrItems.push({
                        caption: me.menuOpenLink,
                        event: 'openlink'
                    });
                }

                if (Common.SharedSettings.get('phone') && arrItems.length > 2) {
                    _actionSheets = arrItems.slice(2);

                    arrItems = arrItems.slice(0, 2);
                    arrItems.push({
                        caption: me.menuMore,
                        event: 'showActionSheet'
                    });
                }

                var menuItems = {itemsIcon: arrItemsIcon, items: arrItems};

                return menuItems;
            },

            onCoAuthoringDisconnect: function() {
                this.isDisconnected = true;
            },

            menuCut: 'Cut',
            menuCopy: 'Copy',
            menuPaste: 'Paste',
            menuEdit: 'Edit',
            menuDelete: 'Delete',
            menuAddLink: 'Add Link',
            menuOpenLink: 'Open Link',
            menuMore: 'More',
            menuViewComment: 'View Comment',
            menuAddComment: 'Add Comment',
            sheetCancel: 'Cancel',
            textCopyCutPasteActions: 'Copy, Cut and Paste Actions',
            errorCopyCutPaste: 'Copy, cut and paste actions using the context menu will be performed within the current file only.',
            textDoNotShowAgain: 'Don\'t show again'
        }
    })(), PE.Controllers.DocumentHolder || {}))
});