/* * * (c) Copyright Ascensio System Limited 2010-2017 * * 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 * */ /** * DocumentHolder.js * Document Editor * * Created by Alexander Yuzhin on 11/8/16 * Copyright (c) 2016 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 = [], _isEdit = false; 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_coAuthoringGetUsers(); }, setMode: function (mode) { _isEdit = ('edit' === mode); }, // 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 ('delete' == eventName) { me.api.asc_Remove(); } 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; } }); } _view.hideMenu(); }, // API Handlers onEditorResize: function(cmp) { // Hide context menu }, onApiShowPopMenu: function(posX, posY) { if ($('.popover.settings, .popup.settings, .picker-modal.settings, .modal.modal-in').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(); }, 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()}); } } }, // 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(); if (canCopy) { menuItems.push({ caption: me.menuCopy, event: 'copy' }); } var isText = false, isTable = false, isImage = false, isChart = false, isShape = false, isLink = false; _.each(stack, function (item) { var objectType = item.get_ObjectType(), objectValue = item.get_ObjectValue(); if (objectType == Asc.c_oAscTypeSelectElement.Text) { isText = true; } else if (objectType == Asc.c_oAscTypeSelectElement.Image) { 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; } else if (objectType == Asc.c_oAscTypeSelectElement.Hyperlink) { isLink = true; } }); if (stack.length > 0) { var topObject = _.find(stack.reverse(), function(obj){ return obj.get_ObjectType() != Asc.c_oAscTypeSelectElement.SpellCheck; }), topObjectValue = topObject.get_ObjectValue(), objectLocked = _.isFunction(topObjectValue.get_Locked) ? topObjectValue.get_Locked() : false; var swapItems = function(items, indexBefore, indexAfter) { items[indexAfter] = items.splice(indexBefore, 1, items[indexAfter])[0]; }; if (!objectLocked && _isEdit) { if (canCopy) { menuItems.push({ caption: me.menuCut, event: 'cut' }); // Swap 'Copy' and 'Cut' swapItems(menuItems, 0, 1); } menuItems.push({ caption: me.menuPaste, event: 'paste' }); menuItems.push({ caption: me.menuDelete, event: 'delete' }); menuItems.push({ caption: me.menuEdit, event: 'edit' }); if (!_.isEmpty(me.api.can_AddHyperlink())) { menuItems.push({ caption: me.menuAddLink, event: 'addlink' }); } } } if (Common.SharedSettings.get('phone') && menuItems.length > 3) { menuItems = menuItems.slice(0, 3); } if (isLink) { menuItems.push({ caption: me.menuOpenLink, event: 'openlink' }); } return menuItems; }, textGuest: 'Guest', menuCut: 'Cut', menuCopy: 'Copy', menuPaste: 'Paste', menuEdit: 'Edit', menuDelete: 'Delete', menuAddLink: 'Add Link', menuOpenLink: 'Open Link' } })(), DE.Controllers.DocumentHolder || {})) });