Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity
web-apps/apps/presentationeditor/main/app/view/Toolbar.js

1819 lines
91 KiB
JavaScript
Raw Normal View History

license info added to js
2016-04-01 13:17:09 +00:00
/*
*
Update copyright to 2018
2018-03-01 12:16:38 +00:00
* (c) Copyright Ascensio System Limited 2010-2018
license info added to js
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
*
* 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
*
*/
webapps added
2016-03-11 00:48:53 +00:00
/**
* Toolbar.js
*
* Toolbar view
*
* Created by Alexander Yuzhin on 4/16/14
Update copyright to 2018
2018-03-01 12:16:38 +00:00
* Copyright (c) 2018 Ascensio System SIA. All rights reserved.
webapps added
2016-03-11 00:48:53 +00:00
*
*/
define([
'backbone',
'text!presentationeditor/main/app/template/Toolbar.template',
'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'
[PE] implemented Mixtbar
2017-04-22 13:11:04 +00:00
,'common/main/lib/component/Mixtbar'
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
], function (Backbone, template) {
webapps added
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',
[PE] Поправка к bug 27793
2016-05-16 09:15:18 +00:00
cantPrint: 'cant-print',
[PE] Added equations.
2016-10-25 10:48:31 +00:00
noTextSelected: 'no-text',
Disable/enable comment button in the toolbar.
2017-06-28 11:20:49 +00:00
inEquation: 'in-equation',
commentLock: 'can-comment'
webapps added
2016-03-11 00:48:53 +00:00
};
[PE] implemented Mixtbar
2017-04-22 13:11:04 +00:00
PE.Views.Toolbar = Common.UI.Mixtbar.extend(_.extend((function(){
[PE] toolbar's new view
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;
[PE] implemented Mixtbar
2017-04-22 13:11:04 +00:00
Common.UI.Mixtbar.prototype.initialize.call(this, {
template: _.template(template),
tabs: [
updated translations
2017-07-21 10:44:07 +00:00
{ caption: me.textTabFile, action: 'file', extcls: 'canedit'},
{ caption: me.textTabHome, action: 'home', extcls: 'canedit'},
{ caption: me.textTabInsert, action: 'ins', extcls: 'canedit'}
[PE] implemented Mixtbar
2017-04-22 13:11:04 +00:00
]}
);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
me.paragraphControls = [];
me.shapeControls = [];
me.slideOnlyControls = [];
me.synchTooltip = undefined;
me.schemeNames = [
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
};
me.btnSaveCls = 'btn-save';
me.btnSaveTip = this.tipSave + Common.Utils.String.platformKey('Ctrl+S');
webapps added
2016-03-11 00:48:53 +00:00
/**
* UI Components
*/
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
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},
[PE] Start presenter mode from toolbar menu.
2017-08-11 07:26:21 +00:00
{caption: this.textShowPresenterView, value: 2},
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
{caption: '--'},
me.mnuShowSettings = new Common.UI.MenuItem({
caption: this.textShowSettings,
[PE] Start presenter mode from toolbar menu.
2017-08-11 07:26:21 +00:00
value: 3,
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
lock: [_set.lostConnect]
})
]
})
});
me.slideOnlyControls.push(me.btnPreview);
me.btnPrint = new Common.UI.Button({
id : 'id-toolbar-btn-print',
cls : 'btn-toolbar',
Debug toolbar layout.
2017-06-15 13:18:40 +00:00
iconCls : 'btn-print no-mask',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
lock : [_set.slideDeleted, _set.noSlides, _set.cantPrint]
});
me.paragraphControls.push(me.btnPrint);
me.btnSave = new Common.UI.Button({
id : 'id-toolbar-btn-save',
cls : 'btn-toolbar',
Debug toolbar layout.
2017-06-15 13:18:40 +00:00
iconCls : 'no-mask ' + me.btnSaveCls,
[DE][PE][SSE] synchronize extra buttons state through events
2018-02-15 23:56:17 +00:00
lock : [_set.lostConnect],
signals : ['disabled']
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
me.btnCollabChanges = me.btnSave;
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
me.btnUndo = new Common.UI.Button({
id : 'id-toolbar-btn-undo',
cls : 'btn-toolbar',
iconCls : 'btn-undo',
[DE][PE][SSE] synchronize extra buttons state through events
2018-02-15 23:56:17 +00:00
lock : [_set.undoLock, _set.slideDeleted, _set.lostConnect, _set.disableOnStart],
signals : ['disabled']
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
me.slideOnlyControls.push(me.btnUndo);
me.btnRedo = new Common.UI.Button({
id : 'id-toolbar-btn-redo',
cls : 'btn-toolbar',
iconCls : 'btn-redo',
[DE][PE][SSE] synchronize extra buttons state through events
2018-02-15 23:56:17 +00:00
lock : [_set.redoLock, _set.slideDeleted, _set.lostConnect, _set.disableOnStart],
signals : ['disabled']
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
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" },
{ value: 72, displayValue: "72" }
webapps added
2016-03-11 00:48:53 +00:00
]
});
[PE] toolbar's new view
2017-04-20 13:34:39 +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: [
webapps added
2016-03-11 00:48:53 +00:00
{
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
}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
]
})
webapps added
2016-03-11 00:48:53 +00:00
});
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
me.paragraphControls.push(me.btnHorizontalAlign);
me.btnVerticalAlign = new Common.UI.Button({
id : 'id-toolbar-btn-valign',
cls : 'btn-toolbar',
[PE] Fix Bug 35469, Fix Bug 35449.
2017-08-04 08:49:38 +00:00
lock : [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected, _set.noObjectSelected],
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
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({
unified toolbar's components identifiers
2017-08-08 15:00:55 +00:00
id : 'tlbtn-inserttable',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
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({
unified toolbar's components identifiers
2017-08-08 15:00:55 +00:00
id : 'tlbtn-insertchart',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'btn-insertchart',
caption : me.capInsertChart,
lock : [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
menu : 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>') }
]
})
});
me.slideOnlyControls.push(me.btnInsertChart);
me.btnInsertEquation = new Common.UI.Button({
unified toolbar's components identifiers
2017-08-08 15:00:55 +00:00
id : 'tlbtn-insertequation',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
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({
unified toolbar's components identifiers
2017-08-08 15:00:55 +00:00
id : 'tlbtn-insertlink',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
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);
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
me.btnInsertTextArt = new Common.UI.Button({
unified toolbar's components identifiers
2017-08-08 15:00:55 +00:00
id: 'tlbtn-inserttextart',
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'btn-textart',
caption: me.capInsertTextArt,
[PE] Bug 35723.
2017-08-24 13:15:18 +00:00
lock : [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
menu: new Common.UI.Menu({
cls: 'menu-shapes',
items: [
{template: _.template('<div id="view-insert-art" style="width: 239px; margin-left: 5px;"></div>')}
]
})
});
[PE] Bug 35723.
2017-08-24 13:15:18 +00:00
me.slideOnlyControls.push(me.btnInsertTextArt);
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +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 : [],
Fix Bug 35630.
2017-09-15 10:31:59 +00:00
maxHeight : 560,
restoreHeight: 560
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
}).on('show:before', function(mnu) {
this.scroller = new Common.UI.Scroller({
el: $(this.el).find('.dropdown-menu '),
useKeyboard: this.enableKeyEvents && !this.handleSelect,
minScrollbarLength : 40,
alwaysVisibleY: true
});
Fix Bug 35630.
2017-09-15 10:31:59 +00:00
})
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
me.slideOnlyControls.push(me.btnColorSchemas);
me.btnHide = new Common.UI.Button({
id : 'id-toolbar-btn-hidebars',
cls : 'btn-toolbar',
Debug toolbar layout.
2017-06-15 13:18:40 +00:00
iconCls : 'btn-hidebars no-mask',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
lock : [_set.menuFileOpen, _set.slideDeleted, _set.disableOnStart],
menu : true
});
me.slideOnlyControls.push(me.btnHide);
this.btnFitPage = {
conf: {checked:false},
setChecked: function(val) { this.conf.checked = val;},
isChecked: function () { return this.conf.checked; }
};
this.btnFitWidth = clone(this.btnFitPage);
this.mnuZoom = {options: {value: 100}};
me.btnAdvSettings = new Common.UI.Button({
id : 'id-toolbar-btn-settings',
cls : 'btn-toolbar',
Debug toolbar layout.
2017-06-15 13:18:40 +00:00
iconCls : 'btn-settings no-mask',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
lock : [_set.slideDeleted, _set.disableOnStart]
});
me.slideOnlyControls.push(me.btnAdvSettings);
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: '--' },
{
caption : me.txtDistribHor,
iconCls : 'mnu-distrib-hor',
value : 6
},
{
caption : me.txtDistribVert,
iconCls : 'mnu-distrib-vert',
value : 7
}
]
})
});
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',
[PE] Enhancement: enable changing slide size when no slides in the presentation.
2017-11-21 11:08:34 +00:00
lock : [_set.docPropsLock, _set.slideDeleted, _set.lostConnect, _set.disableOnStart],
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
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,
hint: this.tipSlideTheme,
[PE] Fix Bug 35510.
2017-08-03 13:36:14 +00:00
lock: [_set.themeLock, _set.lostConnect, _set.noSlides],
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
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()
});
webapps added
2016-03-11 00:48:53 +00:00
}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
if (cmp.menuPicker.scroller) {
cmp.menuPicker.scroller.update({
includePadding: true,
suppressScrollX: true
});
webapps added
2016-03-11 00:48:53 +00:00
}
}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
me.listTheme.fieldPicker.itemTemplate = _.template([
'<div class="style" id="<%= id %>">',
'<div style="background-image: url(<%= imageUrl %>); width: ' + me.listTheme.itemWidth + 'px; height: ' + me.listTheme.itemHeight + 'px;"/>',
'</div>'
].join(''));
me.listTheme.menuPicker.itemTemplate = _.template([
'<div class="style" id="<%= id %>">',
'<div style="background-image: url(<%= imageUrl %>); width: ' + me.listTheme.itemWidth + 'px; height: ' + me.listTheme.itemHeight + 'px;"/>',
'</div>'
].join(''));
[PE] Duplicate Add Slide button in the Insert tab and remove from Collaboration and Plugins tabs.
2017-11-03 11:06:03 +00:00
this.lockControls = [ this.btnChangeSlide, this.btnSave,
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
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)});
[DE][PE] Fix loading color palettes in the toolbar menu.
2017-04-24 11:41:51 +00:00
this.on('render:after', _.bind(this.onToolbarAfterRender, this));
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
return this;
},
lockToolbar: function (causes, lock, opts) {
!opts && (opts = {});
var controls = opts.array || this.lockControls;
opts.merge && (controls = _.union(this.lockControls, controls));
function doLock(cmp, cause) {
if (_.contains(cmp.options.lock, cause)) {
var index = cmp.keepState.indexOf(cause);
if (lock) {
if (index < 0) {
cmp.keepState.push(cause);
}
} else {
if (!(index < 0)) {
cmp.keepState.splice(index, 1);
}
}
webapps added
2016-03-11 00:48:53 +00:00
}
}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
_.each(controls, function (item) {
if (_.isFunction(item.setDisabled)) {
!item.keepState && (item.keepState = []);
if (opts.clear && opts.clear.length > 0 && item.keepState.length > 0) {
item.keepState = _.difference(item.keepState, opts.clear);
webapps added
2016-03-11 00:48:53 +00:00
}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
_.isArray(causes) ? _.each(causes, function (c) {
doLock(item, c)
}) : doLock(item, causes);
if (!(item.keepState.length > 0)) {
item.isDisabled() && item.setDisabled(false);
} else {
!item.isDisabled() && item.setDisabled(true);
webapps added
2016-03-11 00:48:53 +00:00
}
}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
},
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
render: function (mode) {
var me = this;
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
/**
* Render UI layout
*/
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
this.fireEvent('render:before', [this]);
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
me.isCompactView = mode.compactview;
if ( mode.isEdit ) {
[PE] implemented Mixtbar
2017-04-22 13:11:04 +00:00
me.$el.html(me.rendererComponents(me.$layout));
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
} else {
[PE] implemented Mixtbar
2017-04-22 13:11:04 +00:00
me.$layout.find('.canedit').hide();
me.$layout.addClass('folded');
webapps added
2016-03-11 00:48:53 +00:00
[PE] implemented Mixtbar
2017-04-22 13:11:04 +00:00
me.$el.html(me.$layout);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
}
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
this.fireEvent('render:after', [this]);
[PE] implemented Mixtbar
2017-04-22 13:11:04 +00:00
Common.UI.Mixtbar.prototype.afterRender.call(this);
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
Common.NotificationCenter.on({
[PE] implemented Mixtbar
2017-04-22 13:11:04 +00:00
'window:resize': function() {
Common.UI.Mixtbar.prototype.onResize.apply(me, arguments);
}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
if ( me.isCompactView )
[Common] collase toolbar immediately after switch on 'compact' view
2017-08-01 11:39:31 +00:00
me.setFolded(true); else
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
me.setTab('home');
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
return this;
},
webapps added
2016-03-11 00:48:53 +00:00
refactoring
2017-08-30 12:23:22 +00:00
onTabClick: function (e) {
var tab = $(e.target).data('tab'),
me = this;
if ( !me.isTabActive(tab) ) {
if ( tab == 'file' ) {
me.fireEvent('file:open');
} else
if ( me.isTabActive('file') )
me.fireEvent('file:close');
}
Common.UI.Mixtbar.prototype.onTabClick.apply(this, arguments);
},
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
rendererComponents: function (html) {
var $host = $(html);
var _injectComponent = function (id, cmp) {
var $slot = $host.find(id);
if ($slot.length) {
cmp.rendered ?
$slot.append(cmp.$el) : cmp.render($slot);
webapps added
2016-03-11 00:48:53 +00:00
}
[PE] toolbar's new view
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);
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
_injectComponent('#slot-btn-instextart', this.btnInsertTextArt);
[PE] toolbar's new view
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);
_injectComponent('#slot-btn-hidebars', this.btnHide);
_injectComponent('#slot-btn-settings', this.btnAdvSettings);
function _injectBtns(opts) {
refactoring. created controller for set of buttons
2018-02-13 14:37:22 +00:00
var array = createButtonSet();
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
var $slots = $host.find(opts.slot);
unified toolbar's components identifiers
2017-08-08 15:00:55 +00:00
var id = opts.btnconfig.id;
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
$slots.each(function(index, el) {
unified toolbar's components identifiers
2017-08-08 15:00:55 +00:00
if ( !!id ) opts.btnconfig.id = id + index;
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
var button = new Common.UI.Button(opts.btnconfig);
button.render( $slots.eq(index) );
refactoring. created controller for set of buttons
2018-02-13 14:37:22 +00:00
array.add(button);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
return array;
webapps added
2016-03-11 00:48:53 +00:00
}
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
var me = this;
me.btnsInsertImage = _injectBtns({
slot: '.slot-insertimg',
btnconfig: {
unified toolbar's components identifiers
2017-08-08 15:00:55 +00:00
id : 'tlbtn-insertimage-',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'btn-insertimage',
caption : me.capInsertImage,
lock : [PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart],
menu : true
}
});
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
me.btnsInsertText = _injectBtns({
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
slot: '.slot-instext',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
btnconfig: {
unified toolbar's components identifiers
2017-08-08 15:00:55 +00:00
id : 'tlbtn-inserttext-',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
cls : 'btn-toolbar x-huge icon-top',
debug toolbar's big buttons
2017-06-28 11:16:09 +00:00
iconCls : 'btn-text',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
caption : me.capInsertText,
lock : [PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart],
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
enableToggle: true
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
}
});
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
me.btnsInsertShape = _injectBtns({
slot: '.slot-insertshape',
btnconfig: {
unified toolbar's components identifiers
2017-08-08 15:00:55 +00:00
id : 'tlbtn-insertshape-',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'btn-insertshape',
caption : me.capInsertShape,
lock : [PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart],
enableToggle: true,
menu : true
}
});
[PE] Duplicate Add Slide button in the Insert tab and remove from Collaboration and Plugins tabs.
2017-11-03 11:06:03 +00:00
me.btnsAddSlide = _injectBtns({
slot: '.slot-addslide',
btnconfig: {
id : 'tlbtn-addslide-',
cls : 'btn-toolbar x-huge icon-top',
iconCls : 'btn-addslide',
split : true,
caption : me.capAddSlide,
lock : [PE.enumLock.menuFileOpen, PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.disableOnStart],
menu : true
}
});
var created = me.btnsInsertImage.concat(me.btnsInsertText, me.btnsInsertShape, me.btnsAddSlide);
[PE] lock new buttons on start
2017-05-11 08:21:02 +00:00
this.lockToolbar(PE.enumLock.disableOnStart, true, {array: created});
Array.prototype.push.apply(me.slideOnlyControls, created);
Array.prototype.push.apply(me.lockControls, created);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
return $host;
},
onAppReady: function (config) {
var me = this;
refactoring
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'},
{caption: me.mniImageFromUrl, value: 'url'}
]
}).on('item:click', function (menu, item, e) {
me.fireEvent('insert:image', [item.value]);
})
);
});
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
refactoring
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']);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
refactoring
2017-04-25 16:56:17 +00:00
});
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
refactoring
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']);
})
);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
[PE] Duplicate Add Slide button in the Insert tab and remove from Collaboration and Plugins tabs.
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');
});
});
[PE] toolbar's new view
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'));
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
this.btnInsertTextArt.updateHint(this.tipInsertTextArt);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
this.btnColorSchemas.updateHint(this.tipColorSchemas);
this.btnHide.updateHint(this.tipViewSettings);
this.btnAdvSettings.updateHint(this.tipAdvSettings);
this.btnShapeAlign.updateHint(this.tipShapeAlign);
this.btnShapeArrange.updateHint(this.tipShapeArrange);
this.btnSlideSize.updateHint(this.tipSlideSize);
// set menus
var me = this;
this.btnHide.setMenu(
new Common.UI.Menu({
cls: 'pull-right',
style: 'min-width: 180px;',
items: [
this.mnuitemCompactToolbar = new Common.UI.MenuItem({
caption: this.textCompactView,
checkable: true,
checked: me.isCompactView
}),
this.mnuitemHideStatusBar = new Common.UI.MenuItem({
caption: this.textHideStatusBar,
checkable: true
}),
this.mnuitemHideRulers = new Common.UI.MenuItem({
caption: this.textHideLines,
checkable: true
}),
{caption: '--'},
this.btnFitPage = new Common.UI.MenuItem({
caption: this.textFitPage,
checkable: true,
checked: this.btnFitPage.isChecked()
}),
this.btnFitWidth = new Common.UI.MenuItem({
caption: this.textFitWidth,
checkable: true,
checked: this.btnFitWidth.isChecked()
}),
this.mnuZoom = new Common.UI.MenuItem({
template: _.template([
'<div id="id-toolbar-menu-zoom" class="menu-zoom" style="height: 25px;" ',
'<% if(!_.isUndefined(options.stopPropagation)) { %>',
'data-stopPropagation="true"',
'<% } %>',
'>',
'<label class="title">' + this.textZoom + '</label>',
'<button id="id-menu-zoom-in" type="button" style="float:right; margin: 2px 5px 0 0;" class="btn small btn-toolbar"><i class="icon btn-zoomin"></i></button>',
'<label class="zoom"><%= options.value %>%</label>',
'<button id="id-menu-zoom-out" type="button" style="float:right; margin-top: 2px;" class="btn small btn-toolbar"><i class="icon btn-zoomout"></i></button>',
'</div>'
].join('')),
stopPropagation: true,
value: this.mnuZoom.options.value
})
]
})
);
if (this.mode.canBrandingExt && this.mode.customization && this.mode.customization.statusBar === false)
this.mnuitemHideStatusBar.hide();
this.mnuZoomOut = new Common.UI.Button({
el: $('#id-menu-zoom-out'),
cls: 'btn-toolbar'
});
this.mnuZoomIn = new Common.UI.Button({
el: $('#id-menu-zoom-in'),
cls: 'btn-toolbar'
});
this.btnMarkers.setMenu(
new Common.UI.Menu({
[DE][PE] Bug 36801.
2018-02-07 12:14:20 +00:00
style: 'min-width: 139px',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
items: [
[DE][PE] Bug 36801.
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>')}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
]
})
);
this.btnNumbers.setMenu(
new Common.UI.Menu({
items: [
[DE][PE] Change icons for selecting bullets/numbering.
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>')}
[PE] toolbar's new view
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>')}
]
})
);
// set dataviews
var _conf = this.mnuMarkersPicker.conf;
this.mnuMarkersPicker = new Common.UI.DataView({
el: $('#id-toolbar-menu-markers'),
parentMenu: this.btnMarkers.menu,
[DE][PE] Bug 36801.
2018-02-07 12:14:20 +00:00
restoreHeight: 138,
[PE] toolbar's new view
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}},
[DE][PE] Bug 36801.
2018-02-07 12:14:20 +00:00
{offsety: 266, data: {type: 0, subtype: 7}},
{offsety: 684, data: {type: 0, subtype: 8}}
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
]),
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
itemTemplate: _.template('<div id="<%= id %>" class="item-markerlist" style="background-position: 0 -<%= offsety %>px;"></div>')
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
});
[PE] toolbar's new view
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,
[DE][PE] Change icons for selecting bullets/numbering.
2017-05-16 10:06:23 +00:00
restoreHeight: 92,
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
allowScrollbar: false,
store: new Common.UI.DataViewStore([
{offsety: 0, data: {type: 1, subtype: -1}},
[DE][PE] Change icons for selecting bullets/numbering.
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}}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
]),
[DE][PE] Change icons for selecting bullets/numbering.
2017-05-16 10:06:23 +00:00
itemTemplate: _.template('<div id="<%= id %>" class="item-markerlist" style="background-position: 0 -<%= offsety %>px;"></div>')
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
_conf && this.mnuNumbersPicker.selectByIndex(_conf.index, true);
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
[PE] Debug buttons for insert chart and table.
2017-04-21 14:31:35 +00:00
this.mnuInsertChartPicker = new Common.UI.DataView({
el: $('#id-toolbar-menu-insertchart'),
parentMenu: this.btnInsertChart.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 },
Remove surface charts.
2017-07-05 12:55:21 +00:00
{ id: 'menu-chart-group-stock', caption: me.textStock, inline: true }
// { id: 'menu-chart-group-surface', caption: me.textSurface}
[PE] Debug buttons for insert chart and table.
2017-04-21 14:31:35 +00:00
]),
store: new Common.UI.DataViewStore([
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal, allowSelected: true, iconCls: 'column-normal', selected: true},
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStacked, allowSelected: true, iconCls: 'column-stack'},
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStackedPer, allowSelected: true, iconCls: 'column-pstack'},
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal3d, allowSelected: true, iconCls: 'column-3d-normal'},
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStacked3d, allowSelected: true, iconCls: 'column-3d-stack'},
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barStackedPer3d, allowSelected: true, iconCls: 'column-3d-pstack'},
{ group: 'menu-chart-group-bar', type: Asc.c_oAscChartTypeSettings.barNormal3dPerspective, allowSelected: true, iconCls: 'column-3d-normal-per'},
{ group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineNormal, allowSelected: true, iconCls: 'line-normal'},
{ group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineStacked, allowSelected: true, iconCls: 'line-stack'},
{ group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.lineStackedPer, allowSelected: true, iconCls: 'line-pstack'},
{ group: 'menu-chart-group-line', type: Asc.c_oAscChartTypeSettings.line3d, allowSelected: true, iconCls: 'line-3d'},
{ group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.pie, allowSelected: true, iconCls: 'pie-normal'},
{ group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.doughnut, allowSelected: true, iconCls: 'pie-doughnut'},
{ group: 'menu-chart-group-pie', type: Asc.c_oAscChartTypeSettings.pie3d, allowSelected: true, iconCls: 'pie-3d-normal'},
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarNormal, allowSelected: true, iconCls: 'bar-normal'},
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStacked, allowSelected: true, iconCls: 'bar-stack'},
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStackedPer, allowSelected: true, iconCls: 'bar-pstack'},
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarNormal3d, allowSelected: true, iconCls: 'bar-3d-normal'},
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStacked3d, allowSelected: true, iconCls: 'bar-3d-stack'},
{ group: 'menu-chart-group-hbar', type: Asc.c_oAscChartTypeSettings.hBarStackedPer3d, allowSelected: true, iconCls: 'bar-3d-pstack'},
{ group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaNormal, allowSelected: true, iconCls: 'area-normal'},
{ group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaStacked, allowSelected: true, iconCls: 'area-stack'},
{ group: 'menu-chart-group-area', type: Asc.c_oAscChartTypeSettings.areaStackedPer, allowSelected: true, iconCls: 'area-pstack'},
{ group: 'menu-chart-group-scatter', type: Asc.c_oAscChartTypeSettings.scatter, allowSelected: true, iconCls: 'point-normal'},
Remove surface charts.
2017-07-05 12:55:21 +00:00
{ group: 'menu-chart-group-stock', type: Asc.c_oAscChartTypeSettings.stock, allowSelected: true, iconCls: 'stock-normal'}
// { group: 'menu-chart-group-surface', type: Asc.c_oAscChartTypeSettings.surfaceNormal, allowSelected: true, iconCls: 'surface-normal'},
// { group: 'menu-chart-group-surface', type: Asc.c_oAscChartTypeSettings.surfaceWireframe, allowSelected: true, iconCls: 'surface-wireframe'},
// { group: 'menu-chart-group-surface', type: Asc.c_oAscChartTypeSettings.contourNormal, allowSelected: true, iconCls: 'contour-normal'},
// { group: 'menu-chart-group-surface', type: Asc.c_oAscChartTypeSettings.contourWireframe, allowSelected: true, iconCls: 'contour-wireframe'}
[PE] Debug buttons for insert chart and table.
2017-04-21 14:31:35 +00:00
]),
itemTemplate: _.template('<div id="<%= id %>" class="item-chartlist <%= iconCls %>"></div>')
});
this.mnuTablePicker = new Common.UI.DimensionPicker({
el: $('#id-toolbar-menu-tablepicker'),
minRows: 8,
minColumns: 10,
maxRows: 8,
maxColumns: 10
});
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
var createDataPicker = function (btn) {
me.mnuChangeSlidePicker = new Common.UI.DataView({
el: $('#id-toolbar-menu-changeslide'),
parentMenu: me.btnChangeSlide.menu,
restoreHeight: 300,
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(''))
});
if (me.btnChangeSlide.menu) {
me.btnChangeSlide.menu.on('show:after', function () {
me.onSlidePickerShowAfter(me.mnuChangeSlidePicker);
me.mnuChangeSlidePicker.scroller.update({alwaysVisibleY: true});
[PE] Fix Bug 36519.
2018-01-09 13:59:20 +00:00
var record = me.mnuChangeSlidePicker.store.findLayoutByIndex(me.mnuChangeSlidePicker.options.layout_index);
if (record) {
me.mnuChangeSlidePicker.selectRecord(record, true);
me.mnuChangeSlidePicker.scrollToRecord(record);
}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
}
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
me.mnuChangeSlidePicker._needRecalcSlideLayout = true;
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
};
// btnChangeSlide isn't in compact toolbar mode -> may be rendered after createDelayedElements
if (this.btnChangeSlide.rendered)
createDataPicker(this.btnChangeSlide);
else
this.btnChangeSlide.on('render:after', createDataPicker);
this.listenTo(PE.getCollection('SlideLayouts'), 'reset', function () {
if (me.mnuChangeSlidePicker)
me.mnuChangeSlidePicker._needRecalcSlideLayout = true;
});
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
this.mnuitemHideStatusBar.setChecked(Common.localStorage.getBool('pe-hidden-status'), true);
[PE] Hide rulers by default.
2017-08-10 14:20:12 +00:00
this.mnuitemHideRulers.setChecked(Common.localStorage.getBool("pe-hidden-rulers", true), true);
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
// // Enable none paragraph components
this.lockToolbar(PE.enumLock.disableOnStart, false, {array: this.slideOnlyControls.concat(this.shapeControls)});
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
/** coauthoring begin **/
this.showSynchTip = !Common.localStorage.getBool('pe-hide-synch');
this.needShowSynchTip = false;
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
if (this.needShowSynchTip) {
this.needShowSynchTip = false;
this.onCollaborativeChanges();
}
/** coauthoring end **/
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
},
[PE] Delayed loading for some of the toolbar controls.
2016-10-20 08:55:54 +00:00
[DE][PE] Fix loading color palettes in the toolbar menu.
2017-04-24 11:41:51 +00:00
onToolbarAfterRender: function(toolbar) {
// DataView and pickers
//
[DE][PE] Debug view mode.
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')
});
}
[DE][PE] Fix loading color palettes in the toolbar menu.
2017-04-24 11:41:51 +00:00
},
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
setApi: function (api) {
this.api = api;
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
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 **/
}
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
return this;
},
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
setMode: function (mode) {
if (mode.isDisconnected) {
this.lockToolbar(PE.enumLock.lostConnect, true);
}
this.mode = mode;
if (!mode.nativeApp) {
var nativeBtnGroup = $('.toolbar-group-native');
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
if (nativeBtnGroup) {
nativeBtnGroup.hide();
}
}
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
if (mode.isDesktopApp)
$('.toolbar-group-native').hide();
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
this.lockToolbar(PE.enumLock.cantPrint, !mode.canPrint || mode.disableDownload, {array: [this.btnPrint]});
},
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
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();
});
}
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
if (mnuColorSchema == null) {
mnuColorSchema = new Common.UI.Menu({
Fix Bug 35630.
2017-09-15 10:31:59 +00:00
maxHeight: 560,
restoreHeight: 560
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
}).on('render:after', function (mnu) {
this.scroller = new Common.UI.Scroller({
el: $(this.el).find('.dropdown-menu '),
useKeyboard: this.enableKeyEvents && !this.handleSelect,
minScrollbarLength: 40
});
});
}
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);
}
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
if (index == 21) {
mnuColorSchema.addItem({
caption: '--'
});
} else {
mnuColorSchema.addItem({
template: itemTemplate,
cls: 'color-schemas-menu',
colors: schemecolors,
caption: (index < 21) ? (me.schemeNames[index] || schema.get_name()) : schema.get_name(),
value: index
});
}
}, this);
}
},
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
/** coauthoring begin **/
onCollaborativeChanges: function () {
if (this._state.hasCollaborativeChanges) return;
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
if (!this.btnCollabChanges.rendered) {
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
this.needShowSynchTip = true;
return;
}
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
var previewPanel = PE.getController('Viewport').getView('DocumentPreview');
if (previewPanel && previewPanel.isVisible()) {
this.needShowSynchTip = true;
return;
}
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
this._state.hasCollaborativeChanges = true;
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.$icon.removeClass(this.btnSaveCls).addClass('btn-synch');
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
if (this.showSynchTip) {
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.updateHint('');
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
if (this.synchTooltip === undefined)
this.createSynchTip();
this.synchTooltip.show();
webapps added
2016-03-11 00:48:53 +00:00
} else {
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.updateHint(this.tipSynchronize + Common.Utils.String.platformKey('Ctrl+S'));
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
}
webapps added
2016-03-11 00:48:53 +00:00
[DE][PE][SSE] synchronize extra buttons state through events
2018-02-15 23:56:17 +00:00
this.btnSave.setDisabled(false);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
Common.Gateway.collaborativeChanges();
},
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
createSynchTip: function () {
this.synchTooltip = new Common.UI.SynchronizeTip({
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
target: this.btnCollabChanges.$el
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
this.synchTooltip.on('dontshowclick', function () {
this.showSynchTip = false;
this.synchTooltip.hide();
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.updateHint(this.tipSynchronize + Common.Utils.String.platformKey('Ctrl+S'));
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
Common.localStorage.setItem("pe-hide-synch", 1);
}, this);
this.synchTooltip.on('closeclick', function () {
this.synchTooltip.hide();
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.updateHint(this.tipSynchronize + Common.Utils.String.platformKey('Ctrl+S'));
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
}, this);
},
synchronizeChanges: function () {
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
if (this.btnCollabChanges.rendered) {
refactoring
2018-02-24 22:19:36 +00:00
var me = this;
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
if ( me.btnCollabChanges.$icon.hasClass('btn-synch') ) {
me.btnCollabChanges.$icon.removeClass('btn-synch').addClass(this.btnSaveCls);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
if (this.synchTooltip)
this.synchTooltip.hide();
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
this.btnCollabChanges.updateHint(this.btnSaveTip);
[DE][PE][SSE] synchronize extra buttons state through events
2018-02-15 23:56:17 +00:00
this.btnSave.setDisabled(!me.mode.forcesave);
Synchronize save buttons in the toolbar and left menu.
2017-09-05 07:54:44 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
this._state.hasCollaborativeChanges = false;
}
}
},
[PE] Added equations.
2016-10-25 10:48:31 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
onApiUsersChanged: function (users) {
var editusers = [];
_.each(users, function (item) {
if (!item.asc_getView())
editusers.push(item);
});
[PE] Added equations.
2016-10-25 10:48:31 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
var length = _.size(editusers);
var cls = (length > 1) ? 'btn-save-coauth' : 'btn-save';
[SE PE] absract 'save' button
2018-02-28 13:17:53 +00:00
if (cls !== this.btnSaveCls && this.btnCollabChanges.rendered) {
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
this.btnSaveTip = ((length > 1) ? this.tipSaveCoauth : this.tipSave ) + Common.Utils.String.platformKey('Ctrl+S');
webapps added
2016-03-11 00:48:53 +00:00
[SE PE] absract 'save' button
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);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
}
this.btnSaveCls = cls;
}
},
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
/** coauthoring end **/
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
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')),
columnCount = Math.floor(picker.cmpEl.width() / itemW),
col = 0, maxHeight = 0;
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;
webapps added
2016-03-11 00:48:53 +00:00
}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
},
webapps added
2016-03-11 00:48:53 +00:00
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
updateTextartMenu: function (collection) {
var me = this;
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
var btn = me.btnInsertTextArt;
if ( btn.textartPicker ) {
if ( btn.textartPicker.store.size() == collection.size() ) {
btn.textartPicker.store.each(function (model, index) {
model.set('imageUrl', collection.at(index).get('imageUrl'));
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
} else {
btn.textartPicker.store.reset( collection.models );
}
} else {
btn.textartPicker = new Common.UI.DataView({
el: $('#view-insert-art', btn.menu.$el),
store: collection,
parentMenu: btn.menu,
showLast: false,
itemTemplate: _.template('<div class="item-art"><img src="<%= imageUrl %>" id="<%= id %>" style="width:50px;height:50px;"></div>')
});
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
btn.textartPicker.on('item:click', function(picker, item, record, e) {
Fix Bug 36134.
2017-10-24 12:59:18 +00:00
if (record)
me.fireEvent('insert:textart', [record.get('data')]);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
Fix Bug 36134.
2017-10-24 12:59:18 +00:00
if (e.type !== 'click') btn.menu.hide();
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
});
}
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
},
updateAutoshapeMenu: function (collection) {
var me = this;
for (var i = 0; i < collection.size(); i++) {
var group = collection.at(i);
me.btnsInsertShape.forEach(function (btn, index) {
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>') }
]
})
});
btn.menu.addItem(menuitem);
(new Common.UI.DataView({
el: $('.shapegroup-' + i, menuitem.$el),
store: group.get('groupStore'),
parentMenu: menuitem.menu,
showLast: false,
itemTemplate: _.template('<div class="item-shape"><img src="<%= imageUrl %>" id="<%= id %>"></div>')
})).on('item:click', function (picker, item, record, e) {
if (e.type !== 'click') Common.UI.Menu.Manager.hideAll();
Fix Bug 36134.
2017-10-24 12:59:18 +00:00
if (record)
me.fireEvent('insert:shape', [record.get('data').shapeType]);
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
});
});
}
},
[PE] Duplicate Add Slide button in the Insert tab and remove from Collaboration and Plugins tabs.
2017-11-03 11:06:03 +00:00
updateAddSlideMenu: function(collection) {
if (collection.size()<1) return;
var me = this;
me.btnsAddSlide.forEach(function (btn, index) {
if ( !btn.mnuAddSlidePicker ) {
btn.mnuAddSlidePicker = new Common.UI.DataView({
el: $('#id-toolbar-menu-addslide-' + index),
parentMenu: btn.menu,
showLast: false,
restoreHeight: 300,
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(''))
});
btn.mnuAddSlidePicker.on('item:click', function (picker, item, record, e) {
if (e.type !== 'click') Common.UI.Menu.Manager.hideAll();
if (record)
me.fireEvent('add:slide', [record.get('data').idx]);
});
if (btn.menu) {
btn.menu.on('show:after', function () {
me.onSlidePickerShowAfter(btn.mnuAddSlidePicker);
btn.mnuAddSlidePicker.scroller.update({alwaysVisibleY: true});
btn.mnuAddSlidePicker.scroller.scrollTop(0);
});
}
}
btn.mnuAddSlidePicker._needRecalcSlideLayout = true;
});
},
[PE] toolbar's new view
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',
tipInsertImage: 'Insert Picture',
mniImageFromFile: 'Picture from file',
mniImageFromUrl: 'Picture from url',
mniCustomTable: 'Insert Custom Table',
tipInsertHyperlink: 'Add Hyperlink',
tipInsertText: 'Insert Text',
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
tipInsertTextArt: 'Insert Text Art',
[PE] toolbar's new view
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',
tipViewSettings: 'View Settings',
tipAdvSettings: 'Advanced Settings',
Update translations.
2017-08-08 11:15:53 +00:00
textCompactView: 'Hide Toolbar',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
textHideTitleBar: 'Hide Title Bar',
textHideStatusBar: 'Hide Status Bar',
textHideLines: 'Hide Rulers',
textFitPage: 'Fit to Slide',
textFitWidth: 'Fit to Width',
textZoom: 'Zoom',
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',
[SSE, PE] fix bug 35473
2017-08-01 12:28:15 +00:00
capInsertText: 'Text',
capInsertTextArt: 'Text Art',
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
capInsertImage: 'Picture',
capInsertShape: 'Shape',
capInsertTable: 'Table',
capInsertChart: 'Chart',
capInsertHyperlink: 'Hyperlink',
capInsertEquation: 'Equation',
capAddSlide: 'Add Slide',
capTabFile: 'File',
capTabHome: 'Home',
Debug toolbar layout.
2017-06-15 13:18:40 +00:00
capTabInsert: 'Insert',
Added surface charts.
2017-07-05 12:22:02 +00:00
capBtnComment: 'Comment',
updated translations
2017-07-21 10:44:07 +00:00
textTabFile: 'File',
textTabHome: 'Home',
textTabInsert: 'Insert',
[PE] Start presenter mode from toolbar menu.
2017-08-11 07:26:21 +00:00
textSurface: 'Surface',
[PE] Added Protection tab. Changed signature settings in the right and left menu.
2017-11-28 12:39:36 +00:00
textShowPresenterView: 'Show presenter view',
[PE] Added Protection tab. Changed signature settings in the right and left menu.
2017-11-17 14:23:38 +00:00
textTabCollaboration: 'Collaboration',
[PE] Added Protection tab. Changed signature settings in the right and left menu.
2017-11-28 12:39:36 +00:00
textTabProtect: 'Protection'
[PE] toolbar's new view
2017-04-20 13:34:39 +00:00
}
}()), PE.Views.Toolbar || {}));
webapps added
2016-03-11 00:48:53 +00:00
});
Reference in a new issue Copy permalink