/* * * (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 * Document Editor * * Created by Alexander Yuzhin on 11/8/16 * Copyright (c) 2018 Ascensio System SIA. All rights reserved. * */ define([ 'core', 'jquery', 'underscore', 'backbone', 'documenteditor/mobile/app/view/DocumentHolder', 'common/main/lib/collection/Users' ], function (core, $, _, Backbone) { 'use strict'; DE.Controllers.DocumentHolder = Backbone.Controller.extend(_.extend((function() { // private var _stack, _view, _fastCoAuthTips = [], _actionSheets = [], _isEdit = false, _canReview = false, _inRevisionChange = false, _menuPos = [], _timer = 0; return { models: [], collections: [ 'Common.Collections.Users' ], 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_onShowForeignCursorLabel', _.bind(me.onApiShowForeignCursorLabel, me)); me.api.asc_registerCallback('asc_onHideForeignCursorLabel', _.bind(me.onApiHideForeignCursorLabel, me)); me.api.asc_registerCallback('asc_onAuthParticipantsChanged',_.bind(me.onApiUsersChanged, me)); me.api.asc_registerCallback('asc_onConnectionStateChanged', _.bind(me.onApiUserConnection, 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_onShowRevisionsChange', _.bind(me.onApiShowChange, me)); me.api.asc_coAuthoringGetUsers(); }, setMode: function (mode) { _isEdit = mode.isEdit; _canReview = mode.canReview; }, // 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) { me.api.Cut(); } else if ('copy' == eventName) { me.api.Copy(); } else if ('paste' == eventName) { me.api.Paste(); } else if ('merge' == eventName) { me.api.MergeCells(); } else if ('split' == eventName) { _view.hideMenu(); me.showSplitModal(); } else if ('delete' == eventName) { me.api.asc_Remove(); } else if('deletetable' == eventName) { me.api.remTable(); } else if ('edit' == eventName) { _view.hideMenu(); DE.getController('EditContainer').showModal(); } else if ('addlink' == eventName) { _view.hideMenu(); DE.getController('AddContainer').showModal(); DE.getController('AddOther').getView('AddOther').showLink(false); } 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 ('review' == eventName) { var getCollaboration = DE.getController('Collaboration'); getCollaboration.showModal(); getCollaboration.getView('Collaboration').showPage('#reviewing-settings-view', false); } else if('reviewchange' == eventName) { var getCollaboration = DE.getController('Collaboration'); getCollaboration.showModal(); getCollaboration.getView('Collaboration').showPage('#reviewing-settings-view', false); getCollaboration.getView('Collaboration').showPage('#change-view', 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(); }, showSplitModal: function() { var me = this, picker; uiApp.modal({ title : me.menuSplit, text: '', afterText: '
' + '
' + '
' + me.textColumns + '
' + '
' + me.textRows + '
' + '
' + '
' + '
', buttons: [ { text: me.textCancel }, { text: 'OK', bold: true, onClick: function () { var size = picker.value; if (me.api) { me.api.SplitCell(parseInt(size[0]), parseInt(size[1])); } } } ] }); picker = uiApp.picker({ container: '#picker-split-size', toolbar: false, rotateEffect: true, value: [3, 3], cols: [{ textAlign: 'center', width: '100%', values: [1,2,3,4,5,6,7,8,9,10] }, { textAlign: 'center', width: '100%', values: [1,2,3,4,5,6,7,8,9,10] }] }); }, // API Handlers onEditorResize: function(cmp) { // Hide context menu }, onApiShowPopMenu: function(posX, posY) { if ($('.popover.settings, .popup.settings, .picker-modal.settings, .modal.modal-in, .actions-modal').length > 0) { return; } var now = (new Date).getTime(); if (now - _timer < 1000) return; _timer = 0; _menuPos = [posX, posY]; var me = this, items; _stack = me.api.getSelectedElements(); items = me._initMenu(_stack); _view.showMenu(items, posX, posY); }, onApiHidePopMenu: function() { var now = (new Date).getTime(); if (now - _timer < 1000) return; _view && _view.hideMenu(); }, onApiShowForeignCursorLabel: function(userId, X, Y, color) { var me = this, tipHeight = 20; var getUserName = function(id) { var usersStore = DE.getCollection('Common.Collections.Users'); if (usersStore){ var rec = usersStore.findUser(id); if (rec) return rec.get('username'); } return me.textGuest; }; /** coauthoring begin **/ var src = _.find(_fastCoAuthTips, function(tip){ return tip.attr('userid') == userId; }); if (!src) { src = $(document.createElement('div')); src.addClass('username-tip'); src.attr('userid', userId); src.css({ height: tipHeight + 'px', position: 'absolute', zIndex: '900', display: 'none', 'pointer-events': 'none', 'background-color': '#' + Common.Utils.ThemeColor.getHexColor(color.get_r(), color.get_g(), color.get_b())}); src.text(getUserName(userId)); $('#id_main_view').append(src); _fastCoAuthTips.push(src); src.fadeIn(150); } src.css({ top: (Y - tipHeight) + 'px', left: X + 'px'}); /** coauthoring end **/ }, onApiHideForeignCursorLabel: function(userId) { /** coauthoring begin **/ for (var i=0; i<_fastCoAuthTips.length; i++) { if (_fastCoAuthTips[i].attr('userid') == userId) { var src = _fastCoAuthTips[i]; _fastCoAuthTips[i].fadeOut(150, function(){src.remove()}); _fastCoAuthTips.splice(i, 1); break; } } /** coauthoring end **/ }, onApiUsersChanged: function(users){ var usersStore = this.getApplication().getCollection('Common.Collections.Users'); if (usersStore) { var arrUsers = [], name, user; for (name in users) { if (undefined !== name) { user = users[name]; if (user) { arrUsers.push(new Common.Models.User({ id : user.asc_getId(), username : user.asc_getUserName(), online : true, color : user.asc_getColor(), view : user.asc_getView() })); } } } usersStore[usersStore.size() > 0 ? 'add' : 'reset'](arrUsers); } }, onApiUserConnection: function(change){ var usersStore = this.getApplication().getCollection('Common.Collections.Users'); if (usersStore){ var user = usersStore.findUser(change.asc_getId()); if (!user) { usersStore.add(new Common.Models.User({ id : change.asc_getId(), username : change.asc_getUserName(), online : change.asc_getState(), color : change.asc_getColor(), view : change.asc_getView() })); } else { user.set({online: change.asc_getState()}); } } }, onApiDocumentContentReady: function () { _view = this.createView('DocumentHolder').render(); }, onApiShowChange: function(sdkchange) { _inRevisionChange = sdkchange && sdkchange.length>0; }, // Internal _openLink: function(url) { if (this.api.asc_getUrlType(url) > 0) { var newDocumentPage = window.open(url, '_blank'); if (newDocumentPage) { newDocumentPage.focus(); } } }, _initMenu: function (stack) { var me = this, menuItems = [], canCopy = me.api.can_CopyCut(); _actionSheets = []; if (canCopy) { menuItems.push({ caption: me.menuCopy, event: 'copy' }); } var isText = false, isTable = false, isImage = false, isChart = false, isShape = false, isLink = false, lockedText = false, lockedTable = false, lockedImage = false, lockedHeader = false; _.each(stack, function (item) { var objectType = item.get_ObjectType(), objectValue = item.get_ObjectValue(); if (objectType == Asc.c_oAscTypeSelectElement.Header) { lockedHeader = objectValue.get_Locked(); } if (objectType == Asc.c_oAscTypeSelectElement.Text) { isText = true; lockedText = objectValue.get_Locked(); } else if (objectType == Asc.c_oAscTypeSelectElement.Image) { lockedImage = objectValue.get_Locked(); if (objectValue && objectValue.get_ChartProperties()) { isChart = true; } else if (objectType && objectValue.get_ShapeProperties()) { isShape = true; } else { isImage = true; } } else if (objectType == Asc.c_oAscTypeSelectElement.Table) { isTable = true; lockedTable = objectValue.get_Locked(); } else if (objectType == Asc.c_oAscTypeSelectElement.Hyperlink) { isLink = true; } }); if (stack.length > 0) { var swapItems = function(items, indexBefore, indexAfter) { items[indexAfter] = items.splice(indexBefore, 1, items[indexAfter])[0]; }; if (_isEdit && !me.isDisconnected) { if (!lockedText && !lockedTable && !lockedImage && !lockedHeader && canCopy) { menuItems.push({ caption: me.menuCut, event: 'cut' }); // Swap 'Copy' and 'Cut' swapItems(menuItems, 0, 1); } if (!lockedText && !lockedTable && !lockedImage && !lockedHeader) { menuItems.push({ caption: me.menuPaste, event: 'paste' }); } if(isTable && me.api.CheckBeforeMergeCells() && !lockedTable && !lockedHeader) { menuItems.push({ caption: me.menuMerge, event: 'merge' }); } if(isTable && me.api.CheckBeforeSplitCells() && !lockedTable && !lockedHeader) { menuItems.push({ caption: me.menuSplit, event: 'split' }); } if(!lockedText && !lockedTable && !lockedImage && !lockedHeader) { menuItems.push({ caption: me.menuDelete, event: 'delete' }); } if(isTable && !lockedTable && !lockedText && !lockedHeader) { menuItems.push({ caption: me.menuDeleteTable, event: 'deletetable' }); } if(!lockedText && !lockedTable && !lockedImage && !lockedHeader){ menuItems.push({ caption: me.menuEdit, event: 'edit' }); } if (!_.isEmpty(me.api.can_AddHyperlink()) && !lockedHeader) { menuItems.push({ caption: me.menuAddLink, event: 'addlink' }); } if (_canReview) { if (_inRevisionChange) { menuItems.push({ caption: me.menuReviewChange, event: 'reviewchange' }); } else { menuItems.push({ caption: me.menuReview, event: 'review' }); } } } } if (isLink) { menuItems.push({ caption: me.menuOpenLink, event: 'openlink' }); } if (Common.SharedSettings.get('phone') && menuItems.length > 3) { _actionSheets = menuItems.slice(3); menuItems = menuItems.slice(0, 3); menuItems.push({ caption: me.menuMore, event: 'showActionSheet' }); } return menuItems; }, onCoAuthoringDisconnect: function() { this.isDisconnected = true; }, textGuest: 'Guest', textCancel: 'Cancel', textColumns: 'Columns', textRows: 'Rows', menuCut: 'Cut', menuCopy: 'Copy', menuPaste: 'Paste', menuEdit: 'Edit', menuDelete: 'Delete', menuAddLink: 'Add Link', menuOpenLink: 'Open Link', menuMore: 'More', sheetCancel: 'Cancel', menuReview: 'Review', menuMerge: 'Merge Cells', menuSplit: 'Split Cell', menuDeleteTable: 'Delete Table', menuReviewChange: 'Review Change' } })(), DE.Controllers.DocumentHolder || {})) });