2016-04-01 13:17:09 +00:00
|
|
|
/*
|
|
|
|
|
*
|
2019-01-17 13:05:03 +00:00
|
|
|
* (c) Copyright Ascensio System SIA 2010-2019
|
2016-04-01 13:17:09 +00:00
|
|
|
*
|
|
|
|
|
* 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
|
|
|
|
|
*
|
2019-01-17 13:00:34 +00:00
|
|
|
* You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
|
|
|
|
|
* street, Riga, Latvia, EU, LV-1050.
|
2016-04-01 13:17:09 +00:00
|
|
|
*
|
|
|
|
|
* 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
|
|
|
|
|
*
|
|
|
|
|
*/
|
2016-03-11 00:48:53 +00:00
|
|
|
/**
|
|
|
|
|
* Toolbar.js
|
|
|
|
|
*
|
|
|
|
|
* Toolbar view
|
|
|
|
|
*
|
|
|
|
|
* Created by Alexander Yuzhin on 4/16/14
|
2018-03-01 12:16:38 +00:00
|
|
|
* Copyright (c) 2018 Ascensio System SIA. All rights reserved.
|
2016-03-11 00:48:53 +00:00
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
define([
|
|
|
|
|
'backbone',
|
|
|
|
|
'text!presentationeditor/main/app/template/Toolbar.template',
|
2018-05-17 08:37:24 +00:00
|
|
|
'text!presentationeditor/main/app/template/ToolbarView.template',
|
2016-03-11 00:48:53 +00:00
|
|
|
'common/main/lib/collection/Fonts',
|
|
|
|
|
'common/main/lib/component/Button',
|
|
|
|
|
'common/main/lib/component/ComboBox',
|
|
|
|
|
'common/main/lib/component/DataView',
|
|
|
|
|
'common/main/lib/component/ColorPalette',
|
|
|
|
|
'common/main/lib/component/ThemeColorPalette',
|
|
|
|
|
'common/main/lib/component/Menu',
|
|
|
|
|
'common/main/lib/component/DimensionPicker',
|
|
|
|
|
'common/main/lib/component/Window',
|
|
|
|
|
'common/main/lib/component/ComboBoxFonts',
|
|
|
|
|
'common/main/lib/component/ComboDataView'
|
|
|
|
|
,'common/main/lib/component/SynchronizeTip'
|
2017-04-22 13:11:04 +00:00
|
|
|
,'common/main/lib/component/Mixtbar'
|
2018-05-15 12:39:26 +00:00
|
|
|
], function (Backbone, template, template_view) {
|
2016-03-11 00:48:53 +00:00
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
PE.enumLock = {
|
|
|
|
|
paragraphLock: 'para-lock',
|
|
|
|
|
shapeLock: 'shape-lock',
|
|
|
|
|
slideLock: 'slide-lock',
|
|
|
|
|
slideDeleted: 'slide-deleted',
|
|
|
|
|
noSlides: 'no-slides',
|
|
|
|
|
lostConnect: 'disconnect',
|
|
|
|
|
incIndentLock: 'can-inc-indent',
|
|
|
|
|
decIndentLock: 'can-dec-indent',
|
|
|
|
|
hyperlinkLock: 'can-hyperlink',
|
|
|
|
|
undoLock: 'can-undo',
|
|
|
|
|
redoLock: 'can-redo',
|
|
|
|
|
docPropsLock: 'doc-props-lock',
|
|
|
|
|
themeLock: 'theme-lock',
|
|
|
|
|
menuFileOpen: 'menu-file-open',
|
|
|
|
|
noParagraphSelected: 'no-paragraph',
|
|
|
|
|
noObjectSelected: 'no-object',
|
|
|
|
|
disableOnStart: 'on-start',
|
2016-05-16 09:15:18 +00:00
|
|
|
cantPrint: 'cant-print',
|
2016-10-25 10:48:31 +00:00
|
|
|
noTextSelected: 'no-text',
|
2017-06-28 11:20:49 +00:00
|
|
|
inEquation: 'in-equation',
|
|
|
|
|
commentLock: 'can-comment'
|
2016-03-11 00:48:53 +00:00
|
|
|
};
|
|
|
|
|
|
2017-04-22 13:11:04 +00:00
|
|
|
PE.Views.Toolbar = Common.UI.Mixtbar.extend(_.extend((function(){
|
2017-04-20 13:34:39 +00:00
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
el: '#toolbar',
|
|
|
|
|
|
|
|
|
|
// Delegated events for creating new items, and clearing completed ones.
|
|
|
|
|
events: {
|
|
|
|
|
//
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
initialize: function () {
|
|
|
|
|
var me = this;
|
|
|
|
|
|
|
|
|
|
me.paragraphControls = [];
|
|
|
|
|
me.shapeControls = [];
|
|
|
|
|
me.slideOnlyControls = [];
|
|
|
|
|
me.synchTooltip = undefined;
|
2018-04-27 10:25:18 +00:00
|
|
|
me.needShowSynchTip = false;
|
|
|
|
|
|
2019-08-21 10:04:49 +00:00
|
|
|
me.SchemeNames = [
|
2017-04-20 13:34:39 +00:00
|
|
|
me.txtScheme1, me.txtScheme2, me.txtScheme3, me.txtScheme4, me.txtScheme5,
|
|
|
|
|
me.txtScheme6, me.txtScheme7, me.txtScheme8, me.txtScheme9, me.txtScheme10,
|
|
|
|
|
me.txtScheme11, me.txtScheme12, me.txtScheme13, me.txtScheme14, me.txtScheme15,
|
|
|
|
|
me.txtScheme16, me.txtScheme17, me.txtScheme18, me.txtScheme19, me.txtScheme20,
|
|
|
|
|
me.txtScheme21
|
|
|
|
|
];
|
|
|
|
|
me._state = {
|
|
|
|
|
hasCollaborativeChanges: undefined
|
|
|
|
|
};
|
2019-08-21 14:08:21 +00:00
|
|
|
me.binding = {};
|
2017-04-20 13:34:39 +00:00
|
|
|
|
2018-05-15 12:39:26 +00:00
|
|
|
Common.NotificationCenter.on('app:ready', me.onAppReady.bind(this));
|
|
|
|
|
return this;
|
|
|
|
|
},
|
2017-04-20 13:34:39 +00:00
|
|
|
|
2018-05-15 12:39:26 +00:00
|
|
|
applyLayout: function (config) {
|
|
|
|
|
var me = this;
|
2017-04-20 13:34:39 +00:00
|
|
|
|
2018-05-15 12:39:26 +00:00
|
|
|
if ( config.isEdit ) {
|
|
|
|
|
Common.UI.Mixtbar.prototype.initialize.call(this, {
|
|
|
|
|
template: _.template(template),
|
|
|
|
|
tabs: [
|
2018-05-16 14:41:47 +00:00
|
|
|
{caption: me.textTabFile, action: 'file', extcls: 'canedit', haspanel:false},
|
2018-05-15 12:39:26 +00:00
|
|
|
{caption: me.textTabHome, action: 'home', extcls: 'canedit'},
|
|
|
|
|
{caption: me.textTabInsert, action: 'ins', extcls: 'canedit'}
|
|
|
|
|
]
|
2016-03-11 00:48:53 +00:00
|
|
|
}
|
2018-05-15 12:39:26 +00:00
|
|
|
);
|
|
|
|
|
|
|
|
|
|
me.btnSaveCls = 'btn-save';
|
|
|
|
|
me.btnSaveTip = this.tipSave + Common.Utils.String.platformKey('Ctrl+S');
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* UI Components
|
|
|
|
|
*/
|
|
|
|
|
var _set = PE.enumLock;
|
|
|
|
|
|
|
|
|
|
me.btnChangeSlide = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-button-change-slide',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-changeslide',
|
|
|
|
|
lock: [_set.menuFileOpen, _set.slideDeleted, _set.slideLock, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
|
|
|
|
menu: true
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnChangeSlide);
|
|
|
|
|
|
|
|
|
|
me.btnPreview = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-button-preview',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-preview',
|
|
|
|
|
lock: [_set.menuFileOpen, _set.slideDeleted, _set.noSlides, _set.disableOnStart],
|
|
|
|
|
split: true,
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{caption: this.textShowBegin, value: 0},
|
|
|
|
|
{caption: this.textShowCurrent, value: 1},
|
|
|
|
|
{caption: this.textShowPresenterView, value: 2},
|
|
|
|
|
{caption: '--'},
|
|
|
|
|
me.mnuShowSettings = new Common.UI.MenuItem({
|
|
|
|
|
caption: this.textShowSettings,
|
|
|
|
|
value: 3,
|
|
|
|
|
lock: [_set.lostConnect]
|
|
|
|
|
})
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnPreview);
|
|
|
|
|
|
|
|
|
|
me.btnPrint = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-print',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-print no-mask',
|
2018-09-25 14:09:59 +00:00
|
|
|
lock: [_set.slideDeleted, _set.noSlides, _set.cantPrint, _set.disableOnStart],
|
|
|
|
|
signals: ['disabled']
|
2018-05-15 12:39:26 +00:00
|
|
|
});
|
2018-09-25 13:19:33 +00:00
|
|
|
me.slideOnlyControls.push(me.btnPrint);
|
2018-05-15 12:39:26 +00:00
|
|
|
|
|
|
|
|
me.btnSave = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-save',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'no-mask ' + me.btnSaveCls,
|
|
|
|
|
lock: [_set.lostConnect],
|
|
|
|
|
signals: ['disabled']
|
|
|
|
|
});
|
|
|
|
|
me.btnCollabChanges = me.btnSave;
|
|
|
|
|
|
|
|
|
|
me.btnUndo = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-undo',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-undo',
|
|
|
|
|
lock: [_set.undoLock, _set.slideDeleted, _set.lostConnect, _set.disableOnStart],
|
|
|
|
|
signals: ['disabled']
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnUndo);
|
|
|
|
|
|
|
|
|
|
me.btnRedo = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-redo',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-redo',
|
|
|
|
|
lock: [_set.redoLock, _set.slideDeleted, _set.lostConnect, _set.disableOnStart],
|
|
|
|
|
signals: ['disabled']
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnRedo);
|
|
|
|
|
|
|
|
|
|
me.btnCopy = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-copy',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-copy',
|
|
|
|
|
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart]
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnCopy);
|
|
|
|
|
|
|
|
|
|
me.btnPaste = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-paste',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-paste',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides]
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnPaste);
|
|
|
|
|
|
|
|
|
|
me.cmbFontName = new Common.UI.ComboBoxFonts({
|
|
|
|
|
cls: 'input-group-nr',
|
|
|
|
|
menuCls: 'scrollable-menu',
|
|
|
|
|
menuStyle: 'min-width: 325px;',
|
|
|
|
|
hint: me.tipFontName,
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
|
|
|
|
store: new Common.Collections.Fonts()
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.cmbFontName);
|
|
|
|
|
|
|
|
|
|
me.cmbFontSize = new Common.UI.ComboBox({
|
|
|
|
|
cls: 'input-group-nr',
|
|
|
|
|
menuStyle: 'min-width: 55px;',
|
|
|
|
|
hint: me.tipFontSize,
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
|
|
|
|
data: [
|
|
|
|
|
{value: 8, displayValue: "8"},
|
|
|
|
|
{value: 9, displayValue: "9"},
|
|
|
|
|
{value: 10, displayValue: "10"},
|
|
|
|
|
{value: 11, displayValue: "11"},
|
|
|
|
|
{value: 12, displayValue: "12"},
|
|
|
|
|
{value: 14, displayValue: "14"},
|
|
|
|
|
{value: 16, displayValue: "16"},
|
|
|
|
|
{value: 18, displayValue: "18"},
|
|
|
|
|
{value: 20, displayValue: "20"},
|
|
|
|
|
{value: 22, displayValue: "22"},
|
|
|
|
|
{value: 24, displayValue: "24"},
|
|
|
|
|
{value: 26, displayValue: "26"},
|
|
|
|
|
{value: 28, displayValue: "28"},
|
|
|
|
|
{value: 36, displayValue: "36"},
|
|
|
|
|
{value: 48, displayValue: "48"},
|
2019-02-12 11:48:27 +00:00
|
|
|
{value: 72, displayValue: "72"},
|
|
|
|
|
{value: 96, displayValue: "96"}
|
2017-04-20 13:34:39 +00:00
|
|
|
]
|
2018-05-15 12:39:26 +00:00
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.cmbFontSize);
|
|
|
|
|
|
|
|
|
|
me.btnBold = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-bold',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-bold',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
|
|
|
|
enableToggle: true
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnBold);
|
|
|
|
|
|
|
|
|
|
me.btnItalic = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-italic',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-italic',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
|
|
|
|
enableToggle: true
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnItalic);
|
|
|
|
|
|
|
|
|
|
me.btnUnderline = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-underline',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-underline',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
|
|
|
|
enableToggle: true
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnUnderline);
|
|
|
|
|
|
|
|
|
|
me.btnStrikeout = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-strikeout',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-strikeout',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
|
|
|
|
enableToggle: true
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnStrikeout);
|
|
|
|
|
|
|
|
|
|
me.btnSuperscript = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-superscript',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-superscript',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock, _set.inEquation],
|
|
|
|
|
enableToggle: true,
|
|
|
|
|
toggleGroup: 'superscriptGroup'
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnSuperscript);
|
|
|
|
|
|
|
|
|
|
me.btnSubscript = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-subscript',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-subscript',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock, _set.inEquation],
|
|
|
|
|
enableToggle: true,
|
|
|
|
|
toggleGroup: 'superscriptGroup'
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnSubscript);
|
|
|
|
|
|
|
|
|
|
me.btnFontColor = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-fontcolor',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-fontcolor',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
|
|
|
|
split: true,
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{template: _.template('<div id="id-toolbar-menu-fontcolor" style="width: 169px; height: 220px; margin: 10px;"></div>')},
|
|
|
|
|
{template: _.template('<a id="id-toolbar-menu-new-fontcolor" style="padding-left:12px;">' + me.textNewColor + '</a>')}
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnFontColor);
|
|
|
|
|
|
|
|
|
|
me.btnClearStyle = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-clearstyle',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-clearstyle',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected]
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnClearStyle);
|
|
|
|
|
|
|
|
|
|
me.btnCopyStyle = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-copystyle',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-copystyle',
|
|
|
|
|
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.noParagraphSelected, _set.disableOnStart],
|
|
|
|
|
enableToggle: true
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnCopyStyle);
|
|
|
|
|
|
|
|
|
|
me.btnMarkers = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-markers',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-setmarkers',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected],
|
|
|
|
|
enableToggle: true,
|
|
|
|
|
toggleGroup: 'markersGroup',
|
|
|
|
|
split: true,
|
|
|
|
|
menu: true
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnMarkers);
|
|
|
|
|
|
|
|
|
|
me.btnNumbers = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-numbering',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-numbering',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected],
|
|
|
|
|
enableToggle: true,
|
|
|
|
|
toggleGroup: 'markersGroup',
|
|
|
|
|
split: true,
|
|
|
|
|
menu: true
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnNumbers);
|
|
|
|
|
|
|
|
|
|
var clone = function (source) {
|
|
|
|
|
var obj = {};
|
|
|
|
|
for (var prop in source)
|
|
|
|
|
obj[prop] = (typeof(source[prop]) == 'object') ? clone(source[prop]) : source[prop];
|
|
|
|
|
return obj;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
this.mnuMarkersPicker = {
|
|
|
|
|
conf: {index: 0},
|
|
|
|
|
selectByIndex: function (idx) {
|
|
|
|
|
this.conf.index = idx;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
this.mnuNumbersPicker = clone(this.mnuMarkersPicker);
|
|
|
|
|
|
|
|
|
|
me.btnHorizontalAlign = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-halign',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-align-left',
|
|
|
|
|
icls: 'btn-align-left',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected],
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{
|
|
|
|
|
caption: me.textAlignLeft + Common.Utils.String.platformKey('Ctrl+L'),
|
|
|
|
|
iconCls: 'mnu-align-left',
|
|
|
|
|
icls: 'btn-align-left',
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'halignGroup',
|
|
|
|
|
checked: true,
|
|
|
|
|
value: 1
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textAlignCenter + Common.Utils.String.platformKey('Ctrl+E'),
|
|
|
|
|
iconCls: 'mnu-align-center',
|
|
|
|
|
icls: 'btn-align-center',
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'halignGroup',
|
|
|
|
|
value: 2
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textAlignRight + Common.Utils.String.platformKey('Ctrl+R'),
|
|
|
|
|
iconCls: 'mnu-align-right',
|
|
|
|
|
icls: 'btn-align-right',
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'halignGroup',
|
|
|
|
|
value: 0
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textAlignJust + Common.Utils.String.platformKey('Ctrl+J'),
|
|
|
|
|
iconCls: 'mnu-align-just',
|
|
|
|
|
icls: 'btn-align-just',
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'halignGroup',
|
|
|
|
|
value: 3
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnHorizontalAlign);
|
|
|
|
|
|
|
|
|
|
me.btnVerticalAlign = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-valign',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected, _set.noObjectSelected],
|
|
|
|
|
iconCls: 'btn-align-middle',
|
|
|
|
|
icls: 'btn-align-middle',
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{
|
|
|
|
|
caption: me.textAlignTop,
|
|
|
|
|
iconCls: 'mnu-align-top',
|
|
|
|
|
icls: 'btn-align-top',
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'valignGroup',
|
|
|
|
|
value: Asc.c_oAscVAlign.Top
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textAlignMiddle,
|
|
|
|
|
iconCls: 'mnu-align-middle',
|
|
|
|
|
icls: 'btn-align-middle',
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'valignGroup',
|
|
|
|
|
value: Asc.c_oAscVAlign.Center,
|
|
|
|
|
checked: true
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textAlignBottom,
|
|
|
|
|
iconCls: 'mnu-align-bottom',
|
|
|
|
|
icls: 'btn-align-bottom',
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'valignGroup',
|
|
|
|
|
value: Asc.c_oAscVAlign.Bottom
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnVerticalAlign);
|
|
|
|
|
|
|
|
|
|
me.btnDecLeftOffset = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-decoffset',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-decoffset',
|
|
|
|
|
lock: [_set.decIndentLock, _set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected]
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnDecLeftOffset);
|
|
|
|
|
|
|
|
|
|
me.btnIncLeftOffset = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-incoffset',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-incoffset',
|
|
|
|
|
lock: [_set.incIndentLock, _set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected]
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnIncLeftOffset);
|
|
|
|
|
|
|
|
|
|
me.btnLineSpace = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-linespace',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-linespace',
|
|
|
|
|
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected],
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
style: 'min-width: 60px;',
|
|
|
|
|
items: [
|
|
|
|
|
{caption: '1.0', value: 1.0, checkable: true, toggleGroup: 'linesize'},
|
|
|
|
|
{caption: '1.15', value: 1.15, checkable: true, toggleGroup: 'linesize'},
|
|
|
|
|
{caption: '1.5', value: 1.5, checkable: true, toggleGroup: 'linesize'},
|
|
|
|
|
{caption: '2.0', value: 2.0, checkable: true, toggleGroup: 'linesize'},
|
|
|
|
|
{caption: '2.5', value: 2.5, checkable: true, toggleGroup: 'linesize'},
|
|
|
|
|
{caption: '3.0', value: 3.0, checkable: true, toggleGroup: 'linesize'}
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnLineSpace);
|
|
|
|
|
|
|
|
|
|
me.btnInsertTable = new Common.UI.Button({
|
|
|
|
|
id: 'tlbtn-inserttable',
|
|
|
|
|
cls: 'btn-toolbar x-huge icon-top',
|
|
|
|
|
iconCls: 'btn-inserttable',
|
|
|
|
|
caption: me.capInsertTable,
|
|
|
|
|
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{template: _.template('<div id="id-toolbar-menu-tablepicker" class="dimension-picker" style="margin: 5px 10px;"></div>')},
|
|
|
|
|
{caption: me.mniCustomTable, value: 'custom'}
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnInsertTable);
|
|
|
|
|
|
|
|
|
|
me.btnInsertChart = new Common.UI.Button({
|
|
|
|
|
id: 'tlbtn-insertchart',
|
|
|
|
|
cls: 'btn-toolbar x-huge icon-top',
|
|
|
|
|
iconCls: 'btn-insertchart',
|
|
|
|
|
caption: me.capInsertChart,
|
|
|
|
|
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
2019-09-02 09:52:14 +00:00
|
|
|
menu: true
|
2018-05-15 12:39:26 +00:00
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnInsertChart);
|
|
|
|
|
|
|
|
|
|
me.btnInsertEquation = new Common.UI.Button({
|
|
|
|
|
id: 'tlbtn-insertequation',
|
|
|
|
|
cls: 'btn-toolbar x-huge icon-top',
|
|
|
|
|
iconCls: 'btn-insertequation',
|
|
|
|
|
caption: me.capInsertEquation,
|
|
|
|
|
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
|
|
|
|
split: true,
|
|
|
|
|
menu: new Common.UI.Menu({cls: 'menu-shapes'})
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(this.btnInsertEquation);
|
|
|
|
|
|
|
|
|
|
me.btnInsertHyperlink = new Common.UI.Button({
|
|
|
|
|
id: 'tlbtn-insertlink',
|
|
|
|
|
cls: 'btn-toolbar x-huge icon-top',
|
|
|
|
|
iconCls: 'btn-inserthyperlink',
|
|
|
|
|
caption: me.capInsertHyperlink,
|
|
|
|
|
lock: [_set.hyperlinkLock, _set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected]
|
|
|
|
|
});
|
|
|
|
|
me.paragraphControls.push(me.btnInsertHyperlink);
|
|
|
|
|
|
|
|
|
|
me.btnInsertTextArt = new Common.UI.Button({
|
|
|
|
|
id: 'tlbtn-inserttextart',
|
|
|
|
|
cls: 'btn-toolbar x-huge icon-top',
|
|
|
|
|
iconCls: 'btn-textart',
|
|
|
|
|
caption: me.capInsertTextArt,
|
|
|
|
|
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
cls: 'menu-shapes',
|
|
|
|
|
items: [
|
|
|
|
|
{template: _.template('<div id="view-insert-art" style="width: 239px; margin-left: 5px;"></div>')}
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnInsertTextArt);
|
|
|
|
|
|
2019-06-26 15:38:04 +00:00
|
|
|
me.btnEditHeader = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-editheader',
|
|
|
|
|
cls: 'btn-toolbar x-huge icon-top',
|
|
|
|
|
iconCls: 'btn-editheader',
|
|
|
|
|
caption: me.capBtnInsHeader,
|
|
|
|
|
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart]
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnEditHeader);
|
|
|
|
|
|
|
|
|
|
me.btnInsDateTime = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-datetime',
|
|
|
|
|
cls: 'btn-toolbar x-huge icon-top',
|
2019-06-28 11:24:40 +00:00
|
|
|
iconCls: 'btn-datetime',
|
2019-06-26 15:38:04 +00:00
|
|
|
caption: me.capBtnDateTime,
|
|
|
|
|
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.paragraphLock, _set.disableOnStart]
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnInsDateTime);
|
|
|
|
|
|
|
|
|
|
me.btnInsSlideNum = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-slidenum',
|
|
|
|
|
cls: 'btn-toolbar x-huge icon-top',
|
2019-06-28 11:24:40 +00:00
|
|
|
iconCls: 'btn-pagenum',
|
2019-06-26 15:38:04 +00:00
|
|
|
caption: me.capBtnSlideNum,
|
|
|
|
|
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.paragraphLock, _set.disableOnStart]
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnInsSlideNum);
|
|
|
|
|
|
2018-05-15 12:39:26 +00:00
|
|
|
me.btnColorSchemas = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-colorschemas',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-colorschemas',
|
|
|
|
|
lock: [_set.themeLock, _set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
items: [],
|
2019-06-21 07:46:00 +00:00
|
|
|
restoreHeight: true
|
2017-09-15 10:31:59 +00:00
|
|
|
})
|
2018-05-15 12:39:26 +00:00
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnColorSchemas);
|
|
|
|
|
|
2019-02-11 08:39:27 +00:00
|
|
|
me.mniAlignToSlide = new Common.UI.MenuItem({
|
|
|
|
|
caption: me.txtSlideAlign,
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'slidealign',
|
|
|
|
|
value: -1
|
|
|
|
|
}).on('click', function (mnu) {
|
|
|
|
|
Common.Utils.InternalSettings.set("pe-align-to-slide", true);
|
|
|
|
|
});
|
|
|
|
|
me.mniAlignObjects = new Common.UI.MenuItem({
|
|
|
|
|
caption: me.txtObjectsAlign,
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'slidealign',
|
|
|
|
|
value: -1
|
|
|
|
|
}).on('click', function (mnu) {
|
|
|
|
|
Common.Utils.InternalSettings.set("pe-align-to-slide", false);
|
|
|
|
|
});
|
|
|
|
|
|
2019-02-11 10:16:24 +00:00
|
|
|
me.mniDistribHor = new Common.UI.MenuItem({
|
|
|
|
|
caption: me.txtDistribHor,
|
|
|
|
|
iconCls: 'mnu-distrib-hor',
|
|
|
|
|
value: 6
|
|
|
|
|
});
|
|
|
|
|
me.mniDistribVert = new Common.UI.MenuItem({
|
|
|
|
|
caption: me.txtDistribVert,
|
|
|
|
|
iconCls: 'mnu-distrib-vert',
|
|
|
|
|
value: 7
|
|
|
|
|
});
|
|
|
|
|
|
2018-05-15 12:39:26 +00:00
|
|
|
me.btnShapeAlign = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-shape-align',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-align-shape',
|
|
|
|
|
lock: [_set.slideDeleted, _set.shapeLock, _set.lostConnect, _set.noSlides, _set.noObjectSelected, _set.disableOnStart],
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{
|
|
|
|
|
caption: me.textShapeAlignLeft,
|
|
|
|
|
iconCls: 'mnu-shape-align-left',
|
|
|
|
|
value: Asc.c_oAscAlignShapeType.ALIGN_LEFT
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textShapeAlignCenter,
|
|
|
|
|
iconCls: 'mnu-shape-align-center',
|
|
|
|
|
value: Asc.c_oAscAlignShapeType.ALIGN_CENTER
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textShapeAlignRight,
|
|
|
|
|
iconCls: 'mnu-shape-align-right',
|
|
|
|
|
value: Asc.c_oAscAlignShapeType.ALIGN_RIGHT
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textShapeAlignTop,
|
|
|
|
|
iconCls: 'mnu-shape-align-top',
|
|
|
|
|
value: Asc.c_oAscAlignShapeType.ALIGN_TOP
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textShapeAlignMiddle,
|
|
|
|
|
iconCls: 'mnu-shape-align-middle',
|
|
|
|
|
value: Asc.c_oAscAlignShapeType.ALIGN_MIDDLE
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textShapeAlignBottom,
|
|
|
|
|
iconCls: 'mnu-shape-align-bottom',
|
|
|
|
|
value: Asc.c_oAscAlignShapeType.ALIGN_BOTTOM
|
|
|
|
|
},
|
|
|
|
|
{caption: '--'},
|
2019-02-11 10:16:24 +00:00
|
|
|
me.mniDistribHor,
|
|
|
|
|
me.mniDistribVert,
|
2019-02-11 08:39:27 +00:00
|
|
|
{caption: '--'},
|
|
|
|
|
me.mniAlignToSlide,
|
|
|
|
|
me.mniAlignObjects
|
2018-05-15 12:39:26 +00:00
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
me.shapeControls.push(me.btnShapeAlign);
|
|
|
|
|
me.slideOnlyControls.push(me.btnShapeAlign);
|
|
|
|
|
|
|
|
|
|
me.btnShapeArrange = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-shape-arrange',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-arrange-shape',
|
|
|
|
|
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.noObjectSelected, _set.disableOnStart],
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{
|
|
|
|
|
caption: me.textArrangeFront,
|
|
|
|
|
iconCls: 'mnu-arrange-front',
|
|
|
|
|
value: 1
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textArrangeBack,
|
|
|
|
|
iconCls: 'mnu-arrange-back',
|
|
|
|
|
value: 2
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textArrangeForward,
|
|
|
|
|
iconCls: 'mnu-arrange-forward',
|
|
|
|
|
value: 3
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.textArrangeBackward,
|
|
|
|
|
iconCls: 'mnu-arrange-backward',
|
|
|
|
|
value: 4
|
|
|
|
|
},
|
|
|
|
|
{caption: '--'},
|
|
|
|
|
me.mnuGroupShapes = new Common.UI.MenuItem({
|
|
|
|
|
caption: me.txtGroup,
|
|
|
|
|
iconCls: 'mnu-group',
|
|
|
|
|
value: 5
|
|
|
|
|
}),
|
|
|
|
|
me.mnuUnGroupShapes = new Common.UI.MenuItem({
|
|
|
|
|
caption: me.txtUngroup,
|
|
|
|
|
iconCls: 'mnu-ungroup',
|
|
|
|
|
value: 6
|
|
|
|
|
})
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnShapeArrange);
|
|
|
|
|
|
|
|
|
|
me.btnSlideSize = new Common.UI.Button({
|
|
|
|
|
id: 'id-toolbar-btn-slide-size',
|
|
|
|
|
cls: 'btn-toolbar',
|
|
|
|
|
iconCls: 'btn-slidesize',
|
|
|
|
|
lock: [_set.docPropsLock, _set.slideDeleted, _set.lostConnect, _set.disableOnStart],
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{
|
|
|
|
|
caption: me.mniSlideStandard,
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'slidesize',
|
|
|
|
|
value: 0
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
caption: me.mniSlideWide,
|
|
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'slidesize',
|
|
|
|
|
value: 1
|
|
|
|
|
},
|
|
|
|
|
{caption: '--'},
|
|
|
|
|
{
|
|
|
|
|
caption: me.mniSlideAdvanced,
|
|
|
|
|
value: 'advanced'
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
me.slideOnlyControls.push(me.btnSlideSize);
|
|
|
|
|
|
|
|
|
|
me.listTheme = new Common.UI.ComboDataView({
|
|
|
|
|
cls: 'combo-styles',
|
|
|
|
|
itemWidth: 85,
|
|
|
|
|
enableKeyEvents: true,
|
|
|
|
|
itemHeight: 38,
|
|
|
|
|
lock: [_set.themeLock, _set.lostConnect, _set.noSlides],
|
|
|
|
|
beforeOpenHandler: function (e) {
|
|
|
|
|
var cmp = this,
|
|
|
|
|
menu = cmp.openButton.menu,
|
|
|
|
|
minMenuColumn = 6;
|
|
|
|
|
|
|
|
|
|
if (menu.cmpEl) {
|
|
|
|
|
var itemEl = $(cmp.cmpEl.find('.dataview.inner .style').get(0)).parent();
|
|
|
|
|
var itemMargin = /*parseInt($(itemEl.get(0)).parent().css('margin-right'))*/-1;
|
|
|
|
|
var itemWidth = itemEl.is(':visible') ? parseInt(itemEl.css('width')) :
|
|
|
|
|
(cmp.itemWidth + parseInt(itemEl.css('padding-left')) + parseInt(itemEl.css('padding-right')) +
|
|
|
|
|
parseInt(itemEl.css('border-left-width')) + parseInt(itemEl.css('border-right-width')));
|
|
|
|
|
|
|
|
|
|
var minCount = cmp.menuPicker.store.length >= minMenuColumn ? minMenuColumn : cmp.menuPicker.store.length,
|
|
|
|
|
columnCount = Math.min(cmp.menuPicker.store.length, Math.round($('.dataview', $(cmp.fieldPicker.el)).width() / (itemMargin + itemWidth) + 0.5));
|
|
|
|
|
|
|
|
|
|
columnCount = columnCount < minCount ? minCount : columnCount;
|
|
|
|
|
menu.menuAlignEl = cmp.cmpEl;
|
|
|
|
|
|
|
|
|
|
menu.menuAlign = 'tl-tl';
|
|
|
|
|
var offset = cmp.cmpEl.width() - cmp.openButton.$el.width() - columnCount * (itemMargin + itemWidth) - 1;
|
|
|
|
|
menu.setOffset(Math.min(offset, 0));
|
|
|
|
|
|
|
|
|
|
menu.cmpEl.css({
|
|
|
|
|
'width': columnCount * (itemWidth + itemMargin),
|
|
|
|
|
'min-height': cmp.cmpEl.height()
|
|
|
|
|
});
|
2017-04-20 13:34:39 +00:00
|
|
|
}
|
2018-05-15 12:39:26 +00:00
|
|
|
|
|
|
|
|
if (cmp.menuPicker.scroller) {
|
|
|
|
|
cmp.menuPicker.scroller.update({
|
|
|
|
|
includePadding: true,
|
|
|
|
|
suppressScrollX: true
|
|
|
|
|
});
|
2017-04-20 13:34:39 +00:00
|
|
|
}
|
2016-03-11 00:48:53 +00:00
|
|
|
}
|
2018-05-15 12:39:26 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
me.listTheme.fieldPicker.itemTemplate = _.template([
|
|
|
|
|
'<div class="style" id="<%= id %>">',
|
2019-07-23 09:58:51 +00:00
|
|
|
'<div class="item-theme" style="' + '<% if (typeof imageUrl !== "undefined") { %>' + 'background-image: url(<%= imageUrl %>);' + '<% } %> background-position: 0 -<%= offsety %>px;"/>',
|
2018-05-15 12:39:26 +00:00
|
|
|
'</div>'
|
|
|
|
|
].join(''));
|
|
|
|
|
me.listTheme.menuPicker.itemTemplate = _.template([
|
|
|
|
|
'<div class="style" id="<%= id %>">',
|
2019-07-23 09:58:51 +00:00
|
|
|
'<div class="item-theme" style="' + '<% if (typeof imageUrl !== "undefined") { %>' + 'background-image: url(<%= imageUrl %>);' + '<% } %> background-position: 0 -<%= offsety %>px;"/>',
|
2018-05-15 12:39:26 +00:00
|
|
|
'</div>'
|
|
|
|
|
].join(''));
|
|
|
|
|
|
|
|
|
|
this.lockControls = [this.btnChangeSlide, this.btnSave,
|
|
|
|
|
this.btnCopy, this.btnPaste, this.btnUndo, this.btnRedo, this.cmbFontName, this.cmbFontSize,
|
|
|
|
|
this.btnBold, this.btnItalic, this.btnUnderline, this.btnStrikeout, this.btnSuperscript,
|
|
|
|
|
this.btnSubscript, this.btnFontColor, this.btnClearStyle, this.btnCopyStyle, this.btnMarkers,
|
|
|
|
|
this.btnNumbers, this.btnDecLeftOffset, this.btnIncLeftOffset, this.btnLineSpace, this.btnHorizontalAlign,
|
|
|
|
|
this.btnVerticalAlign, this.btnShapeArrange, this.btnShapeAlign, this.btnInsertTable, this.btnInsertChart,
|
|
|
|
|
this.btnInsertEquation, this.btnInsertHyperlink, this.btnColorSchemas, this.btnSlideSize, this.listTheme, this.mnuShowSettings
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
// Disable all components before load document
|
|
|
|
|
_.each([me.btnSave]
|
|
|
|
|
.concat(me.paragraphControls),
|
|
|
|
|
function (cmp) {
|
|
|
|
|
if (_.isFunction(cmp.setDisabled))
|
|
|
|
|
cmp.setDisabled(true);
|
|
|
|
|
});
|
|
|
|
|
this.lockToolbar(PE.enumLock.disableOnStart, true, {array: me.slideOnlyControls.concat(me.shapeControls)});
|
|
|
|
|
this.on('render:after', _.bind(this.onToolbarAfterRender, this));
|
|
|
|
|
} else {
|
|
|
|
|
Common.UI.Mixtbar.prototype.initialize.call(this, {
|
|
|
|
|
template: _.template(template_view),
|
|
|
|
|
tabs: [
|
2018-05-16 14:41:47 +00:00
|
|
|
{caption: me.textTabFile, action: 'file', haspanel:false}
|
2018-05-15 12:39:26 +00:00
|
|
|
]
|
2016-03-11 00:48:53 +00:00
|
|
|
}
|
2018-05-15 12:39:26 +00:00
|
|
|
);
|
|
|
|
|
}
|
2017-04-24 11:41:51 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
return this;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
lockToolbar: function (causes, lock, opts) {
|
2019-05-29 13:49:52 +00:00
|
|
|
Common.Utils.lockControls(causes, lock, opts, this.lockControls);
|
2017-04-20 13:34:39 +00:00
|
|
|
},
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
render: function (mode) {
|
|
|
|
|
var me = this;
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
/**
|
|
|
|
|
* Render UI layout
|
|
|
|
|
*/
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
this.fireEvent('render:before', [this]);
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
me.isCompactView = mode.compactview;
|
|
|
|
|
if ( mode.isEdit ) {
|
2017-04-22 13:11:04 +00:00
|
|
|
me.$el.html(me.rendererComponents(me.$layout));
|
2017-04-20 13:34:39 +00:00
|
|
|
} else {
|
2017-04-22 13:11:04 +00:00
|
|
|
me.$layout.find('.canedit').hide();
|
|
|
|
|
me.$layout.addClass('folded');
|
|
|
|
|
me.$el.html(me.$layout);
|
2017-04-20 13:34:39 +00:00
|
|
|
}
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
this.fireEvent('render:after', [this]);
|
2017-04-22 13:11:04 +00:00
|
|
|
Common.UI.Mixtbar.prototype.afterRender.call(this);
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
Common.NotificationCenter.on({
|
2017-04-22 13:11:04 +00:00
|
|
|
'window:resize': function() {
|
|
|
|
|
Common.UI.Mixtbar.prototype.onResize.apply(me, arguments);
|
|
|
|
|
}
|
2017-04-20 13:34:39 +00:00
|
|
|
});
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2018-12-12 11:56:08 +00:00
|
|
|
if ( mode.isEdit ) {
|
2018-05-15 12:39:26 +00:00
|
|
|
me.setTab('home');
|
2018-12-12 11:56:08 +00:00
|
|
|
me.processPanelVisible();
|
|
|
|
|
}
|
2018-05-15 12:39:26 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
if ( me.isCompactView )
|
2018-03-21 11:28:28 +00:00
|
|
|
me.setFolded(true);
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
return this;
|
|
|
|
|
},
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-08-30 12:23:22 +00:00
|
|
|
onTabClick: function (e) {
|
2018-05-16 14:41:47 +00:00
|
|
|
var me = this,
|
|
|
|
|
tab = $(e.currentTarget).find('> a[data-tab]').data('tab'),
|
|
|
|
|
is_file_active = me.isTabActive('file');
|
|
|
|
|
|
|
|
|
|
Common.UI.Mixtbar.prototype.onTabClick.apply(me, arguments);
|
|
|
|
|
|
|
|
|
|
if ( is_file_active ) {
|
|
|
|
|
me.fireEvent('file:close');
|
|
|
|
|
} else
|
|
|
|
|
if ( tab == 'file' ) {
|
|
|
|
|
me.fireEvent('file:open');
|
|
|
|
|
me.setTab(tab);
|
2017-08-30 12:23:22 +00:00
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
rendererComponents: function (html) {
|
|
|
|
|
var $host = $(html);
|
|
|
|
|
var _injectComponent = function (id, cmp) {
|
2019-06-10 10:45:38 +00:00
|
|
|
Common.Utils.injectComponent($host.find(id), cmp);
|
2017-04-20 13:34:39 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
_injectComponent('#slot-field-fontname', this.cmbFontName);
|
|
|
|
|
_injectComponent('#slot-field-fontsize', this.cmbFontSize);
|
|
|
|
|
_injectComponent('#slot-btn-changeslide', this.btnChangeSlide);
|
|
|
|
|
_injectComponent('#slot-btn-preview', this.btnPreview);
|
|
|
|
|
_injectComponent('#slot-btn-print', this.btnPrint);
|
|
|
|
|
_injectComponent('#slot-btn-save', this.btnSave);
|
|
|
|
|
_injectComponent('#slot-btn-undo', this.btnUndo);
|
|
|
|
|
_injectComponent('#slot-btn-redo', this.btnRedo);
|
|
|
|
|
_injectComponent('#slot-btn-copy', this.btnCopy);
|
|
|
|
|
_injectComponent('#slot-btn-paste', this.btnPaste);
|
|
|
|
|
_injectComponent('#slot-btn-bold', this.btnBold);
|
|
|
|
|
_injectComponent('#slot-btn-italic', this.btnItalic);
|
|
|
|
|
_injectComponent('#slot-btn-underline', this.btnUnderline);
|
|
|
|
|
_injectComponent('#slot-btn-strikeout', this.btnStrikeout);
|
|
|
|
|
_injectComponent('#slot-btn-superscript', this.btnSuperscript);
|
|
|
|
|
_injectComponent('#slot-btn-subscript', this.btnSubscript);
|
|
|
|
|
_injectComponent('#slot-btn-fontcolor', this.btnFontColor);
|
|
|
|
|
_injectComponent('#slot-btn-clearstyle', this.btnClearStyle);
|
|
|
|
|
_injectComponent('#slot-btn-copystyle', this.btnCopyStyle);
|
|
|
|
|
_injectComponent('#slot-btn-markers', this.btnMarkers);
|
|
|
|
|
_injectComponent('#slot-btn-numbering', this.btnNumbers);
|
|
|
|
|
_injectComponent('#slot-btn-incoffset', this.btnIncLeftOffset);
|
|
|
|
|
_injectComponent('#slot-btn-decoffset', this.btnDecLeftOffset);
|
|
|
|
|
_injectComponent('#slot-btn-halign', this.btnHorizontalAlign);
|
|
|
|
|
_injectComponent('#slot-btn-valign', this.btnVerticalAlign);
|
|
|
|
|
_injectComponent('#slot-btn-linespace', this.btnLineSpace);
|
|
|
|
|
_injectComponent('#slot-btn-arrange-shape', this.btnShapeArrange);
|
|
|
|
|
_injectComponent('#slot-btn-align-shape', this.btnShapeAlign);
|
|
|
|
|
_injectComponent('#slot-btn-insertequation', this.btnInsertEquation);
|
|
|
|
|
_injectComponent('#slot-btn-insertlink', this.btnInsertHyperlink);
|
|
|
|
|
_injectComponent('#slot-btn-inserttable', this.btnInsertTable);
|
|
|
|
|
_injectComponent('#slot-btn-insertchart', this.btnInsertChart);
|
2017-08-01 12:28:15 +00:00
|
|
|
_injectComponent('#slot-btn-instextart', this.btnInsertTextArt);
|
2017-04-20 13:34:39 +00:00
|
|
|
_injectComponent('#slot-btn-colorschemas', this.btnColorSchemas);
|
|
|
|
|
_injectComponent('#slot-btn-slidesize', this.btnSlideSize);
|
|
|
|
|
_injectComponent('#slot-field-styles', this.listTheme);
|
2019-06-26 15:38:04 +00:00
|
|
|
_injectComponent('#slot-btn-editheader', this.btnEditHeader);
|
|
|
|
|
_injectComponent('#slot-btn-datetime', this.btnInsDateTime);
|
|
|
|
|
_injectComponent('#slot-btn-slidenum', this.btnInsSlideNum);
|
2017-04-20 13:34:39 +00:00
|
|
|
|
2019-06-11 07:52:13 +00:00
|
|
|
this.btnsInsertImage = Common.Utils.injectButtons($host.find('.slot-insertimg'), 'tlbtn-insertimage-', 'btn-insertimage', this.capInsertImage,
|
|
|
|
|
[PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart], false, true);
|
|
|
|
|
this.btnsInsertText = Common.Utils.injectButtons($host.find('.slot-instext'), 'tlbtn-inserttext-', 'btn-text', this.capInsertText,
|
|
|
|
|
[PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart], false, false, true);
|
|
|
|
|
this.btnsInsertShape = Common.Utils.injectButtons($host.find('.slot-insertshape'), 'tlbtn-insertshape-', 'btn-insertshape', this.capInsertShape,
|
|
|
|
|
[PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart], false, true, true);
|
|
|
|
|
this.btnsAddSlide = Common.Utils.injectButtons($host.find('.slot-addslide'), 'tlbtn-addslide-', 'btn-addslide', this.capAddSlide,
|
|
|
|
|
[PE.enumLock.menuFileOpen, PE.enumLock.lostConnect, PE.enumLock.disableOnStart], true, true);
|
|
|
|
|
|
|
|
|
|
var created = this.btnsInsertImage.concat(this.btnsInsertText, this.btnsInsertShape, this.btnsAddSlide);
|
2017-05-11 08:21:02 +00:00
|
|
|
this.lockToolbar(PE.enumLock.disableOnStart, true, {array: created});
|
|
|
|
|
|
2019-06-11 07:52:13 +00:00
|
|
|
Array.prototype.push.apply(this.slideOnlyControls, created);
|
|
|
|
|
Array.prototype.push.apply(this.lockControls, created);
|
2017-04-20 13:34:39 +00:00
|
|
|
|
|
|
|
|
return $host;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onAppReady: function (config) {
|
|
|
|
|
var me = this;
|
2017-04-25 16:56:17 +00:00
|
|
|
if (!config.isEdit) return;
|
|
|
|
|
|
|
|
|
|
me.btnsInsertImage.forEach(function (btn) {
|
|
|
|
|
btn.updateHint(me.tipInsertImage);
|
|
|
|
|
btn.setMenu(
|
|
|
|
|
new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{caption: me.mniImageFromFile, value: 'file'},
|
2018-10-03 11:00:08 +00:00
|
|
|
{caption: me.mniImageFromUrl, value: 'url'},
|
|
|
|
|
{caption: me.mniImageFromStorage, value: 'storage'}
|
2017-04-25 16:56:17 +00:00
|
|
|
]
|
|
|
|
|
}).on('item:click', function (menu, item, e) {
|
|
|
|
|
me.fireEvent('insert:image', [item.value]);
|
|
|
|
|
})
|
|
|
|
|
);
|
2019-07-29 12:50:55 +00:00
|
|
|
btn.menu.items[2].setVisible(config.canRequestInsertImage || config.fileChoiceUrl && config.fileChoiceUrl.indexOf("{documentType}")>-1);
|
2017-04-25 16:56:17 +00:00
|
|
|
});
|
2017-04-20 13:34:39 +00:00
|
|
|
|
2017-04-25 16:56:17 +00:00
|
|
|
me.btnsInsertText.forEach(function (btn) {
|
|
|
|
|
btn.updateHint(me.tipInsertText);
|
|
|
|
|
btn.on('click', function (btn, e) {
|
|
|
|
|
me.fireEvent('insert:text', [btn.pressed ? 'begin' : 'end']);
|
2017-04-20 13:34:39 +00:00
|
|
|
});
|
2017-04-25 16:56:17 +00:00
|
|
|
});
|
2017-04-20 13:34:39 +00:00
|
|
|
|
2017-04-25 16:56:17 +00:00
|
|
|
me.btnsInsertShape.forEach(function (btn) {
|
|
|
|
|
btn.updateHint(me.tipInsertShape);
|
|
|
|
|
btn.setMenu(
|
|
|
|
|
new Common.UI.Menu({
|
|
|
|
|
cls: 'menu-shapes'
|
|
|
|
|
}).on('hide:after', function (e) {
|
|
|
|
|
me.fireEvent('insert:shape', ['menu:hide']);
|
|
|
|
|
})
|
|
|
|
|
);
|
2017-04-20 13:34:39 +00:00
|
|
|
});
|
2017-11-03 11:06:03 +00:00
|
|
|
|
|
|
|
|
me.btnsAddSlide.forEach(function (btn, index) {
|
|
|
|
|
btn.updateHint(me.tipAddSlide + Common.Utils.String.platformKey('Ctrl+M'));
|
|
|
|
|
btn.setMenu(
|
|
|
|
|
new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{template: _.template('<div id="id-toolbar-menu-addslide-' + index + '" class="menu-layouts" style="width: 302px; margin: 0 4px;"></div>')}
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
);
|
|
|
|
|
btn.on('click', function (btn, e) {
|
|
|
|
|
me.fireEvent('add:slide');
|
|
|
|
|
});
|
|
|
|
|
});
|
2017-04-20 13:34:39 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
createDelayedElements: function () {
|
|
|
|
|
// set hints
|
|
|
|
|
this.btnChangeSlide.updateHint(this.tipChangeSlide);
|
|
|
|
|
this.btnPreview.updateHint(this.tipPreview);
|
|
|
|
|
this.btnPrint.updateHint(this.tipPrint + Common.Utils.String.platformKey('Ctrl+P'));
|
|
|
|
|
this.btnSave.updateHint(this.btnSaveTip);
|
|
|
|
|
this.btnUndo.updateHint(this.tipUndo + Common.Utils.String.platformKey('Ctrl+Z'));
|
|
|
|
|
this.btnRedo.updateHint(this.tipRedo + Common.Utils.String.platformKey('Ctrl+Y'));
|
|
|
|
|
this.btnCopy.updateHint(this.tipCopy + Common.Utils.String.platformKey('Ctrl+C'));
|
|
|
|
|
this.btnPaste.updateHint(this.tipPaste + Common.Utils.String.platformKey('Ctrl+V'));
|
|
|
|
|
this.btnBold.updateHint(this.textBold + Common.Utils.String.platformKey('Ctrl+B'));
|
|
|
|
|
this.btnItalic.updateHint(this.textItalic + Common.Utils.String.platformKey('Ctrl+I'));
|
|
|
|
|
this.btnUnderline.updateHint(this.textUnderline + Common.Utils.String.platformKey('Ctrl+U'));
|
|
|
|
|
this.btnStrikeout.updateHint(this.textStrikeout);
|
|
|
|
|
this.btnSuperscript.updateHint(this.textSuperscript);
|
|
|
|
|
this.btnSubscript.updateHint(this.textSubscript);
|
|
|
|
|
this.btnFontColor.updateHint(this.tipFontColor);
|
|
|
|
|
this.btnClearStyle.updateHint(this.tipClearStyle);
|
|
|
|
|
this.btnCopyStyle.updateHint(this.tipCopyStyle + Common.Utils.String.platformKey('Ctrl+Shift+C'));
|
|
|
|
|
this.btnMarkers.updateHint(this.tipMarkers);
|
|
|
|
|
this.btnNumbers.updateHint(this.tipNumbers);
|
|
|
|
|
this.btnHorizontalAlign.updateHint(this.tipHAligh);
|
|
|
|
|
this.btnVerticalAlign.updateHint(this.tipVAligh);
|
|
|
|
|
this.btnDecLeftOffset.updateHint(this.tipDecPrLeft + Common.Utils.String.platformKey('Ctrl+Shift+M'));
|
|
|
|
|
this.btnIncLeftOffset.updateHint(this.tipIncPrLeft);
|
|
|
|
|
this.btnLineSpace.updateHint(this.tipLineSpace);
|
|
|
|
|
this.btnInsertTable.updateHint(this.tipInsertTable);
|
|
|
|
|
this.btnInsertChart.updateHint(this.tipInsertChart);
|
|
|
|
|
this.btnInsertEquation.updateHint(this.tipInsertEquation);
|
|
|
|
|
this.btnInsertHyperlink.updateHint(this.tipInsertHyperlink + Common.Utils.String.platformKey('Ctrl+K'));
|
2017-08-01 12:28:15 +00:00
|
|
|
this.btnInsertTextArt.updateHint(this.tipInsertTextArt);
|
2017-04-20 13:34:39 +00:00
|
|
|
this.btnColorSchemas.updateHint(this.tipColorSchemas);
|
|
|
|
|
this.btnShapeAlign.updateHint(this.tipShapeAlign);
|
|
|
|
|
this.btnShapeArrange.updateHint(this.tipShapeArrange);
|
|
|
|
|
this.btnSlideSize.updateHint(this.tipSlideSize);
|
2019-06-26 15:38:04 +00:00
|
|
|
this.btnEditHeader.updateHint(this.tipEditHeader);
|
|
|
|
|
this.btnInsDateTime.updateHint(this.tipDateTime);
|
|
|
|
|
this.btnInsSlideNum.updateHint(this.tipSlideNum);
|
2017-04-20 13:34:39 +00:00
|
|
|
|
|
|
|
|
// set menus
|
|
|
|
|
|
|
|
|
|
var me = this;
|
|
|
|
|
|
|
|
|
|
this.btnMarkers.setMenu(
|
|
|
|
|
new Common.UI.Menu({
|
2018-02-07 12:14:20 +00:00
|
|
|
style: 'min-width: 139px',
|
2017-04-20 13:34:39 +00:00
|
|
|
items: [
|
2018-02-07 12:14:20 +00:00
|
|
|
{template: _.template('<div id="id-toolbar-menu-markers" class="menu-markers" style="width: 139px; margin: 0 5px;"></div>')}
|
2017-04-20 13:34:39 +00:00
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
this.btnNumbers.setMenu(
|
|
|
|
|
new Common.UI.Menu({
|
|
|
|
|
items: [
|
2017-05-16 10:06:23 +00:00
|
|
|
{template: _.template('<div id="id-toolbar-menu-numbering" class="menu-markers" style="width: 185px; margin: 0 5px;"></div>')}
|
2017-04-20 13:34:39 +00:00
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
this.btnChangeSlide.setMenu(
|
|
|
|
|
new Common.UI.Menu({
|
|
|
|
|
items: [
|
|
|
|
|
{template: _.template('<div id="id-toolbar-menu-changeslide" class="menu-layouts" style="width: 302px; margin: 0 4px;"></div>')}
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
);
|
|
|
|
|
|
2019-09-02 09:52:14 +00:00
|
|
|
this.btnInsertChart.setMenu( new Common.UI.Menu({
|
|
|
|
|
style: 'width: 435px;',
|
|
|
|
|
items: [
|
|
|
|
|
{template: _.template('<div id="id-toolbar-menu-insertchart" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>')}
|
|
|
|
|
]
|
|
|
|
|
}));
|
|
|
|
|
|
|
|
|
|
var onShowBefore = function(menu) {
|
|
|
|
|
var picker = new Common.UI.DataView({
|
|
|
|
|
el: $('#id-toolbar-menu-insertchart'),
|
|
|
|
|
parentMenu: menu,
|
|
|
|
|
showLast: false,
|
|
|
|
|
restoreHeight: 421,
|
|
|
|
|
groups: new Common.UI.DataViewGroupStore([
|
|
|
|
|
{id: 'menu-chart-group-bar', caption: me.textColumn, headername: me.textCharts},
|
|
|
|
|
{id: 'menu-chart-group-line', caption: me.textLine},
|
|
|
|
|
{id: 'menu-chart-group-pie', caption: me.textPie},
|
|
|
|
|
{id: 'menu-chart-group-hbar', caption: me.textBar},
|
|
|
|
|
{id: 'menu-chart-group-area', caption: me.textArea, inline: true},
|
|
|
|
|
{id: 'menu-chart-group-scatter', caption: me.textPoint, inline: true},
|
|
|
|
|
{id: 'menu-chart-group-stock', caption: me.textStock, inline: true}
|
|
|
|
|
// {id: 'menu-chart-group-surface', caption: me.textSurface}
|
|
|
|
|
]),
|
|
|
|
|
store: new Common.UI.DataViewStore([
|
|
|
|
|
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal, iconCls: 'column-normal'},
|
|
|
|
|
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStacked, iconCls: 'column-stack'},
|
|
|
|
|
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStackedPer, iconCls: 'column-pstack'},
|
|
|
|
|
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal3d, iconCls: 'column-3d-normal'},
|
|
|
|
|
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStacked3d, iconCls: 'column-3d-stack'},
|
|
|
|
|
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStackedPer3d, iconCls: 'column-3d-pstack'},
|
|
|
|
|
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal3dPerspective, iconCls: 'column-3d-normal-per'},
|
|
|
|
|
{ group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineNormal, iconCls: 'line-normal'},
|
|
|
|
|
{ group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineStacked, iconCls: 'line-stack'},
|
|
|
|
|
{ group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineStackedPer, iconCls: 'line-pstack'},
|
|
|
|
|
{ group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.line3d, iconCls: 'line-3d'},
|
|
|
|
|
{ group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.pie, iconCls: 'pie-normal'},
|
|
|
|
|
{ group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.doughnut, iconCls: 'pie-doughnut'},
|
|
|
|
|
{ group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.pie3d, iconCls: 'pie-3d-normal'},
|
|
|
|
|
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarNormal, iconCls: 'bar-normal'},
|
|
|
|
|
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStacked, iconCls: 'bar-stack'},
|
|
|
|
|
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStackedPer, iconCls: 'bar-pstack'},
|
|
|
|
|
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarNormal3d, iconCls: 'bar-3d-normal'},
|
|
|
|
|
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStacked3d, iconCls: 'bar-3d-stack'},
|
|
|
|
|
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStackedPer3d, iconCls: 'bar-3d-pstack'},
|
|
|
|
|
{ group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaNormal, iconCls: 'area-normal'},
|
|
|
|
|
{ group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaStacked, iconCls: 'area-stack'},
|
|
|
|
|
{ group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaStackedPer, iconCls: 'area-pstack'},
|
|
|
|
|
{ group: 'menu-chart-group-scatter', type: Asc.c_oAscChartTypeSettings.scatter, iconCls: 'point-normal'},
|
|
|
|
|
{ group: 'menu-chart-group-stock', type: Asc.c_oAscChartTypeSettings.stock, iconCls: 'stock-normal'}
|
|
|
|
|
// { group: 'menu-chart-group-surface', type: Asc.c_oAscChartTypeSettings.surfaceNormal, iconCls: 'surface-normal'},
|
|
|
|
|
// { group: 'menu-chart-group-surface', type: Asc.c_oAscChartTypeSettings.surfaceWireframe, iconCls: 'surface-wireframe'},
|
|
|
|
|
// { group: 'menu-chart-group-surface', type: Asc.c_oAscChartTypeSettings.contourNormal, iconCls: 'contour-normal'},
|
|
|
|
|
// { group: 'menu-chart-group-surface', type: Asc.c_oAscChartTypeSettings.contourWireframe, iconCls: 'contour-wireframe'}
|
|
|
|
|
|
|
|
|
|
]),
|
|
|
|
|
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist <%= iconCls %>"></div>')
|
|
|
|
|
});
|
|
|
|
|
picker.on('item:click', function (picker, item, record, e) {
|
|
|
|
|
if (record)
|
|
|
|
|
me.fireEvent('add:chart', [record.get('type')]);
|
|
|
|
|
});
|
|
|
|
|
menu.off('show:before', onShowBefore);
|
|
|
|
|
};
|
|
|
|
|
this.btnInsertChart.menu.on('show:before', onShowBefore);
|
|
|
|
|
|
2019-09-03 08:53:34 +00:00
|
|
|
var onShowBeforeTextArt = function (menu) {
|
|
|
|
|
var collection = PE.getCollection('Common.Collections.TextArt');
|
|
|
|
|
if (collection.length<1)
|
|
|
|
|
PE.getController('Main').fillTextArt(me.api.asc_getTextArtPreviews());
|
2019-09-03 10:33:51 +00:00
|
|
|
var picker = new Common.UI.DataView({
|
2019-09-03 08:53:34 +00:00
|
|
|
el: $('#view-insert-art', menu.$el),
|
|
|
|
|
store: collection,
|
|
|
|
|
parentMenu: menu,
|
|
|
|
|
showLast: false,
|
|
|
|
|
itemTemplate: _.template('<div class="item-art"><img src="<%= imageUrl %>" id="<%= id %>" style="width:50px;height:50px;"></div>')
|
|
|
|
|
});
|
2019-09-03 10:33:51 +00:00
|
|
|
picker.on('item:click', function (picker, item, record, e) {
|
2019-09-03 08:53:34 +00:00
|
|
|
if (record)
|
|
|
|
|
me.fireEvent('insert:textart', [record.get('data')]);
|
|
|
|
|
if (e.type !== 'click') menu.hide();
|
|
|
|
|
});
|
|
|
|
|
menu.off('show:before', onShowBeforeTextArt);
|
|
|
|
|
};
|
|
|
|
|
this.btnInsertTextArt.menu.on('show:before', onShowBeforeTextArt);
|
|
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
// set dataviews
|
|
|
|
|
|
|
|
|
|
var _conf = this.mnuMarkersPicker.conf;
|
|
|
|
|
this.mnuMarkersPicker = new Common.UI.DataView({
|
|
|
|
|
el: $('#id-toolbar-menu-markers'),
|
|
|
|
|
parentMenu: this.btnMarkers.menu,
|
2018-02-07 12:14:20 +00:00
|
|
|
restoreHeight: 138,
|
2017-04-20 13:34:39 +00:00
|
|
|
allowScrollbar: false,
|
|
|
|
|
store: new Common.UI.DataViewStore([
|
|
|
|
|
{offsety: 0, data: {type: 0, subtype: -1}},
|
|
|
|
|
{offsety: 38, data: {type: 0, subtype: 1}},
|
|
|
|
|
{offsety: 76, data: {type: 0, subtype: 2}},
|
|
|
|
|
{offsety: 114, data: {type: 0, subtype: 3}},
|
|
|
|
|
{offsety: 152, data: {type: 0, subtype: 4}},
|
|
|
|
|
{offsety: 190, data: {type: 0, subtype: 5}},
|
|
|
|
|
{offsety: 228, data: {type: 0, subtype: 6}},
|
2018-02-07 12:14:20 +00:00
|
|
|
{offsety: 266, data: {type: 0, subtype: 7}},
|
|
|
|
|
{offsety: 684, data: {type: 0, subtype: 8}}
|
2016-10-20 08:55:54 +00:00
|
|
|
]),
|
2017-04-20 13:34:39 +00:00
|
|
|
itemTemplate: _.template('<div id="<%= id %>" class="item-markerlist" style="background-position: 0 -<%= offsety %>px;"></div>')
|
2016-10-20 08:55:54 +00:00
|
|
|
});
|
2017-04-20 13:34:39 +00:00
|
|
|
_conf && this.mnuMarkersPicker.selectByIndex(_conf.index, true);
|
|
|
|
|
|
|
|
|
|
_conf = this.mnuNumbersPicker.conf;
|
|
|
|
|
this.mnuNumbersPicker = new Common.UI.DataView({
|
|
|
|
|
el: $('#id-toolbar-menu-numbering'),
|
|
|
|
|
parentMenu: this.btnNumbers.menu,
|
2017-05-16 10:06:23 +00:00
|
|
|
restoreHeight: 92,
|
2017-04-20 13:34:39 +00:00
|
|
|
allowScrollbar: false,
|
|
|
|
|
store: new Common.UI.DataViewStore([
|
|
|
|
|
{offsety: 0, data: {type: 1, subtype: -1}},
|
2017-05-16 10:06:23 +00:00
|
|
|
{offsety: 570, data: {type: 1, subtype: 4}},
|
|
|
|
|
{offsety: 532, data: {type: 1, subtype: 5}},
|
|
|
|
|
{offsety: 608, data: {type: 1, subtype: 6}},
|
|
|
|
|
{offsety: 418, data: {type: 1, subtype: 1}},
|
|
|
|
|
{offsety: 456, data: {type: 1, subtype: 2}},
|
|
|
|
|
{offsety: 494, data: {type: 1, subtype: 3}},
|
|
|
|
|
{offsety: 646, data: {type: 1, subtype: 7}}
|
2017-04-20 13:34:39 +00:00
|
|
|
]),
|
2017-05-16 10:06:23 +00:00
|
|
|
itemTemplate: _.template('<div id="<%= id %>" class="item-markerlist" style="background-position: 0 -<%= offsety %>px;"></div>')
|
2017-04-20 13:34:39 +00:00
|
|
|
});
|
|
|
|
|
_conf && this.mnuNumbersPicker.selectByIndex(_conf.index, true);
|
2016-10-20 08:55:54 +00:00
|
|
|
|
2017-04-21 14:31:35 +00:00
|
|
|
this.mnuTablePicker = new Common.UI.DimensionPicker({
|
|
|
|
|
el: $('#id-toolbar-menu-tablepicker'),
|
|
|
|
|
minRows: 8,
|
|
|
|
|
minColumns: 10,
|
|
|
|
|
maxRows: 8,
|
|
|
|
|
maxColumns: 10
|
|
|
|
|
});
|
|
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
/** coauthoring begin **/
|
|
|
|
|
this.showSynchTip = !Common.localStorage.getBool('pe-hide-synch');
|
2016-10-20 08:55:54 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
if (this.needShowSynchTip) {
|
|
|
|
|
this.needShowSynchTip = false;
|
|
|
|
|
this.onCollaborativeChanges();
|
|
|
|
|
}
|
|
|
|
|
/** coauthoring end **/
|
2016-10-20 08:55:54 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
},
|
2016-10-20 08:55:54 +00:00
|
|
|
|
2017-04-24 11:41:51 +00:00
|
|
|
onToolbarAfterRender: function(toolbar) {
|
|
|
|
|
// DataView and pickers
|
|
|
|
|
//
|
2017-04-26 13:51:23 +00:00
|
|
|
if (this.btnFontColor.cmpEl) {
|
|
|
|
|
var colorVal = $('<div class="btn-color-value-line"></div>');
|
|
|
|
|
$('button:first-child', this.btnFontColor.cmpEl).append(colorVal);
|
|
|
|
|
colorVal.css('background-color', this.btnFontColor.currentColor || 'transparent');
|
|
|
|
|
this.mnuFontColorPicker = new Common.UI.ThemeColorPalette({
|
|
|
|
|
el: $('#id-toolbar-menu-fontcolor')
|
|
|
|
|
});
|
|
|
|
|
}
|
2017-04-24 11:41:51 +00:00
|
|
|
},
|
|
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
setApi: function (api) {
|
|
|
|
|
this.api = api;
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
if (this.api) {
|
|
|
|
|
this.api.asc_registerCallback('asc_onSendThemeColorSchemes', _.bind(this.onSendThemeColorSchemes, this));
|
|
|
|
|
/** coauthoring begin **/
|
|
|
|
|
this.api.asc_registerCallback('asc_onCollaborativeChanges', _.bind(this.onCollaborativeChanges, this));
|
|
|
|
|
this.api.asc_registerCallback('asc_onAuthParticipantsChanged', _.bind(this.onApiUsersChanged, this));
|
|
|
|
|
this.api.asc_registerCallback('asc_onParticipantsChanged', _.bind(this.onApiUsersChanged, this));
|
|
|
|
|
/** coauthoring end **/
|
|
|
|
|
}
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
return this;
|
|
|
|
|
},
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
setMode: function (mode) {
|
|
|
|
|
if (mode.isDisconnected) {
|
|
|
|
|
this.lockToolbar(PE.enumLock.lostConnect, true);
|
2018-10-25 13:19:29 +00:00
|
|
|
if (!mode.enableDownload)
|
|
|
|
|
this.lockToolbar(PE.enumLock.cantPrint, true, {array: [this.btnPrint]});
|
|
|
|
|
} else
|
|
|
|
|
this.lockToolbar(PE.enumLock.cantPrint, !mode.canPrint, {array: [this.btnPrint]});
|
|
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
this.mode = mode;
|
|
|
|
|
},
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
onSendThemeColorSchemes: function (schemas) {
|
|
|
|
|
var me = this,
|
|
|
|
|
mnuColorSchema = me.btnColorSchemas.menu;
|
|
|
|
|
|
|
|
|
|
if (mnuColorSchema) {
|
|
|
|
|
if (mnuColorSchema && mnuColorSchema.items.length > 0) {
|
|
|
|
|
_.each(mnuColorSchema.items, function (item) {
|
|
|
|
|
item.remove();
|
|
|
|
|
});
|
|
|
|
|
}
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
if (mnuColorSchema == null) {
|
|
|
|
|
mnuColorSchema = new Common.UI.Menu({
|
2019-06-21 07:46:00 +00:00
|
|
|
restoreHeight: true
|
2017-04-20 13:34:39 +00:00
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
mnuColorSchema.items = [];
|
|
|
|
|
|
|
|
|
|
var itemTemplate = _.template([
|
|
|
|
|
'<a id="<%= id %>" class="<%= options.cls %>" tabindex="-1" type="menuitem">',
|
|
|
|
|
'<span class="colors">',
|
|
|
|
|
'<% _.each(options.colors, function(color) { %>',
|
|
|
|
|
'<span class="color" style="background: <%= color %>;"></span>',
|
|
|
|
|
'<% }) %>',
|
|
|
|
|
'</span>',
|
|
|
|
|
'<span class="text"><%= caption %></span>',
|
|
|
|
|
'</a>'
|
|
|
|
|
].join(''));
|
|
|
|
|
|
|
|
|
|
_.each(schemas, function (schema, index) {
|
|
|
|
|
var colors = schema.get_colors();//schema.colors;
|
|
|
|
|
var schemecolors = [];
|
|
|
|
|
for (var j = 2; j < 7; j++) {
|
|
|
|
|
var clr = '#' + Common.Utils.ThemeColor.getHexColor(colors[j].get_r(), colors[j].get_g(), colors[j].get_b());
|
|
|
|
|
schemecolors.push(clr);
|
|
|
|
|
}
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
if (index == 21) {
|
|
|
|
|
mnuColorSchema.addItem({
|
|
|
|
|
caption: '--'
|
|
|
|
|
});
|
|
|
|
|
}
|
2019-08-21 09:16:32 +00:00
|
|
|
var name = schema.get_name();
|
2019-08-20 09:54:51 +00:00
|
|
|
mnuColorSchema.addItem({
|
|
|
|
|
template: itemTemplate,
|
|
|
|
|
cls: 'color-schemas-menu',
|
|
|
|
|
colors: schemecolors,
|
2019-08-21 09:16:32 +00:00
|
|
|
caption: (index < 21) ? (me.SchemeNames[index] || name) : name,
|
|
|
|
|
value: name,
|
2019-08-20 12:56:29 +00:00
|
|
|
checkable: true,
|
|
|
|
|
toggleGroup: 'menuSchema'
|
2019-08-20 09:54:51 +00:00
|
|
|
});
|
2017-04-20 13:34:39 +00:00
|
|
|
}, this);
|
|
|
|
|
}
|
|
|
|
|
},
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
/** coauthoring begin **/
|
|
|
|
|
onCollaborativeChanges: function () {
|
|
|
|
|
if (this._state.hasCollaborativeChanges) return;
|
2018-02-28 13:17:53 +00:00
|
|
|
if (!this.btnCollabChanges.rendered) {
|
2017-04-20 13:34:39 +00:00
|
|
|
this.needShowSynchTip = true;
|
|
|
|
|
return;
|
|
|
|
|
}
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
var previewPanel = PE.getController('Viewport').getView('DocumentPreview');
|
|
|
|
|
if (previewPanel && previewPanel.isVisible()) {
|
|
|
|
|
this.needShowSynchTip = true;
|
|
|
|
|
return;
|
|
|
|
|
}
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
this._state.hasCollaborativeChanges = true;
|
2018-02-28 13:17:53 +00:00
|
|
|
this.btnCollabChanges.$icon.removeClass(this.btnSaveCls).addClass('btn-synch');
|
2017-04-20 13:34:39 +00:00
|
|
|
if (this.showSynchTip) {
|
2018-02-28 13:17:53 +00:00
|
|
|
this.btnCollabChanges.updateHint('');
|
2017-04-20 13:34:39 +00:00
|
|
|
if (this.synchTooltip === undefined)
|
|
|
|
|
this.createSynchTip();
|
|
|
|
|
|
|
|
|
|
this.synchTooltip.show();
|
2016-03-11 00:48:53 +00:00
|
|
|
} else {
|
2018-02-28 13:17:53 +00:00
|
|
|
this.btnCollabChanges.updateHint(this.tipSynchronize + Common.Utils.String.platformKey('Ctrl+S'));
|
2017-04-20 13:34:39 +00:00
|
|
|
}
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2018-02-15 23:56:17 +00:00
|
|
|
this.btnSave.setDisabled(false);
|
2017-04-20 13:34:39 +00:00
|
|
|
Common.Gateway.collaborativeChanges();
|
|
|
|
|
},
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
createSynchTip: function () {
|
|
|
|
|
this.synchTooltip = new Common.UI.SynchronizeTip({
|
2019-02-07 10:18:56 +00:00
|
|
|
extCls: (this.mode.customization && !!this.mode.customization.compactHeader) ? undefined : 'inc-index',
|
2018-02-28 13:17:53 +00:00
|
|
|
target: this.btnCollabChanges.$el
|
2017-04-20 13:34:39 +00:00
|
|
|
});
|
|
|
|
|
this.synchTooltip.on('dontshowclick', function () {
|
|
|
|
|
this.showSynchTip = false;
|
|
|
|
|
this.synchTooltip.hide();
|
2018-02-28 13:17:53 +00:00
|
|
|
this.btnCollabChanges.updateHint(this.tipSynchronize + Common.Utils.String.platformKey('Ctrl+S'));
|
2017-04-20 13:34:39 +00:00
|
|
|
Common.localStorage.setItem("pe-hide-synch", 1);
|
|
|
|
|
}, this);
|
|
|
|
|
this.synchTooltip.on('closeclick', function () {
|
|
|
|
|
this.synchTooltip.hide();
|
2018-02-28 13:17:53 +00:00
|
|
|
this.btnCollabChanges.updateHint(this.tipSynchronize + Common.Utils.String.platformKey('Ctrl+S'));
|
2017-04-20 13:34:39 +00:00
|
|
|
}, this);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
synchronizeChanges: function () {
|
2018-02-28 13:17:53 +00:00
|
|
|
if (this.btnCollabChanges.rendered) {
|
2018-02-24 22:19:36 +00:00
|
|
|
var me = this;
|
2017-04-20 13:34:39 +00:00
|
|
|
|
2018-02-28 13:17:53 +00:00
|
|
|
if ( me.btnCollabChanges.$icon.hasClass('btn-synch') ) {
|
|
|
|
|
me.btnCollabChanges.$icon.removeClass('btn-synch').addClass(this.btnSaveCls);
|
2017-04-20 13:34:39 +00:00
|
|
|
if (this.synchTooltip)
|
|
|
|
|
this.synchTooltip.hide();
|
2018-02-28 13:17:53 +00:00
|
|
|
this.btnCollabChanges.updateHint(this.btnSaveTip);
|
2018-02-15 23:56:17 +00:00
|
|
|
this.btnSave.setDisabled(!me.mode.forcesave);
|
2017-09-05 07:54:44 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
this._state.hasCollaborativeChanges = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
2016-10-25 10:48:31 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
onApiUsersChanged: function (users) {
|
|
|
|
|
var editusers = [];
|
|
|
|
|
_.each(users, function (item) {
|
|
|
|
|
if (!item.asc_getView())
|
|
|
|
|
editusers.push(item);
|
|
|
|
|
});
|
2016-10-25 10:48:31 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
var length = _.size(editusers);
|
|
|
|
|
var cls = (length > 1) ? 'btn-save-coauth' : 'btn-save';
|
2018-02-28 13:17:53 +00:00
|
|
|
if (cls !== this.btnSaveCls && this.btnCollabChanges.rendered) {
|
2017-04-20 13:34:39 +00:00
|
|
|
this.btnSaveTip = ((length > 1) ? this.tipSaveCoauth : this.tipSave ) + Common.Utils.String.platformKey('Ctrl+S');
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2018-02-28 13:17:53 +00:00
|
|
|
if ( !this.btnCollabChanges.$icon.hasClass('btn-synch') ) {
|
|
|
|
|
this.btnCollabChanges.$icon.removeClass(this.btnSaveCls).addClass(cls);
|
|
|
|
|
this.btnCollabChanges.updateHint(this.btnSaveTip);
|
2017-04-20 13:34:39 +00:00
|
|
|
}
|
|
|
|
|
this.btnSaveCls = cls;
|
|
|
|
|
}
|
|
|
|
|
},
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
/** coauthoring end **/
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
onSlidePickerShowAfter: function (picker) {
|
|
|
|
|
if (!picker._needRecalcSlideLayout) return;
|
|
|
|
|
if (picker.cmpEl && picker.dataViewItems.length > 0) {
|
|
|
|
|
var dataViewItems = picker.dataViewItems,
|
|
|
|
|
el = $(dataViewItems[0].el),
|
|
|
|
|
itemW = el.outerWidth() + parseInt(el.css('margin-left')) + parseInt(el.css('margin-right')),
|
2019-06-04 08:38:44 +00:00
|
|
|
columnCount = Math.floor(picker.options.restoreWidth / itemW + 0.5) || 1, // try to use restore width
|
2017-04-20 13:34:39 +00:00
|
|
|
col = 0, maxHeight = 0;
|
|
|
|
|
|
2019-06-04 08:38:44 +00:00
|
|
|
picker.cmpEl.width(itemW * columnCount + 11);
|
|
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
for (var i = 0; i < dataViewItems.length; i++) {
|
|
|
|
|
var div = $(dataViewItems[i].el).find('.title'),
|
|
|
|
|
height = div.height();
|
|
|
|
|
|
|
|
|
|
if (height > maxHeight)
|
|
|
|
|
maxHeight = height;
|
|
|
|
|
else
|
|
|
|
|
div.css({'height': maxHeight});
|
|
|
|
|
|
|
|
|
|
col++;
|
|
|
|
|
if (col > columnCount - 1) {
|
|
|
|
|
col = 0;
|
|
|
|
|
maxHeight = 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
picker._needRecalcSlideLayout = false;
|
2016-03-11 00:48:53 +00:00
|
|
|
}
|
2017-04-20 13:34:39 +00:00
|
|
|
},
|
2016-03-11 00:48:53 +00:00
|
|
|
|
2019-08-20 11:05:13 +00:00
|
|
|
updateAutoshapeMenu: function (menuShape, collection) {
|
2017-04-20 13:34:39 +00:00
|
|
|
var me = this;
|
2019-08-20 08:05:52 +00:00
|
|
|
var onShowAfter = function(menu) {
|
|
|
|
|
for (var i = 0; i < collection.length; i++) {
|
|
|
|
|
var shapePicker = new Common.UI.DataViewSimple({
|
|
|
|
|
el: $('.shapegroup-' + i, menu.items[i].$el),
|
|
|
|
|
store: collection.at(i).get('groupStore'),
|
|
|
|
|
parentMenu: menu.items[i].menu,
|
|
|
|
|
itemTemplate: _.template('<div class="item-shape" id="<%= id %>"><svg width="20" height="20" class=\"icon\"><use xlink:href=\"#svg-icon-<%= data.shapeType %>\"></use></svg></div>')
|
|
|
|
|
});
|
|
|
|
|
shapePicker.on('item:click', function(picker, item, record, e) {
|
|
|
|
|
if (e.type !== 'click') Common.UI.Menu.Manager.hideAll();
|
|
|
|
|
if (record)
|
|
|
|
|
me.fireEvent('insert:shape', [record.get('data').shapeType]);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
menu.off('show:after', onShowAfter);
|
|
|
|
|
};
|
2019-08-20 11:05:13 +00:00
|
|
|
menuShape.on('show:after', onShowAfter);
|
2019-08-20 08:05:52 +00:00
|
|
|
|
2019-08-20 11:05:13 +00:00
|
|
|
for (var i = 0; i < collection.size(); i++) {
|
|
|
|
|
var group = collection.at(i);
|
|
|
|
|
|
|
|
|
|
var menuitem = new Common.UI.MenuItem({
|
|
|
|
|
caption: group.get('groupName'),
|
|
|
|
|
menu: new Common.UI.Menu({
|
|
|
|
|
menuAlign: 'tl-tr',
|
|
|
|
|
items: [
|
|
|
|
|
{template: _.template('<div class="shapegroup-' + i + '" class="menu-shape" style="width: ' + (group.get('groupWidth') - 8) + 'px; margin-left: 5px;"></div>')}
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
menuShape.addItem(menuitem);
|
|
|
|
|
}
|
2017-04-20 13:34:39 +00:00
|
|
|
},
|
|
|
|
|
|
2017-11-03 11:06:03 +00:00
|
|
|
updateAddSlideMenu: function(collection) {
|
|
|
|
|
if (collection.size()<1) return;
|
|
|
|
|
var me = this;
|
2019-08-30 10:01:21 +00:00
|
|
|
if (!me.binding.onShowBeforeAddSlide) {
|
|
|
|
|
me.binding.onShowBeforeAddSlide = function(menu) {
|
|
|
|
|
var change = (this.iconCls == 'btn-changeslide');
|
|
|
|
|
var picker = new Common.UI.DataView({
|
|
|
|
|
el: $('.menu-layouts', menu.$el),
|
|
|
|
|
parentMenu: menu,
|
|
|
|
|
showLast: change,
|
2017-11-03 11:06:03 +00:00
|
|
|
restoreHeight: 300,
|
2019-06-04 08:38:44 +00:00
|
|
|
restoreWidth: 302,
|
2017-11-03 11:06:03 +00:00
|
|
|
style: 'max-height: 300px;',
|
|
|
|
|
store: PE.getCollection('SlideLayouts'),
|
|
|
|
|
itemTemplate: _.template([
|
|
|
|
|
'<div class="layout" id="<%= id %>" style="width: <%= itemWidth %>px;">',
|
|
|
|
|
'<div style="background-image: url(<%= imageUrl %>); width: <%= itemWidth %>px; height: <%= itemHeight %>px;"/>',
|
|
|
|
|
'<div class="title"><%= title %></div> ',
|
|
|
|
|
'</div>'
|
|
|
|
|
].join(''))
|
|
|
|
|
});
|
2019-08-30 10:01:21 +00:00
|
|
|
picker.on('item:click', function (picker, item, record, e) {
|
2017-11-03 11:06:03 +00:00
|
|
|
if (e.type !== 'click') Common.UI.Menu.Manager.hideAll();
|
|
|
|
|
if (record)
|
2019-08-30 10:01:21 +00:00
|
|
|
me.fireEvent(change ? 'change:slide' : 'add:slide', [record.get('data').idx]);
|
2017-11-03 11:06:03 +00:00
|
|
|
});
|
2019-08-30 10:01:21 +00:00
|
|
|
if (menu) {
|
|
|
|
|
menu.on('show:after', function () {
|
|
|
|
|
me.onSlidePickerShowAfter(picker);
|
|
|
|
|
picker.scroller.update({alwaysVisibleY: true});
|
|
|
|
|
if (change) {
|
|
|
|
|
var record = picker.store.findLayoutByIndex(picker.options.layout_index);
|
|
|
|
|
if (record) {
|
|
|
|
|
picker.selectRecord(record, true);
|
|
|
|
|
picker.scrollToRecord(record);
|
|
|
|
|
}
|
|
|
|
|
} else
|
|
|
|
|
picker.scroller.scrollTop(0);
|
2017-11-03 11:06:03 +00:00
|
|
|
});
|
|
|
|
|
}
|
2019-08-30 10:01:21 +00:00
|
|
|
menu.off('show:before', me.binding.onShowBeforeAddSlide);
|
|
|
|
|
if (change && this.mnuSlidePicker)
|
|
|
|
|
picker.options.layout_index = this.mnuSlidePicker.options.layout_index;
|
|
|
|
|
this.mnuSlidePicker = picker;
|
|
|
|
|
};
|
|
|
|
|
me.btnsAddSlide.concat(me.btnChangeSlide).forEach(function (btn, index) {
|
|
|
|
|
btn.menu.on('show:before', me.binding.onShowBeforeAddSlide, btn);
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
me.btnsAddSlide.concat(me.btnChangeSlide).forEach(function (btn, index) {
|
|
|
|
|
btn.mnuSlidePicker && (btn.mnuSlidePicker._needRecalcSlideLayout = true);
|
|
|
|
|
});
|
|
|
|
|
}
|
2017-11-03 11:06:03 +00:00
|
|
|
},
|
|
|
|
|
|
2017-04-20 13:34:39 +00:00
|
|
|
textBold: 'Bold',
|
|
|
|
|
textItalic: 'Italic',
|
|
|
|
|
textUnderline: 'Underline',
|
|
|
|
|
textStrikeout: 'Strikeout',
|
|
|
|
|
textSuperscript: 'Superscript',
|
|
|
|
|
textSubscript: 'Subscript',
|
|
|
|
|
tipFontName: 'Font Name',
|
|
|
|
|
tipFontSize: 'Font Size',
|
|
|
|
|
tipCopy: 'Copy',
|
|
|
|
|
tipPaste: 'Paste',
|
|
|
|
|
tipUndo: 'Undo',
|
|
|
|
|
tipRedo: 'Redo',
|
|
|
|
|
tipPrint: 'Print',
|
|
|
|
|
tipSave: 'Save',
|
|
|
|
|
tipFontColor: 'Font color',
|
|
|
|
|
tipMarkers: 'Bullets',
|
|
|
|
|
tipNumbers: 'Numbering',
|
|
|
|
|
tipBack: 'Back',
|
|
|
|
|
tipClearStyle: 'Clear Style',
|
|
|
|
|
tipCopyStyle: 'Copy Style',
|
|
|
|
|
textTitleError: 'Error',
|
|
|
|
|
tipHAligh: 'Horizontal Align',
|
|
|
|
|
tipVAligh: 'Vertical Align',
|
|
|
|
|
textAlignTop: 'Align text to the top',
|
|
|
|
|
textAlignMiddle: 'Align text to the middle',
|
|
|
|
|
textAlignBottom: 'Align text to the bottom',
|
|
|
|
|
textAlignLeft: 'Left align text',
|
|
|
|
|
textAlignRight: 'Right align text',
|
|
|
|
|
textAlignCenter: 'Center text',
|
|
|
|
|
textAlignJust: 'Justify',
|
|
|
|
|
tipDecPrLeft: 'Decrease Indent',
|
|
|
|
|
tipIncPrLeft: 'Increase Indent',
|
|
|
|
|
tipLineSpace: 'Line Spacing',
|
|
|
|
|
tipInsertTable: 'Insert Table',
|
2018-06-14 07:22:41 +00:00
|
|
|
tipInsertImage: 'Insert Image',
|
|
|
|
|
mniImageFromFile: 'Image from file',
|
|
|
|
|
mniImageFromUrl: 'Image from url',
|
2017-04-20 13:34:39 +00:00
|
|
|
mniCustomTable: 'Insert Custom Table',
|
|
|
|
|
tipInsertHyperlink: 'Add Hyperlink',
|
|
|
|
|
tipInsertText: 'Insert Text',
|
2017-08-01 12:28:15 +00:00
|
|
|
tipInsertTextArt: 'Insert Text Art',
|
2017-04-20 13:34:39 +00:00
|
|
|
tipInsertShape: 'Insert Autoshape',
|
|
|
|
|
tipPreview: 'Start Slideshow',
|
|
|
|
|
tipAddSlide: 'Add Slide',
|
|
|
|
|
tipShapeAlign: 'Align Shape',
|
|
|
|
|
tipShapeArrange: 'Arrange Shape',
|
|
|
|
|
textShapeAlignLeft: 'Align Left',
|
|
|
|
|
textShapeAlignRight: 'Align Right',
|
|
|
|
|
textShapeAlignCenter: 'Align Center',
|
|
|
|
|
textShapeAlignTop: 'Align Top',
|
|
|
|
|
textShapeAlignBottom: 'Align Bottom',
|
|
|
|
|
textShapeAlignMiddle: 'Align Middle',
|
|
|
|
|
textArrangeFront: 'Bring To Front',
|
|
|
|
|
textArrangeBack: 'Send To Back',
|
|
|
|
|
textArrangeForward: 'Bring Forward',
|
|
|
|
|
textArrangeBackward: 'Send Backward',
|
|
|
|
|
txtGroup: 'Group',
|
|
|
|
|
txtUngroup: 'Ungroup',
|
|
|
|
|
txtDistribHor: 'Distribute Horizontally',
|
|
|
|
|
txtDistribVert: 'Distribute Vertically',
|
|
|
|
|
tipChangeSlide: 'Change Slide Layout',
|
|
|
|
|
textOK: 'OK',
|
|
|
|
|
textCancel: 'Cancel',
|
|
|
|
|
tipColorSchemas: 'Change Color Scheme',
|
|
|
|
|
textNewColor: 'Add New Custom Color',
|
|
|
|
|
mniSlideStandard: 'Standard (4:3)',
|
|
|
|
|
mniSlideWide: 'Widescreen (16:9)',
|
|
|
|
|
mniSlideAdvanced: 'Advanced Settings',
|
|
|
|
|
tipSlideSize: 'Select Slide Size',
|
|
|
|
|
tipInsertChart: 'Insert Chart',
|
|
|
|
|
textLine: 'Line',
|
|
|
|
|
textColumn: 'Column',
|
|
|
|
|
textBar: 'Bar',
|
|
|
|
|
textArea: 'Area',
|
|
|
|
|
textPie: 'Pie',
|
|
|
|
|
textPoint: 'XY (Scatter)',
|
|
|
|
|
textStock: 'Stock',
|
|
|
|
|
tipSynchronize: 'The document has been changed by another user. Please click to save your changes and reload the updates.',
|
|
|
|
|
txtScheme1: 'Office',
|
|
|
|
|
txtScheme2: 'Grayscale',
|
|
|
|
|
txtScheme3: 'Apex',
|
|
|
|
|
txtScheme4: 'Aspect',
|
|
|
|
|
txtScheme5: 'Civic',
|
|
|
|
|
txtScheme6: 'Concourse',
|
|
|
|
|
txtScheme7: 'Equity',
|
|
|
|
|
txtScheme8: 'Flow',
|
|
|
|
|
txtScheme9: 'Foundry',
|
|
|
|
|
txtScheme10: 'Median',
|
|
|
|
|
txtScheme11: 'Metro',
|
|
|
|
|
txtScheme12: 'Module',
|
|
|
|
|
txtScheme13: 'Opulent',
|
|
|
|
|
txtScheme14: 'Oriel',
|
|
|
|
|
txtScheme15: 'Origin',
|
|
|
|
|
txtScheme16: 'Paper',
|
|
|
|
|
txtScheme17: 'Solstice',
|
|
|
|
|
txtScheme18: 'Technic',
|
|
|
|
|
txtScheme19: 'Trek',
|
|
|
|
|
txtScheme20: 'Urban',
|
|
|
|
|
txtScheme21: 'Verve',
|
|
|
|
|
tipSlideTheme: 'Slide Theme',
|
|
|
|
|
tipSaveCoauth: 'Save your changes for the other users to see them.',
|
|
|
|
|
textShowBegin: 'Show from Beginning',
|
|
|
|
|
textShowCurrent: 'Show from Current slide',
|
|
|
|
|
textShowSettings: 'Show Settings',
|
|
|
|
|
tipInsertEquation: 'Insert Equation',
|
|
|
|
|
textCharts: 'Charts',
|
|
|
|
|
tipChangeChart: 'Change Chart Type',
|
2017-08-01 12:28:15 +00:00
|
|
|
capInsertText: 'Text',
|
|
|
|
|
capInsertTextArt: 'Text Art',
|
2018-06-14 07:22:41 +00:00
|
|
|
capInsertImage: 'Image',
|
2017-04-20 13:34:39 +00:00
|
|
|
capInsertShape: 'Shape',
|
|
|
|
|
capInsertTable: 'Table',
|
|
|
|
|
capInsertChart: 'Chart',
|
|
|
|
|
capInsertHyperlink: 'Hyperlink',
|
|
|
|
|
capInsertEquation: 'Equation',
|
|
|
|
|
capAddSlide: 'Add Slide',
|
|
|
|
|
capTabFile: 'File',
|
|
|
|
|
capTabHome: 'Home',
|
2017-06-15 13:18:40 +00:00
|
|
|
capTabInsert: 'Insert',
|
2017-07-05 12:22:02 +00:00
|
|
|
capBtnComment: 'Comment',
|
2017-07-21 10:44:07 +00:00
|
|
|
textTabFile: 'File',
|
|
|
|
|
textTabHome: 'Home',
|
|
|
|
|
textTabInsert: 'Insert',
|
2017-08-11 07:26:21 +00:00
|
|
|
textSurface: 'Surface',
|
2017-11-28 12:39:36 +00:00
|
|
|
textShowPresenterView: 'Show presenter view',
|
2017-11-17 14:23:38 +00:00
|
|
|
textTabCollaboration: 'Collaboration',
|
2018-10-03 11:00:08 +00:00
|
|
|
textTabProtect: 'Protection',
|
2019-02-11 08:39:27 +00:00
|
|
|
mniImageFromStorage: 'Image from Storage',
|
2019-02-12 07:25:43 +00:00
|
|
|
txtSlideAlign: 'Align to Slide',
|
2019-06-26 15:38:04 +00:00
|
|
|
txtObjectsAlign: 'Align Selected Objects',
|
2019-08-01 12:31:37 +00:00
|
|
|
tipEditHeader: 'Edit header or footer',
|
2019-06-26 15:38:04 +00:00
|
|
|
tipSlideNum: 'Insert slide number',
|
|
|
|
|
tipDateTime: 'Insert current date and time',
|
|
|
|
|
capBtnInsHeader: 'Header/Footer',
|
|
|
|
|
capBtnSlideNum: 'Slide Number',
|
|
|
|
|
capBtnDateTime: 'Date & Time'
|
2017-04-20 13:34:39 +00:00
|
|
|
}
|
|
|
|
|
}()), PE.Views.Toolbar || {}));
|
2016-03-11 00:48:53 +00:00
|
|
|
});
|
