Merge pull request #989 from ONLYOFFICE/feature/alt-keys
Feature/alt keys
This commit is contained in:
JuliaSvinareva
GitHub
commit
cf48a73019
|
|
@ -194,7 +194,7 @@ define([
|
|||
'<% } %>';
|
||||
|
||||
var templateHugeCaption =
|
||||
'<button type="button" class="btn <%= cls %>" id="<%= id %>" > ' +
|
||||
'<button type="button" class="btn <%= cls %>" id="<%= id %>" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>" <% if (dataHintTitle) { %> data-hint-title="<%= dataHintTitle %>" <% } %>> ' +
|
||||
'<div class="inner-box-icon">' +
|
||||
templateBtnIcon +
|
||||
'</div>' +
|
||||
|
|
@ -205,7 +205,7 @@ define([
|
|||
|
||||
var templateHugeMenuCaption =
|
||||
'<div class="btn-group icon-top" id="<%= id %>" style="<%= style %>">' +
|
||||
'<button type="button" class="btn dropdown-toggle <%= cls %>" data-toggle="dropdown">' +
|
||||
'<button type="button" class="btn dropdown-toggle <%= cls %>" data-toggle="dropdown" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>" <% if (dataHintTitle) { %> data-hint-title="<%= dataHintTitle %>" <% } %>>' +
|
||||
'<div class="inner-box-icon">' +
|
||||
templateBtnIcon +
|
||||
'</div>' +
|
||||
|
|
@ -223,7 +223,7 @@ define([
|
|||
templateBtnIcon +
|
||||
'</span>' +
|
||||
'</button>' +
|
||||
'<button type="button" class="btn <%= cls %> inner-box-caption dropdown-toggle" data-toggle="dropdown">' +
|
||||
'<button type="button" class="btn <%= cls %> inner-box-caption dropdown-toggle" data-toggle="dropdown" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>" <% if (dataHintTitle) { %> data-hint-title="<%= dataHintTitle %>" <% } %>>' +
|
||||
'<span class="btn-fixflex-vcenter">' +
|
||||
'<span class="caption"><%= caption %></span>' +
|
||||
'<i class="caret"></i>' +
|
||||
|
|
@ -245,7 +245,10 @@ define([
|
|||
disabled : false,
|
||||
pressed : false,
|
||||
split : false,
|
||||
visible : true
|
||||
visible : true,
|
||||
dataHint : '',
|
||||
dataHintDirection: '',
|
||||
dataHintOffset: '0, 0'
|
||||
},
|
||||
|
||||
template: _.template([
|
||||
|
|
@ -261,13 +264,13 @@ define([
|
|||
'}} %>',
|
||||
'<% } %>',
|
||||
'<% if ( !menu ) { %>',
|
||||
'<button type="button" class="btn <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<button type="button" class="btn <%= cls %>" id="<%= id %>" style="<%= style %>" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>" <% if (dataHintTitle) { %> data-hint-title="<%= dataHintTitle %>" <% } %>>',
|
||||
'<% applyicon() %>',
|
||||
'<span class="caption"><%= caption %></span>',
|
||||
'</button>',
|
||||
'<% } else if (split == false) {%>',
|
||||
'<div class="btn-group" id="<%= id %>" style="<%= style %>">',
|
||||
'<button type="button" class="btn dropdown-toggle <%= cls %>" data-toggle="dropdown">',
|
||||
'<button type="button" class="btn dropdown-toggle <%= cls %>" data-toggle="dropdown" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>" <% if (dataHintTitle) { %> data-hint-title="<%= dataHintTitle %>" <% } %>>',
|
||||
'<% applyicon() %>',
|
||||
'<span class="caption"><%= caption %></span>',
|
||||
'<span class="inner-box-caret">' +
|
||||
|
|
@ -281,7 +284,7 @@ define([
|
|||
'<% applyicon() %>',
|
||||
'<span class="caption"><%= caption %></span>',
|
||||
'</button>',
|
||||
'<button type="button" class="btn <%= cls %> dropdown-toggle" data-toggle="dropdown">',
|
||||
'<button type="button" class="btn <%= cls %> dropdown-toggle" data-toggle="dropdown" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>" <% if (dataHintTitle) { %> data-hint-title="<%= dataHintTitle %>" <% } %>>',
|
||||
'<i class="caret"></i>',
|
||||
'<span class="sr-only"></span>',
|
||||
'</button>',
|
||||
|
|
@ -350,7 +353,11 @@ define([
|
|||
disabled : me.disabled,
|
||||
pressed : me.pressed,
|
||||
caption : me.caption,
|
||||
style : me.style
|
||||
style : me.style,
|
||||
dataHint : me.options.dataHint,
|
||||
dataHintDirection: me.options.dataHintDirection,
|
||||
dataHintOffset: me.options.dataHintOffset,
|
||||
dataHintTitle: me.options.dataHintTitle
|
||||
}));
|
||||
|
||||
if (me.menu && _.isObject(me.menu) && _.isFunction(me.menu.render))
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@ define([
|
|||
value : 'unchecked',
|
||||
|
||||
template : _.template('<label class="checkbox-indeterminate"><input id="<%= id %>" type="checkbox" class="checkbox__native">' +
|
||||
'<label for="<%= id %>" class="checkbox__shape"></label><span></span></label>'),
|
||||
'<label for="<%= id %>" class="checkbox__shape" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>"></label><span></span></label>'),
|
||||
|
||||
initialize : function(options) {
|
||||
Common.UI.BaseView.prototype.initialize.call(this, options);
|
||||
|
|
@ -108,7 +108,10 @@ define([
|
|||
var me = this;
|
||||
if (!me.rendered) {
|
||||
var elem = this.template({
|
||||
id: Common.UI.getId('chb-')
|
||||
id: Common.UI.getId('chb-'),
|
||||
dataHint: me.options.dataHint,
|
||||
dataHintDirection: me.options.dataHintDirection,
|
||||
dataHintOffset: me.options.dataHintOffset
|
||||
});
|
||||
if (parentEl) {
|
||||
this.setElement(parentEl, false);
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ define([
|
|||
], function () {
|
||||
'use strict';
|
||||
|
||||
Common.UI.ButtonColored = Common.UI.Button.extend(_.extend({
|
||||
Common.UI.ButtonColored = Common.UI.Button.extend(_.extend({
|
||||
render: function(parentEl) {
|
||||
Common.UI.Button.prototype.render.call(this, parentEl);
|
||||
|
||||
|
|
@ -242,7 +242,7 @@ define([
|
|||
|
||||
template: _.template([
|
||||
'<div class="btn-group" id="<%= id %>">',
|
||||
'<button type="button" class="btn btn-color dropdown-toggle <%= cls %>" data-toggle="dropdown" style="<%= style %>">',
|
||||
'<button type="button" class="btn btn-color dropdown-toggle <%= cls %>" data-toggle="dropdown" style="<%= style %>" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>">',
|
||||
'<span> </span>',
|
||||
'<span class="inner-box-caret">',
|
||||
'<i class="caret"></i>',
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@ define([
|
|||
Common.UI.ComboBorderSize = Common.UI.ComboBox.extend(_.extend({
|
||||
template: _.template([
|
||||
'<div class="input-group combobox combo-border-size input-group-nr <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<div class="form-control" style="<%= style %>">',
|
||||
'<div class="form-control" style="<%= style %>" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>">',
|
||||
'<i class="image"></i>',
|
||||
'<span class="text"></span>',
|
||||
'</div>',
|
||||
|
|
@ -183,7 +183,7 @@ define([
|
|||
Common.UI.ComboBorderSizeEditable = Common.UI.ComboBox.extend(_.extend({
|
||||
template: _.template([
|
||||
'<span class="input-group combobox combo-border-size input-group-nr <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<input type="text" class="form-control text">',
|
||||
'<input type="text" class="form-control text" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>">',
|
||||
'<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">',
|
||||
'<span class="caret"></span>',
|
||||
'</button>',
|
||||
|
|
@ -235,7 +235,7 @@ define([
|
|||
Common.UI.ComboBorderType = Common.UI.ComboBorderSize.extend(_.extend({
|
||||
template: _.template([
|
||||
'<div class="input-group combobox combo-border-size input-group-nr <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<div class="form-control" style="<%= style %>">',
|
||||
'<div class="form-control" style="<%= style %>" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>">',
|
||||
'<i class="image"></i>',
|
||||
'</div>',
|
||||
'<div style="display: table-cell;"></div>',
|
||||
|
|
|
|||
|
|
@ -87,12 +87,15 @@ define([
|
|||
valueField : 'value',
|
||||
search : false,
|
||||
scrollAlwaysVisible: false,
|
||||
takeFocusOnClose: false
|
||||
takeFocusOnClose: false,
|
||||
dataHint: '',
|
||||
dataHintDirection: '',
|
||||
dataHintOffset: ''
|
||||
},
|
||||
|
||||
template: _.template([
|
||||
'<span class="input-group combobox <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<input type="text" class="form-control" spellcheck="false">',
|
||||
'<input type="text" class="form-control" spellcheck="false" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>">',
|
||||
'<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">',
|
||||
'<span class="caret"></span>',
|
||||
'</button>',
|
||||
|
|
@ -147,7 +150,10 @@ define([
|
|||
menuCls : this.menuCls,
|
||||
menuStyle : this.menuStyle,
|
||||
items : items,
|
||||
scope : me
|
||||
scope : me,
|
||||
dataHint : this.options.dataHint,
|
||||
dataHintDirection: this.options.dataHintDirection,
|
||||
dataHintOffset: this.options.dataHintOffset
|
||||
}));
|
||||
if (this.itemsTemplate)
|
||||
this.cmpEl.find('ul').html(
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@ define([
|
|||
return {
|
||||
template: _.template([
|
||||
'<div class="input-group combobox fonts <%= cls %>" id="<%= id %>" style="<%= style %>">',
|
||||
'<input type="text" class="form-control" spellcheck="false"> ',
|
||||
'<input type="text" class="form-control" spellcheck="false" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>"> ',
|
||||
'<div style="display: table-cell;"></div>',
|
||||
'<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>',
|
||||
'<ul class="dropdown-menu <%= menuCls %>" style="<%= menuStyle %>" role="menu">',
|
||||
|
|
|
|||
|
|
@ -60,7 +60,10 @@ define([
|
|||
beforeOpenHandler : null,
|
||||
additionalMenuItems : null,
|
||||
showLast: true,
|
||||
minWidth: -1
|
||||
minWidth: -1,
|
||||
dataHint: '',
|
||||
dataHintDirection: '',
|
||||
dataHintOffset: ''
|
||||
},
|
||||
|
||||
template: _.template([
|
||||
|
|
@ -110,7 +113,10 @@ define([
|
|||
items: [
|
||||
{template: _.template('<div class="menu-picker-container"></div>')}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: this.options.dataHint,
|
||||
dataHintDirection: this.options.dataHintDirection,
|
||||
dataHintOffset: this.options.dataHintOffset
|
||||
});
|
||||
|
||||
if (this.options.additionalMenuItems != null) {
|
||||
|
|
|
|||
|
|
@ -125,6 +125,9 @@ define([
|
|||
var me = this;
|
||||
|
||||
me.template = me.options.template || me.template;
|
||||
me.dataHint = me.options.dataHint || '';
|
||||
me.dataHintDirection = me.options.dataHintDirection || '';
|
||||
me.dataHintOffset = me.options.dataHintOffset || '';
|
||||
|
||||
me.listenTo(me.model, 'change', me.render);
|
||||
me.listenTo(me.model, 'change:selected', me.onSelectChange);
|
||||
|
|
@ -140,6 +143,15 @@ define([
|
|||
el.html(this.template(this.model.toJSON()));
|
||||
el.addClass('item');
|
||||
el.toggleClass('selected', this.model.get('selected') && this.model.get('allowSelected'));
|
||||
|
||||
if (this.dataHint !== '') {
|
||||
el.attr('data-hint', this.dataHint);
|
||||
el.attr('data-hint-direction', this.dataHintDirection);
|
||||
el.attr('data-hint-offset', this.dataHintOffset);
|
||||
}
|
||||
if (!_.isUndefined(this.model.get('contentTarget')))
|
||||
el.attr('content-target', this.model.get('contentTarget'));
|
||||
|
||||
el.off('click dblclick contextmenu');
|
||||
el.on({ 'click': _.bind(this.onClick, this),
|
||||
'dblclick': _.bind(this.onDblClick, this),
|
||||
|
|
@ -232,6 +244,9 @@ define([
|
|||
me.store = me.options.store || new Common.UI.DataViewStore();
|
||||
me.groups = me.options.groups || null;
|
||||
me.itemTemplate = me.options.itemTemplate || null;
|
||||
me.itemDataHint = me.options.itemDataHint || '';
|
||||
me.itemDataHintDirection = me.options.itemDataHintDirection || '';
|
||||
me.itemDataHintOffset = me.options.itemDataHintOffset || '';
|
||||
me.multiSelect = me.options.multiSelect;
|
||||
me.handleSelect = me.options.handleSelect;
|
||||
me.parentMenu = me.options.parentMenu;
|
||||
|
|
@ -400,7 +415,10 @@ define([
|
|||
onAddItem: function(record, store, opts) {
|
||||
var view = new Common.UI.DataViewItem({
|
||||
template: this.itemTemplate,
|
||||
model: record
|
||||
model: record,
|
||||
dataHint: this.itemDataHint,
|
||||
dataHintDirection: this.itemDataHintDirection,
|
||||
dataHintOffset: this.itemDataHintOffset
|
||||
});
|
||||
|
||||
if (view) {
|
||||
|
|
@ -790,7 +808,7 @@ define([
|
|||
'<div class="dataview inner" style="<%= style %>">',
|
||||
'<% _.each(items, function(item) { %>',
|
||||
'<% if (!item.id) item.id = Common.UI.getId(); %>',
|
||||
'<div class="item" <% if(!!item.tip) { %> data-toggle="tooltip" <% } %> ><%= itemTemplate(item) %></div>',
|
||||
'<div class="item" <% if(!!item.tip) { %> data-toggle="tooltip" <% } %> data-hint="<%= item.dataHint %>" data-hint-direction="<%= item.dataHintDirection %>" data-hint-offset="<%= item.dataHintOffset %>"><%= itemTemplate(item) %></div>',
|
||||
'<% }) %>',
|
||||
'</div>'
|
||||
].join('')),
|
||||
|
|
@ -952,7 +970,7 @@ define([
|
|||
var template = _.template([
|
||||
'<% _.each(items, function(item) { %>',
|
||||
'<% if (!item.id) item.id = Common.UI.getId(); %>',
|
||||
'<div class="item" <% if(!!item.tip) { %> data-toggle="tooltip" <% } %> ><%= itemTemplate(item) %></div>',
|
||||
'<div class="item" <% if(!!item.tip) { %> data-toggle="tooltip" <% } %> data-hint="<%= item.dataHint %>" data-hint-direction="<%= item.dataHintDirection %>" data-hint-offset="<%= item.dataHintOffset %>"><%= itemTemplate(item) %></div>',
|
||||
'<% }) %>'
|
||||
].join(''));
|
||||
this.cmpEl && this.cmpEl.find('.inner').html(template({
|
||||
|
|
|
|||
512
apps/common/main/lib/component/HintManager.js
Normal file
512
apps/common/main/lib/component/HintManager.js
Normal file
|
|
@ -0,0 +1,512 @@
|
|||
/*
|
||||
*
|
||||
* (c) Copyright Ascensio System SIA 2010-2021
|
||||
*
|
||||
* This program is a free software product. You can redistribute it and/or
|
||||
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
||||
* version 3 as published by the Free Software Foundation. In accordance with
|
||||
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
||||
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
||||
* of any third-party rights.
|
||||
*
|
||||
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
||||
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
||||
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
||||
*
|
||||
* You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
|
||||
* street, Riga, Latvia, EU, LV-1050.
|
||||
*
|
||||
* The interactive user interfaces in modified source and object code versions
|
||||
* of the Program must display Appropriate Legal Notices, as required under
|
||||
* Section 5 of the GNU AGPL version 3.
|
||||
*
|
||||
* Pursuant to Section 7(b) of the License you must retain the original Product
|
||||
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
||||
* grant you any rights under trademark law for use of our trademarks.
|
||||
*
|
||||
* All the Product's GUI elements, including illustrations and icon sets, as
|
||||
* well as technical writing content are licensed under the terms of the
|
||||
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
||||
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* HintManager.js
|
||||
*
|
||||
* Created by Julia Radzhabova on 21.04.2021
|
||||
* Copyright (c) 2021 Ascensio System SIA. All rights reserved.
|
||||
*
|
||||
*/
|
||||
|
||||
/**
|
||||
* Example usage with simple items:
|
||||
*
|
||||
* <button ... data-hint="1" data-hint-direction="right" data-hint-offset="big" data-hint-title="B">...</button>
|
||||
* <label ... data-hint="1" data-hint-direction="bottom" data-hint-offset="medium" data-hint-title="L">...</label>
|
||||
*
|
||||
* Example usage with components:
|
||||
*
|
||||
* new Common.UI.Button({
|
||||
* ...
|
||||
* dataHint: '1', // '0' - tabs in toolbar, left and right menu, statusbar;
|
||||
* // '1' - file menu, contents of toolbar tabs, contents of right and left panels
|
||||
* dataHintDirection: 'bottom', // top, bottom, right, left, left-top
|
||||
* dataHintOffset: 'small', // big - 6px, medium - 4px, small - 2px
|
||||
* dataHintTitle : 'S'
|
||||
* });
|
||||
*
|
||||
* new Common.UI.CheckBox({
|
||||
* ...
|
||||
* dataHint: '1',
|
||||
* dataHintDirection: 'left',
|
||||
* dataHintOffset: 'small'
|
||||
* });
|
||||
*
|
||||
* new Common.UI.ComboBox({
|
||||
* ...
|
||||
* dataHint: '1',
|
||||
* dataHintDirection: 'bottom',
|
||||
* dataHintOffset: 'big'
|
||||
* });
|
||||
*
|
||||
* new Common.UI.InputField({
|
||||
* ...
|
||||
* dataHint: '1',
|
||||
* dataHintDirection: 'left',
|
||||
* dataHintOffset: 'small'
|
||||
* });
|
||||
*
|
||||
* new Common.UI.MetricSpinner({
|
||||
* ...
|
||||
* dataHint: '1',
|
||||
* dataHintDirection: 'bottom',
|
||||
* dataHintOffset: 'big'
|
||||
* });
|
||||
*
|
||||
* new Common.UI.RadioBox({
|
||||
* ...
|
||||
* dataHint: '1',
|
||||
* dataHintDirection: 'left',
|
||||
* dataHintOffset: 'small'
|
||||
* });
|
||||
*/
|
||||
|
||||
|
||||
if (Common === undefined)
|
||||
var Common = {};
|
||||
|
||||
if (Common.UI === undefined) {
|
||||
Common.UI = {};
|
||||
}
|
||||
|
||||
Common.UI.HintManager = new(function() {
|
||||
var _lang = 'en',
|
||||
_arrAlphabet = [],
|
||||
_arrEnAlphabet = [],
|
||||
_arrQwerty = [],
|
||||
_arrEnQwerty = [],
|
||||
_isAlt = false,
|
||||
_hintVisible = false,
|
||||
_currentLevel = 0,
|
||||
_currentSection = document,
|
||||
_currentControls = [],
|
||||
_currentHints = [],
|
||||
_inputLetters = '',
|
||||
_isComplete = false,
|
||||
_isLockedKeyEvents = false,
|
||||
_inputTimer;
|
||||
|
||||
var _api;
|
||||
|
||||
var _setCurrentSection = function (btn) {
|
||||
if (btn === 'esc') {
|
||||
if (_currentLevel === 0) {
|
||||
_currentSection = document;
|
||||
}
|
||||
return;
|
||||
}
|
||||
if ($('#file-menu-panel').is(':visible')) {
|
||||
_currentSection = $('#file-menu-panel');
|
||||
} else {
|
||||
_currentSection = (btn && btn.closest('.hint-section')) || document;
|
||||
}
|
||||
};
|
||||
|
||||
var _lockedKeyEvents = function (isLocked) {
|
||||
if (_api) {
|
||||
_isLockedKeyEvents = isLocked;
|
||||
_api.asc_enableKeyEvents(!isLocked);
|
||||
}
|
||||
};
|
||||
|
||||
var _showHints = function () {
|
||||
_inputLetters = '';
|
||||
if (_currentHints.length === 0 || ($('#file-menu-panel').is(':visible') && _currentLevel === 1)) {
|
||||
_getHints();
|
||||
}
|
||||
if (_currentHints.length > 0) {
|
||||
!_isLockedKeyEvents && _lockedKeyEvents(true);
|
||||
_hintVisible = true;
|
||||
_currentHints.forEach(function(item) {
|
||||
item.show();
|
||||
});
|
||||
_inputTimer = setInterval(function () {
|
||||
if (_inputLetters.length > 0) {
|
||||
_inputLetters = '';
|
||||
}
|
||||
}, 5000);
|
||||
} else {
|
||||
_hintVisible = false;
|
||||
}
|
||||
};
|
||||
|
||||
var _hideHints = function() {
|
||||
_hintVisible = false;
|
||||
_currentHints && _currentHints.forEach(function(item) {
|
||||
item.hide()
|
||||
});
|
||||
clearInterval(_inputTimer);
|
||||
};
|
||||
|
||||
var _nextLevel = function() {
|
||||
_removeHints();
|
||||
_currentHints.length = 0;
|
||||
_currentControls.length = 0;
|
||||
_currentLevel++;
|
||||
};
|
||||
|
||||
var _prevLevel = function() {
|
||||
_removeHints();
|
||||
_currentHints.length = 0;
|
||||
_currentControls.length = 0;
|
||||
_currentLevel--;
|
||||
};
|
||||
|
||||
var _getLetters = function(countButtons) {
|
||||
var arr = [..._arrAlphabet];
|
||||
arr[0] = _arrAlphabet[0].repeat(2);
|
||||
for (var i = 1; arr.length < countButtons; i++) {
|
||||
arr.push(_arrAlphabet[0] + _arrAlphabet[i]);
|
||||
}
|
||||
return arr;
|
||||
};
|
||||
|
||||
var _isItemDisabled = function (item) {
|
||||
return (item.hasClass('disabled') || item.parent().hasClass('disabled') || item.attr('disabled'));
|
||||
};
|
||||
|
||||
var _getControls = function() {
|
||||
_currentControls = [];
|
||||
var arr = $(_currentSection).find('[data-hint=' + (_currentLevel) + ']').toArray();
|
||||
var visibleItems = arr.filter(function (item) {
|
||||
return $(item).is(':visible');
|
||||
});
|
||||
var visibleItemsWithTitle = $(_currentSection).find('[data-hint-title][data-hint=' + (_currentLevel) + ']').toArray().filter(function (item) {
|
||||
return $(item).is(':visible');
|
||||
});
|
||||
if (visibleItems.length === visibleItemsWithTitle.length) { // all buttons have data-hint-title
|
||||
visibleItems.forEach(function (item) {
|
||||
var el = $(item);
|
||||
_currentControls.push(el);
|
||||
});
|
||||
return;
|
||||
}
|
||||
var _arrLetters = [];
|
||||
if (visibleItems.length > _arrAlphabet.length) {
|
||||
_arrLetters = _getLetters(visibleItems.length);
|
||||
} else {
|
||||
_arrLetters = [..._arrAlphabet];
|
||||
}
|
||||
var usedLetters = [];
|
||||
if ($(_currentSection).find('[data-hint-title]').length > 0) {
|
||||
visibleItems.forEach(function (item) {
|
||||
var el = $(item);
|
||||
var title = el.attr('data-hint-title');
|
||||
if (title) {
|
||||
var ind = _arrEnAlphabet.indexOf(title.toLowerCase());
|
||||
if (ind === -1) { // we have already changed
|
||||
usedLetters.push(_arrAlphabet.indexOf(title.toLowerCase()));
|
||||
} else {
|
||||
usedLetters.push(ind);
|
||||
if (_lang !== 'en') {
|
||||
el.attr('data-hint-title', _arrLetters[ind].toUpperCase());
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
var index = 0;
|
||||
visibleItems.forEach(function (item) {
|
||||
var el = $(item);
|
||||
while (usedLetters.indexOf(index) !== -1) {
|
||||
index++;
|
||||
}
|
||||
var title = el.attr('data-hint-title');
|
||||
if (!title) {
|
||||
el.attr('data-hint-title', _arrLetters[index].toUpperCase());
|
||||
index++;
|
||||
}
|
||||
_currentControls.push(el);
|
||||
});
|
||||
};
|
||||
|
||||
var _getHints = function() {
|
||||
if (_currentControls.length === 0)
|
||||
_getControls();
|
||||
_currentControls.forEach(function(item, index) {
|
||||
if (!_isItemDisabled(item)) {
|
||||
if ($(_currentSection).prop('id') === 'toolbar' && ($(_currentSection).find('.toolbar-mask').length > 0 || item.closest('.group').find('.toolbar-group-mask').length > 0)) {
|
||||
return;
|
||||
}
|
||||
if (window.SSE && item.parent().prop('id') === 'statusbar_bottom') {
|
||||
var $statusbar = item.parent();
|
||||
if (item.offset().left > $statusbar.offset().left + $statusbar.width()) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
var hint = $('<div style="" class="hint-div">' + item.attr('data-hint-title') + '</div>');
|
||||
var direction = item.attr('data-hint-direction');
|
||||
// exceptions
|
||||
if (window.SSE && _currentSection.nodeType !== 9 &&
|
||||
_currentSection.prop('id') === 'toolbar' && item.closest('.panel').attr('data-tab') === 'data') {
|
||||
if (item.parent().hasClass('slot-sortdesc') || item.parent().hasClass('slot-btn-setfilter')) {
|
||||
direction = 'top';
|
||||
item.attr('data-hint-direction', 'top');
|
||||
} else if (item.parent().hasClass('slot-btn-clear-filter') || item.parent().hasClass('slot-sortasc')) {
|
||||
direction = 'bottom';
|
||||
item.attr('data-hint-direction', 'bottom');
|
||||
}
|
||||
}
|
||||
var offsets = item.attr('data-hint-offset');
|
||||
var applyOffset = offsets === 'big' ? 6 : (offsets === 'medium' ? 4 : (offsets === 'small' ? 2 : 0));
|
||||
if (applyOffset) {
|
||||
switch (direction) {
|
||||
case 'bottom':
|
||||
offsets = [-applyOffset, 0];
|
||||
break;
|
||||
case 'top':
|
||||
offsets = [applyOffset, 0];
|
||||
break;
|
||||
case 'right':
|
||||
offsets = [0, -applyOffset];
|
||||
break;
|
||||
case 'left':
|
||||
offsets = [0, applyOffset];
|
||||
break;
|
||||
}
|
||||
} else {
|
||||
offsets = offsets ? item.attr('data-hint-offset').split(',').map((item) => (parseInt(item))) : [0, 0];
|
||||
}
|
||||
var offset = item.offset();
|
||||
if (direction === 'left-top')
|
||||
hint.css({
|
||||
top: offset.top - 10 + offsets[0],
|
||||
left: offset.left - 10 + offsets[1]
|
||||
});
|
||||
else if (direction === 'top')
|
||||
hint.css({
|
||||
top: offset.top - 18 + offsets[0],
|
||||
left: offset.left + (item.outerWidth() - 18) / 2 + offsets[1]
|
||||
});
|
||||
else if (direction === 'right')
|
||||
hint.css({
|
||||
top: offset.top + (item.outerHeight() - 18) / 2 + offsets[0],
|
||||
left: offset.left + item.outerWidth() + offsets[1]
|
||||
});
|
||||
else if (direction === 'left')
|
||||
hint.css({
|
||||
top: offset.top + (item.outerHeight() - 18) / 2 + offsets[0],
|
||||
left: offset.left - 18 + offsets[1]
|
||||
});
|
||||
else
|
||||
hint.css({
|
||||
top: offset.top + item.outerHeight() + offsets[0],
|
||||
left: offset.left + (item.outerWidth() - 18) / 2 + offsets[1]
|
||||
});
|
||||
$(document.body).append(hint);
|
||||
|
||||
_currentHints.push(hint);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var _removeHints = function() {
|
||||
_currentHints && _currentHints.forEach(function(item) {
|
||||
item.remove()
|
||||
});
|
||||
};
|
||||
|
||||
var _resetToDefault = function() {
|
||||
_currentLevel = $('#file-menu-panel').is(':visible') ? 1 : 0;
|
||||
_setCurrentSection();
|
||||
_currentHints.length = 0;
|
||||
_currentControls.length = 0;
|
||||
};
|
||||
|
||||
var _init = function(api) {
|
||||
_api = api;
|
||||
Common.NotificationCenter.on({
|
||||
'app:ready': function (mode) {
|
||||
_lang = mode.lang;
|
||||
_getAlphabetLetters();
|
||||
},
|
||||
'hints:clear': _clearHints
|
||||
});
|
||||
$('#editor_sdk').on('click', function () {
|
||||
_clearHints();
|
||||
});
|
||||
$(document).on('mousedown', function () {
|
||||
_clearHints();
|
||||
});
|
||||
$(document).on('keyup', function(e) {
|
||||
if (e.keyCode == Common.UI.Keys.ALT && _isAlt) {
|
||||
e.preventDefault();
|
||||
if (!_hintVisible) {
|
||||
$('input').blur(); // to change value in inputField
|
||||
_currentLevel = $('#file-menu-panel').is(':visible') ? 1 : 0;
|
||||
_setCurrentSection();
|
||||
_showHints();
|
||||
} else {
|
||||
_hideHints();
|
||||
_resetToDefault();
|
||||
if (_isLockedKeyEvents) {
|
||||
_isLockedKeyEvents = false;
|
||||
_api.asc_enableKeyEvents(true);
|
||||
}
|
||||
}
|
||||
} else if (_hintVisible) {
|
||||
e.preventDefault();
|
||||
}
|
||||
_isAlt = false;
|
||||
});
|
||||
$(document).on('keydown', function(e) {
|
||||
if (_hintVisible) {
|
||||
e.preventDefault();
|
||||
if (e.keyCode == Common.UI.Keys.ESC ) {
|
||||
if (_currentLevel === 0) {
|
||||
_hideHints();
|
||||
_lockedKeyEvents(false);
|
||||
} else {
|
||||
_prevLevel();
|
||||
_setCurrentSection('esc');
|
||||
_showHints();
|
||||
}
|
||||
} else {
|
||||
var curLetter = null;
|
||||
var keyCode = e.keyCode;
|
||||
if (keyCode !== 16 && keyCode !== 17 && keyCode !== 18 && keyCode !== 91) {
|
||||
curLetter = _lang === 'en' ? ((keyCode > 47 && keyCode < 58 || keyCode > 64 && keyCode < 91) ? String.fromCharCode(e.keyCode) : null) : e.key;
|
||||
}
|
||||
if (curLetter) {
|
||||
var curr;
|
||||
if (_lang !== 'en' && _arrAlphabet.indexOf(curLetter.toLowerCase()) === -1) {
|
||||
var ind = _arrEnQwerty.indexOf(curLetter.toLowerCase());
|
||||
if (ind !== -1) {
|
||||
curLetter = _arrQwerty[ind];
|
||||
}
|
||||
}
|
||||
_inputLetters = _inputLetters + curLetter.toUpperCase();
|
||||
for (var i = 0; i < _currentControls.length; i++) {
|
||||
var item = _currentControls[i];
|
||||
if (!_isItemDisabled(item) && item.attr('data-hint-title') === _inputLetters) {
|
||||
curr = item;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (curr) {
|
||||
var tag = curr.prop("tagName").toLowerCase();
|
||||
if (window.SSE && curr.parent().prop('id') === 'statusbar_bottom') {
|
||||
_hideHints();
|
||||
curr.contextmenu();
|
||||
_resetToDefault();
|
||||
} else if (tag === 'input' || tag === 'textarea') {
|
||||
_hideHints();
|
||||
curr.trigger(jQuery.Event('click', {which: 1}));
|
||||
curr.focus();
|
||||
_resetToDefault();
|
||||
} else {
|
||||
_isComplete = false;
|
||||
_hideHints();
|
||||
if ($(_currentSection).prop('id') === 'toolbar' && ($(_currentSection).find('.toolbar-mask').length > 0 || curr.closest('.group').find('.toolbar-group-mask').length > 0)) {
|
||||
_resetToDefault();
|
||||
return;
|
||||
}
|
||||
if (!curr.attr('content-target') || (curr.attr('content-target') && !$(`#${curr.attr('content-target')}`).is(':visible'))) { // need to open panel
|
||||
if (!($('#file-menu-panel').is(':visible') && (curr.parent().prop('id') === 'fm-btn-info' && $('#panel-info').is(':visible') ||
|
||||
curr.parent().prop('id') === 'fm-btn-settings' && $('#panel-settings').is(':visible')))) {
|
||||
if (curr.attr('for')) { // to trigger event in checkbox
|
||||
$(`#${curr.attr('for')}`).trigger(jQuery.Event('click', {which: 1}));
|
||||
} else {
|
||||
curr.trigger(jQuery.Event('click', {which: 1}));
|
||||
}
|
||||
}
|
||||
}
|
||||
if (curr.prop('id') === 'btn-goback' || curr.closest('.btn-slot').prop('id') === 'slot-btn-options' || curr.prop('id') === 'left-btn-thumbs') {
|
||||
_resetToDefault();
|
||||
return;
|
||||
}
|
||||
if (curr.prop('id') === 'add-comment-doc') {
|
||||
_removeHints();
|
||||
_currentHints.length = 0;
|
||||
_currentControls.length = 0;
|
||||
_showHints();
|
||||
return;
|
||||
}
|
||||
if (!_isComplete) {
|
||||
_nextLevel();
|
||||
_setCurrentSection(curr);
|
||||
_showHints();
|
||||
if (_currentHints.length < 1) {
|
||||
_resetToDefault();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_isAlt = (e.keyCode == Common.UI.Keys.ALT);
|
||||
});
|
||||
};
|
||||
|
||||
var _getAlphabetLetters = function () {
|
||||
Common.Utils.loadConfig('../../common/main/resources/alphabetletters/alphabetletters.json', function (langsJson) {
|
||||
_arrAlphabet = langsJson[_lang];
|
||||
_arrEnAlphabet = langsJson['en'];
|
||||
});
|
||||
Common.Utils.loadConfig('../../common/main/resources/alphabetletters/qwertyletters.json', function (langsJson) {
|
||||
_arrQwerty = langsJson[_lang];
|
||||
if (_lang !== 'en') {
|
||||
_arrEnQwerty = langsJson['en'];
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var _needCloseFileMenu = function () {
|
||||
return !(_hintVisible && _currentLevel > 1);
|
||||
};
|
||||
|
||||
var _clearHints = function (isComplete) {
|
||||
_hintVisible && _hideHints();
|
||||
if (_currentHints.length > 0) {
|
||||
_resetToDefault();
|
||||
}
|
||||
_isLockedKeyEvents && _lockedKeyEvents(false);
|
||||
|
||||
if (isComplete) {
|
||||
_isComplete = true;
|
||||
}
|
||||
};
|
||||
|
||||
var _isHintVisible = function () {
|
||||
return _hintVisible;
|
||||
};
|
||||
|
||||
return {
|
||||
init: _init,
|
||||
clearHints: _clearHints,
|
||||
needCloseFileMenu: _needCloseFileMenu,
|
||||
isHintVisible: _isHintVisible
|
||||
}
|
||||
})();
|
||||
|
|
@ -87,6 +87,9 @@ define([
|
|||
'class="form-control <%= cls %>" ',
|
||||
'placeholder="<%= placeHolder %>" ',
|
||||
'value="<%= value %>"',
|
||||
'data-hint="<%= dataHint %>"',
|
||||
'data-hint-direction="<%= dataHintDirection %>"',
|
||||
'data-hint-offset="<%= dataHintOffset %>"',
|
||||
'>',
|
||||
'<span class="input-error"></span>',
|
||||
'</div>'
|
||||
|
|
@ -135,6 +138,9 @@ define([
|
|||
name : this.name,
|
||||
placeHolder : this.placeHolder,
|
||||
spellcheck : this.spellcheck,
|
||||
dataHint : this.options.dataHint,
|
||||
dataHintDirection: this.options.dataHintDirection,
|
||||
dataHintOffset: this.options.dataHintOffset,
|
||||
scope : me
|
||||
}));
|
||||
|
||||
|
|
|
|||
|
|
@ -102,13 +102,16 @@ define([
|
|||
toggleGroup : null,
|
||||
iconCls : '',
|
||||
menu : null,
|
||||
canFocused : true
|
||||
canFocused : true,
|
||||
dataHint : '',
|
||||
dataHintDirection: '',
|
||||
dataHintOffset: ''
|
||||
},
|
||||
|
||||
tagName : 'li',
|
||||
|
||||
template: _.template([
|
||||
'<a id="<%= id %>" style="<%= style %>" <% if(options.canFocused) { %> tabindex="-1" type="menuitem" <% }; if(!_.isUndefined(options.stopPropagation)) { %> data-stopPropagation="true" <% }; %> >',
|
||||
'<a id="<%= id %>" style="<%= style %>" <% if(options.canFocused) { %> tabindex="-1" type="menuitem" <% }; if(!_.isUndefined(options.stopPropagation)) { %> data-stopPropagation="true" <% }; if(!_.isUndefined(options.dataHint)) { %> data-hint="<%= options.dataHint %>" <% }; if(!_.isUndefined(options.dataHintDirection)) { %> data-hint-direction="<%= options.dataHintDirection %>" <% }; if(!_.isUndefined(options.dataHintOffset)) { %> data-hint-offset="<%= options.dataHintOffset %>" <% }; %> >',
|
||||
'<% if (!_.isEmpty(iconCls)) { %>',
|
||||
'<span class="menu-item-icon <%= iconCls %>"></span>',
|
||||
'<% } %>',
|
||||
|
|
|
|||
|
|
@ -110,7 +110,10 @@ define([
|
|||
hold : true,
|
||||
speed : 'medium',
|
||||
width : 90,
|
||||
allowDecimal: true
|
||||
allowDecimal: true,
|
||||
dataHint : '',
|
||||
dataHintDirection: '',
|
||||
dataHintOffset: ''
|
||||
},
|
||||
|
||||
disabled : false,
|
||||
|
|
@ -118,7 +121,7 @@ define([
|
|||
rendered : false,
|
||||
|
||||
template :
|
||||
'<input type="text" class="form-control" spellcheck="false">' +
|
||||
'<input type="text" class="form-control" spellcheck="false" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>">' +
|
||||
'<div class="spinner-buttons">' +
|
||||
'<button type="button" class="spinner-up"><i class="arrow"></i></button>' +
|
||||
'<button type="button" class="spinner-down"><i class="arrow"></i></button>' +
|
||||
|
|
@ -185,7 +188,13 @@ define([
|
|||
|
||||
render: function () {
|
||||
var el = this.$el || $(this.el);
|
||||
el.html(this.template);
|
||||
|
||||
var template = _.template(this.template);
|
||||
el.html($(template({
|
||||
dataHint : this.options.dataHint,
|
||||
dataHintDirection: this.options.dataHintDirection,
|
||||
dataHintOffset : this.options.dataHintOffset
|
||||
})));
|
||||
|
||||
this.$input = el.find('.form-control');
|
||||
this.rendered = true;
|
||||
|
|
|
|||
|
|
@ -100,7 +100,7 @@ define([
|
|||
'<li class="ribtab' +
|
||||
'<% if (items[i].haspanel===false) print(" x-lone") %>' +
|
||||
'<% if (items[i].extcls) print(\' \' + items[i].extcls) %>">' +
|
||||
'<a data-tab="<%= items[i].action %>" data-title="<%= items[i].caption %>"><%= items[i].caption %></a>' +
|
||||
'<a data-tab="<%= items[i].action %>" data-title="<%= items[i].caption %>" data-hint="0" data-hint-direction="bottom" data-hint-offset="small"><%= items[i].caption %></a>' +
|
||||
'</li>' +
|
||||
'<% } %>' +
|
||||
'<% } %>' +
|
||||
|
|
@ -316,7 +316,7 @@ define([
|
|||
return config.tabs[index].action;
|
||||
}
|
||||
|
||||
var _tabTemplate = _.template('<li class="ribtab" style="display: none;"><a data-tab="<%= action %>" data-title="<%= caption %>"><%= caption %></a></li>');
|
||||
var _tabTemplate = _.template('<li class="ribtab" style="display: none;"><a data-tab="<%= action %>" data-title="<%= caption %>" data-hint="0" data-hint-direction="bottom" data-hint-offset="small"><%= caption %></a></li>');
|
||||
|
||||
config.tabs[after + 1] = tab;
|
||||
var _after_action = _get_tab_action(after);
|
||||
|
|
|
|||
|
|
@ -71,12 +71,16 @@ define([
|
|||
disabled : false,
|
||||
rendered : false,
|
||||
|
||||
template : _.template('<label class="radiobox"><input type="radio" name="<%= name %>" id="<%= id %>" class="button__radiobox">' +
|
||||
template : _.template('<label class="radiobox" data-hint="<%= dataHint %>" data-hint-direction="<%= dataHintDirection %>" data-hint-offset="<%= dataHintOffset %>"><input type="radio" name="<%= name %>" id="<%= id %>" class="button__radiobox">' +
|
||||
'<label for="<%= id %>" class="radiobox__shape"></label><span></span></label>'),
|
||||
|
||||
initialize : function(options) {
|
||||
Common.UI.BaseView.prototype.initialize.call(this, options);
|
||||
|
||||
this.dataHint = options.dataHint;
|
||||
this.dataHintDirection = options.dataHintDirection;
|
||||
this.dataHintOffset = options.dataHintOffset;
|
||||
|
||||
var me = this;
|
||||
|
||||
this.name = this.options.name || Common.UI.getId();
|
||||
|
|
@ -100,7 +104,10 @@ define([
|
|||
el.html(this.template({
|
||||
labelText: this.options.labelText,
|
||||
name: this.name,
|
||||
id: Common.UI.getId('rdb-')
|
||||
id: Common.UI.getId('rdb-'),
|
||||
dataHint: this.dataHint,
|
||||
dataHintDirection: this.dataHintDirection,
|
||||
dataHintOffset: this.dataHintOffset
|
||||
}));
|
||||
|
||||
this.$radio = el.find('input[type=radio]');
|
||||
|
|
|
|||
|
|
@ -671,6 +671,21 @@ define([
|
|||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
addDataHint: function (index) { //Hint Manager
|
||||
var oldHintTab = this.$bar.find('[data-hint]');
|
||||
if (oldHintTab.length > 0) {
|
||||
oldHintTab.removeAttr('data-hint');
|
||||
oldHintTab.removeAttr('data-hint-direction');
|
||||
oldHintTab.removeAttr('data-hint-offset');
|
||||
oldHintTab.removeAttr('data-hint-title');
|
||||
}
|
||||
var newHintTab = this.tabs[index].$el;
|
||||
newHintTab.attr('data-hint', '0');
|
||||
newHintTab.attr('data-hint-direction', 'top');
|
||||
newHintTab.attr('data-hint-offset', 'medium');
|
||||
newHintTab.attr('data-hint-title', 'M');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -65,6 +65,15 @@ define([
|
|||
'spellcheck="<%= spellcheck %>" ',
|
||||
'class="form-control <%= cls %>" ',
|
||||
'placeholder="<%= placeHolder %>" ',
|
||||
'<% if (dataHint) {%>',
|
||||
'data-hint="<%= dataHint %>" ',
|
||||
'<% } %>',
|
||||
'<% if (dataHintDirection) {%>',
|
||||
'data-hint-direction="<%= dataHintDirection %>" ',
|
||||
'<% } %>',
|
||||
'<% if (dataHintOffset) {%>',
|
||||
'data-hint-offset="<%= dataHintOffset %>" ',
|
||||
'<% } %>',
|
||||
'></textarea>',
|
||||
'</div>'
|
||||
].join('')),
|
||||
|
|
@ -101,6 +110,9 @@ define([
|
|||
style : this.style,
|
||||
placeHolder : this.placeHolder,
|
||||
spellcheck : this.spellcheck,
|
||||
dataHint : this.options.dataHint,
|
||||
dataHintDirection: this.options.dataHintDirection,
|
||||
dataHintOffset: this.options.dataHintOffset,
|
||||
scope : me
|
||||
}));
|
||||
|
||||
|
|
|
|||
|
|
@ -71,6 +71,14 @@
|
|||
var key, handler, k, i, modifiersMatch, scope;
|
||||
key = event.keyCode;
|
||||
|
||||
if (Common.UI.HintManager.isHintVisible()) {
|
||||
if (key === 112) {
|
||||
Common.UI.HintManager.clearHints();
|
||||
} else if (key !== 27) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (index(_downKeys, key) == -1) {
|
||||
_downKeys.push(key);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,8 +7,8 @@
|
|||
</div>
|
||||
<div id="chat-options" class="layout-item">
|
||||
<div id="chat-options-ct">
|
||||
<textarea id="chat-msg-text" class="user-select textarea-control" maxlength="<%=maxMsgLength%>"></textarea>
|
||||
<button id="chat-msg-btn-add" class="btn normal dlg-btn primary"><%=scope.textSend%></button>
|
||||
<textarea id="chat-msg-text" class="user-select textarea-control" maxlength="<%=maxMsgLength%>" data-hint="1" data-hint-direction="left-top"></textarea>
|
||||
<button id="chat-msg-btn-add" class="btn normal dlg-btn primary" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%=scope.textSend%></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,14 +1,14 @@
|
|||
<div id="comments-box" class="layout-ct vbox">
|
||||
<div class="layout-item messages-ct"></div>
|
||||
<div class="layout-item add-link-ct">
|
||||
<label class="btn new"><%=textAddCommentToDoc%></label>
|
||||
<label id="add-comment-doc" class="btn new" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%=textAddCommentToDoc%></label>
|
||||
</div>
|
||||
<div style="display: none;" class="layout-item new-comment-ct">
|
||||
<div class="inner-ct">
|
||||
<textarea id="comment-msg-new" class="user-select textarea-control" placeholder="<%=textEnterCommentHint%>" maxlength="<%=maxCommLength%>"></textarea>
|
||||
<textarea id="comment-msg-new" class="user-select textarea-control" placeholder="<%=textEnterCommentHint%>" maxlength="<%=maxCommLength%>" data-hint="1" data-hint-direction="left-top"></textarea>
|
||||
</div>
|
||||
<button class="btn add normal dlg-btn primary"><%=textAddComment%></button>
|
||||
<button class="btn cancel normal dlg-btn"><%=textCancel%></button>
|
||||
<button class="btn add normal dlg-btn primary" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%=textAddComment%></button>
|
||||
<button class="btn cancel normal dlg-btn" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%=textCancel%></button>
|
||||
</div>
|
||||
<div id="comments-header" class="">
|
||||
<label><%=textComments%></label>
|
||||
|
|
|
|||
|
|
@ -886,7 +886,7 @@ Common.Utils.lockControls = function(causes, lock, opts, defControls) {
|
|||
});
|
||||
};
|
||||
|
||||
Common.Utils.injectButtons = function($slots, id, iconCls, caption, lock, split, menu, toggle) {
|
||||
Common.Utils.injectButtons = function($slots, id, iconCls, caption, lock, split, menu, toggle, dataHint, dataHintDirection, dataHintOffset, dataHintTitle) {
|
||||
var btnsArr = createButtonSet();
|
||||
btnsArr.setDisabled(true);
|
||||
id = id || ("id-toolbar-" + iconCls);
|
||||
|
|
@ -904,7 +904,11 @@ Common.Utils.injectButtons = function($slots, id, iconCls, caption, lock, split,
|
|||
menu: menu || false,
|
||||
enableToggle: toggle || false,
|
||||
lock: lock,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: dataHint,
|
||||
dataHintDirection: dataHintDirection,
|
||||
dataHintOffset: dataHintOffset,
|
||||
dataHintTitle: dataHintTitle
|
||||
});
|
||||
|
||||
btnsArr.add(button);
|
||||
|
|
|
|||
|
|
@ -156,7 +156,7 @@ define([
|
|||
this._onBtnAddMessage(event);
|
||||
}
|
||||
} else
|
||||
if (event.keyCode == Common.UI.Keys.ESC) {
|
||||
if (event.keyCode == Common.UI.Keys.ESC && !Common.UI.HintManager.isHintVisible()) {
|
||||
this.hide();
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@ define([
|
|||
'<div class="hedset">' +
|
||||
// '<span class="btn-slot text" id="slot-btn-users"></span>' +
|
||||
'<section id="tlb-box-users" class="box-cousers dropdown"">' +
|
||||
'<div class="btn-users">' +
|
||||
'<div class="btn-users" data-hint="0" data-hint-direction="bottom" data-hint-offset="big">' +
|
||||
'<i class="icon toolbar__icon icon--inverse btn-users"></i>' +
|
||||
'<label class="caption">+</label>' +
|
||||
'</div>' +
|
||||
|
|
@ -415,7 +415,10 @@ define([
|
|||
id: 'btn-goback',
|
||||
cls: 'btn-header',
|
||||
iconCls: 'toolbar__icon icon--inverse btn-goback',
|
||||
split: true
|
||||
split: true,
|
||||
dataHint: '0',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
storeUsers = this.options.storeUsers;
|
||||
|
|
@ -428,7 +431,10 @@ define([
|
|||
me.btnOptions = new Common.UI.Button({
|
||||
cls: 'btn-header no-caret',
|
||||
iconCls: 'toolbar__icon icon--inverse btn-ic-options',
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '0',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
me.mnuZoom = {options: {value: 100}};
|
||||
|
|
@ -436,7 +442,10 @@ define([
|
|||
me.btnFavorite = new Common.UI.Button({
|
||||
id: 'btn-favorite',
|
||||
cls: 'btn-header',
|
||||
iconCls: 'toolbar__icon icon--inverse btn-favorite'
|
||||
iconCls: 'toolbar__icon icon--inverse btn-favorite',
|
||||
dataHint: '0',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
Common.NotificationCenter.on({
|
||||
|
|
@ -459,7 +468,10 @@ define([
|
|||
return (new Common.UI.Button({
|
||||
cls: 'btn-header',
|
||||
iconCls: iconid,
|
||||
disabled: disabled === true
|
||||
disabled: disabled === true,
|
||||
dataHint:'0',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: '10, 10'
|
||||
})).render(slot);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -159,7 +159,10 @@ define([
|
|||
menu: modes && modes.length > 1,
|
||||
split: modes && modes.length > 1,
|
||||
value: guid,
|
||||
hint: model.get('name')
|
||||
hint: model.get('name'),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
var $slot = $('<span class="btn-slot text x-huge"></span>').appendTo(_group);
|
||||
|
|
@ -386,7 +389,10 @@ define([
|
|||
menu: _menu_items.length > 1,
|
||||
split: _menu_items.length > 1,
|
||||
value: guid,
|
||||
hint: model.get('name')
|
||||
hint: model.get('name'),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
if ( btn.split ) {
|
||||
|
|
|
|||
|
|
@ -228,7 +228,10 @@ define([
|
|||
cls: 'btn-text-default',
|
||||
style: 'width: 100%;',
|
||||
caption: this.txtInvisibleSignature,
|
||||
disabled: this._state.invisibleSignDisabled
|
||||
disabled: this._state.invisibleSignDisabled,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'medium'
|
||||
});
|
||||
this.btnsInvisibleSignature.push(button);
|
||||
if (this._isSetEvents) {
|
||||
|
|
@ -243,7 +246,10 @@ define([
|
|||
style: 'width: 100%;',
|
||||
caption: this.txtAddPwd,
|
||||
disabled: this._state.disabled || this._state.disabledPassword,
|
||||
visible: !this._state.hasPassword
|
||||
visible: !this._state.hasPassword,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'medium'
|
||||
});
|
||||
this.btnsAddPwd.push(button);
|
||||
if (this._isSetEvents) {
|
||||
|
|
@ -258,7 +264,10 @@ define([
|
|||
style: 'width: 100%;',
|
||||
caption: this.txtDeletePwd,
|
||||
disabled: this._state.disabled || this._state.disabledPassword,
|
||||
visible: this._state.hasPassword
|
||||
visible: this._state.hasPassword,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'medium'
|
||||
});
|
||||
this.btnsDelPwd.push(button);
|
||||
if (this._isSetEvents) {
|
||||
|
|
@ -273,7 +282,10 @@ define([
|
|||
style: 'width: 100%;',
|
||||
caption: this.txtChangePwd,
|
||||
disabled: this._state.disabled || this._state.disabledPassword,
|
||||
visible: this._state.hasPassword
|
||||
visible: this._state.hasPassword,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'medium'
|
||||
});
|
||||
this.btnsChangePwd.push(button);
|
||||
if (this._isSetEvents) {
|
||||
|
|
|
|||
|
|
@ -237,14 +237,20 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
caption: this.txtAccept,
|
||||
split: !this.appConfig.canUseReviewPermissions,
|
||||
iconCls: 'toolbar__icon btn-review-save'
|
||||
iconCls: 'toolbar__icon btn-review-save',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.btnReject = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
caption: this.txtReject,
|
||||
split: !this.appConfig.canUseReviewPermissions,
|
||||
iconCls: 'toolbar__icon btn-review-deny'
|
||||
iconCls: 'toolbar__icon btn-review-deny',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
if (this.appConfig.canFeatureComparison)
|
||||
|
|
@ -252,7 +258,10 @@ define([
|
|||
cls : 'btn-toolbar x-huge icon-top',
|
||||
caption : this.txtCompare,
|
||||
split : true,
|
||||
iconCls: 'toolbar__icon btn-compare'
|
||||
iconCls: 'toolbar__icon btn-compare',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.btnTurnOn = new Common.UI.Button({
|
||||
|
|
@ -260,7 +269,10 @@ define([
|
|||
iconCls: 'toolbar__icon btn-ic-review',
|
||||
caption: this.txtTurnon,
|
||||
split: !this.appConfig.isReviewOnly,
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnsTurnReview = [this.btnTurnOn];
|
||||
}
|
||||
|
|
@ -268,13 +280,19 @@ define([
|
|||
this.btnPrev = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-review-prev',
|
||||
caption: this.txtPrev
|
||||
caption: this.txtPrev,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.btnNext = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-review-next',
|
||||
caption: this.txtNext
|
||||
caption: this.txtNext,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
if (!this.appConfig.isRestrictedEdit) {// hide Display mode option for fillForms and commenting mode
|
||||
|
|
@ -317,7 +335,10 @@ define([
|
|||
value: 'original'
|
||||
}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
@ -326,7 +347,10 @@ define([
|
|||
this.btnSharing = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-ic-sharing',
|
||||
caption: this.txtSharing
|
||||
caption: this.txtSharing,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -335,7 +359,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-ic-coedit',
|
||||
caption: this.txtCoAuthMode,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -346,7 +373,10 @@ define([
|
|||
this.btnHistory = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-ic-history',
|
||||
caption: this.txtHistory
|
||||
caption: this.txtHistory,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -355,7 +385,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-ic-chat',
|
||||
caption: this.txtChat,
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -364,13 +397,19 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
caption: this.txtCommentRemove,
|
||||
split: true,
|
||||
iconCls: 'toolbar__icon btn-rem-comment'
|
||||
iconCls: 'toolbar__icon btn-rem-comment',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnCommentResolve = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
caption: this.txtCommentResolve,
|
||||
split: true,
|
||||
iconCls: 'toolbar__icon btn-resolve-all'
|
||||
iconCls: 'toolbar__icon btn-resolve-all',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -669,7 +708,10 @@ define([
|
|||
checkable: true,
|
||||
toggleGroup: 'menuTurnReviewStb'
|
||||
}
|
||||
]})
|
||||
]}),
|
||||
dataHint: '0',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '2, -16'
|
||||
});
|
||||
|
||||
this.btnsTurnReview.push(button);
|
||||
|
|
@ -682,7 +724,10 @@ define([
|
|||
iconCls: 'toolbar__icon btn-ic-docspell',
|
||||
hintAnchor : 'top',
|
||||
hint: this.tipSetSpelling,
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '0',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnsSpelling.push(button);
|
||||
|
||||
|
|
@ -693,7 +738,10 @@ define([
|
|||
iconCls: 'toolbar__icon btn-ic-doclang',
|
||||
hintAnchor : 'top',
|
||||
hint: this.tipSetDocLang,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '0',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnsDocLang.push(button);
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"en": ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"],
|
||||
"ru": ["а", "б", "в", "г", "д", "е", "ё", "ж", "з", "и", "й", "к", "л", "м", "н", "о", "п", "р", "с", "т", "у", "ф", "х", "ц", "ч", "ш", "щ", "э", "ю", "я"]
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
{
|
||||
"en": ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "[", "]", "a", "s", "d", "f", "g", "h", "j", "k", "l", ";", "'", "z", "x", "c", "v", "b", "n", "m"],
|
||||
"ru": ["й", "ц", "у", "к", "е", "н", "г", "ш", "щ", "з", "х", "ъ", "ф", "ы", "в", "а", "п", "р", "о", "л", "д", "ж", "э", "я", "ч", "с", "м", "и", "т", "ь", "б", "ю"],
|
||||
"de": ["q", "w", "e", "r", "t", "z", "u", "i", "o", "p", "ü", "a", "s", "d", "f", "g", "h", "j", "k", "l", "ö", "ä", "z", "x", "c", "v", "b", "n", "m"],
|
||||
"fr": ["a", "z", "e", "r", "t", "y", "u", "i", "o", "p", "q", "s", "d", "f", "g", "h", "j", "k", "l", "m", "w", "x", "c", "v", "b", "n"]
|
||||
}
|
||||
|
|
@ -14,6 +14,7 @@
|
|||
--background-notification-badge: #ffd114;
|
||||
--background-scrim: fade(black, 60%);
|
||||
--background-loader: fade(#181818, 90%);
|
||||
--background-alt-key-hint: #FFD938;
|
||||
|
||||
--highlight-button-hover: #555;
|
||||
--highlight-button-pressed: #707070;
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
@background-notification-badge-ie: #ffd112;
|
||||
@background-scrim-ie: fade(#000, 20%);
|
||||
@background-loader-ie: fade(#000, 65%);
|
||||
@background-alt-key-hint-ie: #FFD938;
|
||||
|
||||
@highlight-button-hover-ie: #d8dadc;
|
||||
@highlight-button-pressed-ie: #7d858c;
|
||||
|
|
|
|||
|
|
@ -24,6 +24,7 @@
|
|||
--background-notification-badge: #ffd112;
|
||||
--background-scrim: fade(#000, 20%);
|
||||
--background-loader: fade(#181818, 90%);
|
||||
--background-alt-key-hint: #FFD938;
|
||||
|
||||
--highlight-button-hover: #e0e0e0;
|
||||
--highlight-button-pressed: #cbcbcb;
|
||||
|
|
@ -149,6 +150,7 @@
|
|||
@background-notification-badge: var(--background-notification-badge);
|
||||
@background-scrim: var(--background-scrim);
|
||||
@background-loader: var(--background-loader);
|
||||
@background-alt-key-hint: var(--background-alt-key-hint);
|
||||
|
||||
// Highlight
|
||||
// -------------------------
|
||||
|
|
|
|||
19
apps/common/main/resources/less/hint-manager.less
Normal file
19
apps/common/main/resources/less/hint-manager.less
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
.hint-div {
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: @zindex-navbar + 3;
|
||||
width: auto;
|
||||
min-width: 18px;
|
||||
height: 18px;
|
||||
text-align: center;
|
||||
background-color: @background-alt-key-hint-ie;
|
||||
background-color: @background-alt-key-hint;
|
||||
color: @text-normal;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
padding: 0 4px;
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
|
||||
&.disabled {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
|
|
@ -816,7 +816,8 @@ define([
|
|||
case 'escape':
|
||||
// if (!this.leftMenu.isOpened()) return true;
|
||||
if ( this.leftMenu.menuFile.isVisible() ) {
|
||||
this.leftMenu.menuFile.hide();
|
||||
if (Common.UI.HintManager.needCloseFileMenu())
|
||||
this.leftMenu.menuFile.hide();
|
||||
return false;
|
||||
}
|
||||
|
||||
|
|
@ -835,8 +836,10 @@ define([
|
|||
}
|
||||
if (this.leftMenu.btnAbout.pressed || this.leftMenu.btnPlugins.pressed ||
|
||||
$(e.target).parents('#left-menu').length ) {
|
||||
this.leftMenu.close();
|
||||
Common.NotificationCenter.trigger('layout:changed', 'leftmenu');
|
||||
if (!Common.UI.HintManager.isHintVisible()) {
|
||||
this.leftMenu.close();
|
||||
Common.NotificationCenter.trigger('layout:changed', 'leftmenu');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
|
|
|
|||
|
|
@ -52,7 +52,8 @@ define([
|
|||
'common/main/lib/view/UserNameDialog',
|
||||
'common/main/lib/util/LocalStorage',
|
||||
'documenteditor/main/app/collection/ShapeGroups',
|
||||
'documenteditor/main/app/collection/EquationGroups'
|
||||
'documenteditor/main/app/collection/EquationGroups',
|
||||
'common/main/lib/component/HintManager'
|
||||
], function () {
|
||||
'use strict';
|
||||
|
||||
|
|
@ -182,6 +183,7 @@ define([
|
|||
this.api = this.getApplication().getController('Viewport').getApi();
|
||||
|
||||
Common.UI.FocusManager.init();
|
||||
Common.UI.HintManager.init(this.api);
|
||||
Common.UI.Themes.init(this.api);
|
||||
|
||||
if (this.api){
|
||||
|
|
@ -871,6 +873,8 @@ define([
|
|||
isDisabled = !cansave && !isSyncButton && !forcesave || this._state.isDisconnected || this._state.fastCoauth && this._state.usersCount>1 && !forcesave;
|
||||
toolbarView.btnSave.setDisabled(isDisabled);
|
||||
}
|
||||
|
||||
Common.UI.HintManager.clearHints(true);
|
||||
},
|
||||
|
||||
onLongActionBegin: function(type, id) {
|
||||
|
|
|
|||
|
|
@ -3176,7 +3176,7 @@ define([
|
|||
me.appOptions = config;
|
||||
|
||||
if ( config.canCoAuthoring && config.canComments ) {
|
||||
this.btnsComment = Common.Utils.injectButtons(this.toolbar.$el.find('.slot-comment'), 'tlbtn-addcomment-', 'toolbar__icon btn-menu-comments', this.toolbar.capBtnComment);
|
||||
this.btnsComment = Common.Utils.injectButtons(this.toolbar.$el.find('.slot-comment'), 'tlbtn-addcomment-', 'toolbar__icon btn-menu-comments', this.toolbar.capBtnComment, undefined, undefined, undefined, undefined, '1', 'bottom');
|
||||
if ( this.btnsComment.length ) {
|
||||
var _comments = DE.getController('Common.Controllers.Comments').getView();
|
||||
this.btnsComment.forEach(function (btn) {
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-button-edit-data" style="min-width:115px;"><%= scope.textEditData %></button>
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-button-edit-data" style="min-width:115px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textEditData %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -64,7 +64,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="chart-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="chart-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<button type="button" class="btn btn-text-default" id="headerfooter-button-current" style="width:100%;"><%= scope.textInsertCurrent %></button>
|
||||
<button type="button" class="btn btn-text-default" id="headerfooter-button-current" style="width:100%;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textInsertCurrent %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -14,12 +14,12 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-original-size" style="min-width:100px;width: auto;"><%= scope.textOriginalSize %></button>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-original-size" style="min-width:100px;width: auto;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textOriginalSize %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-fit-margins" style="min-width:100px;width: auto;"><%= scope.textFitMargins %></button>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-fit-margins" style="min-width:100px;width: auto;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textFitMargins %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="image-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="image-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<div id="view-left-menu" class="tool-menu left">
|
||||
<div class="tool-menu-btns">
|
||||
<button id="left-btn-search" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-search"> </i></button>
|
||||
<button id="left-btn-search" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-search"> </i></button>
|
||||
<!-- /** coauthoring begin **/ -->
|
||||
<button id="left-btn-comments" class="btn btn-category" content-target="left-panel-comments"><i class="icon toolbar__icon btn-menu-comments"> </i></button>
|
||||
<button id="left-btn-chat" class="btn btn-category" content-target="left-panel-chat"><i class="icon toolbar__icon btn-menu-chat"> </i></button>
|
||||
<button id="left-btn-comments" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target="left-panel-comments"><i class="icon toolbar__icon btn-menu-comments"> </i></button>
|
||||
<button id="left-btn-chat" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target="left-panel-chat"><i class="icon toolbar__icon btn-menu-chat"> </i></button>
|
||||
<!-- /** coauthoring end **/ -->
|
||||
<button id="left-btn-plugins" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-plugin"> </i></button>
|
||||
<button id="left-btn-navigation" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-navigation"> </i></button>
|
||||
<button id="left-btn-support" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-support"> </i></button>
|
||||
<button id="left-btn-about" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-about"> </i></button>
|
||||
<button id="left-btn-plugins" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-plugin"> </i></button>
|
||||
<button id="left-btn-navigation" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-navigation"> </i></button>
|
||||
<button id="left-btn-support" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-support"> </i></button>
|
||||
<button id="left-btn-about" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-about"> </i></button>
|
||||
</div>
|
||||
<div class="left-panel" style="">
|
||||
<!-- /** coauthoring begin **/ -->
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<table cols="1">
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<button type="button" class="btn btn-text-default" id="mmerge-button-edit-data" style="width:100%;"><%= scope.textEditData %></button>
|
||||
<button type="button" class="btn btn-text-default" id="mmerge-button-edit-data" style="width:100%;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textEditData %></button>
|
||||
<label id="mmerge-lbl-add-recipients" style="margin-top: 4px;"><%= scope.textAddRecipients %></label>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
<tr>
|
||||
<td class="padding-medium">
|
||||
<label style=""><%= scope.textMaxRecepients %></label>
|
||||
<label class="link-solid" id="mmerge-readmore-link"><%= scope.textReadMore %></label>
|
||||
<label class="link-solid" id="mmerge-readmore-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="small"><%= scope.textReadMore %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -74,11 +74,11 @@
|
|||
<table cols="2">
|
||||
<tr>
|
||||
<td width="50%">
|
||||
<button type="button" class="btn btn-text-default" id="mmerge-button-download" style="width:90px;"><%= scope.textDownload %></button>
|
||||
<button type="button" class="btn btn-text-default hidden" id="mmerge-button-merge" style="width:90px;"><%= scope.textMerge %></button>
|
||||
<button type="button" class="btn btn-text-default" id="mmerge-button-download" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textDownload %></button>
|
||||
<button type="button" class="btn btn-text-default hidden" id="mmerge-button-merge" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textMerge %></button>
|
||||
</td>
|
||||
<td width="50%" style="text-align: right;">
|
||||
<button type="button" class="btn btn-text-default" id="mmerge-button-portal" style="width:90px;"><%= scope.textPortal %></button>
|
||||
<button type="button" class="btn btn-text-default" id="mmerge-button-portal" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textPortal %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="paragraph-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="paragraph-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -23,15 +23,15 @@
|
|||
</div>
|
||||
<div class="tool-menu-btns">
|
||||
<div class="ct-btn-category arrow-left"></div>
|
||||
<button id="id-right-menu-text" class="btn btn-category arrow-left" content-target="id-paragraph-settings"><i class="icon toolbar__icon btn-paragraph"> </i></button>
|
||||
<button id="id-right-menu-table" class="btn btn-category arrow-left" content-target="id-table-settings"><i class="icon toolbar__icon btn-menu-table"> </i></button>
|
||||
<button id="id-right-menu-image" class="btn btn-category arrow-left" content-target="id-image-settings"><i class="icon toolbar__icon btn-menu-image"> </i></button>
|
||||
<button id="id-right-menu-header" class="btn btn-category arrow-left" content-target="id-header-settings"><i class="icon toolbar__icon btn-menu-header"> </i></button>
|
||||
<button id="id-right-menu-shape" class="btn btn-category arrow-left" content-target="id-shape-settings"><i class="icon toolbar__icon btn-menu-shape"> </i></button>
|
||||
<button id="id-right-menu-chart" class="btn btn-category arrow-left" content-target="id-chart-settings"><i class="icon toolbar__icon btn-menu-chart"> </i></button>
|
||||
<button id="id-right-menu-textart" class="btn btn-category arrow-left" content-target="id-textart-settings"><i class="icon toolbar__icon btn-menu-textart"> </i></button>
|
||||
<button id="id-right-menu-mail-merge" class="btn btn-category arrow-left hidden" content-target="id-mail-merge-settings"><i class="icon toolbar__icon btn-mailmerge"> </i></button>
|
||||
<button id="id-right-menu-signature" class="btn btn-category arrow-left hidden" content-target="id-signature-settings"><i class="icon toolbar__icon btn-menu-signature"> </i></button>
|
||||
<button id="id-right-menu-form" class="btn btn-category arrow-left hidden" content-target="id-form-settings"><i class="icon toolbar__icon btn-field"> </i></button>
|
||||
<button id="id-right-menu-text" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-paragraph-settings"><i class="icon toolbar__icon btn-paragraph"> </i></button>
|
||||
<button id="id-right-menu-table" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-table-settings"><i class="icon toolbar__icon btn-menu-table"> </i></button>
|
||||
<button id="id-right-menu-image" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-image-settings"><i class="icon toolbar__icon btn-menu-image"> </i></button>
|
||||
<button id="id-right-menu-header" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-header-settings"><i class="icon toolbar__icon btn-menu-header"> </i></button>
|
||||
<button id="id-right-menu-shape" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-shape-settings"><i class="icon toolbar__icon btn-menu-shape"> </i></button>
|
||||
<button id="id-right-menu-chart" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-chart-settings"><i class="icon toolbar__icon btn-menu-chart"> </i></button>
|
||||
<button id="id-right-menu-textart" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-textart-settings"><i class="icon toolbar__icon btn-menu-textart"> </i></button>
|
||||
<button id="id-right-menu-mail-merge" class="btn btn-category arrow-left hidden" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-mail-merge-settings"><i class="icon toolbar__icon btn-mailmerge"> </i></button>
|
||||
<button id="id-right-menu-signature" class="btn btn-category arrow-left hidden" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-signature-settings"><i class="icon toolbar__icon btn-menu-signature"> </i></button>
|
||||
<button id="id-right-menu-form" class="btn btn-category arrow-left hidden" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-form-settings"><i class="icon toolbar__icon btn-field"> </i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -220,7 +220,7 @@
|
|||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td align="center">
|
||||
<label class="link" id="shape-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="shape-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<div class="status-group" style="">
|
||||
<div class="separator short el-edit"></div>
|
||||
<div class="cnt-lang el-edit">
|
||||
<div class="dropdown-toggle" data-toggle="dropdown">
|
||||
<div class="dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top">
|
||||
<label id="status-label-lang" class="status-label">English (United States)</label>
|
||||
<div class="caret"></div>
|
||||
</div>
|
||||
|
|
@ -23,11 +23,11 @@
|
|||
<div class="separator short el-edit"></div>
|
||||
<div id="btn-doc-review" class="el-edit el-review" style="display: inline-block;"></div>
|
||||
<div class="separator short el-edit el-review"></div>
|
||||
<button id="btn-zoom-topage" type="button" class="btn small btn-toolbar"><span class="icon toolbar__icon btn-ic-zoomtopage"> </span></button>
|
||||
<button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar"><span class="icon toolbar__icon btn-ic-zoomtowidth"> </span></button>
|
||||
<button id="btn-zoom-topage" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small"><span class="icon toolbar__icon btn-ic-zoomtopage"> </span></button>
|
||||
<button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small"><span class="icon toolbar__icon btn-ic-zoomtowidth"> </span></button>
|
||||
<button id="btn-zoom-down" type="button" class="btn small btn-toolbar"><span class="icon toolbar__icon btn-zoomdown"> </span></button>
|
||||
<div class="cnt-zoom">
|
||||
<div class="dropdown-toggle" data-toggle="dropdown">
|
||||
<div class="dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top">
|
||||
<label id="label-zoom" class="status-label">Zoom 100%</label>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -131,7 +131,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default" id="table-btn-add-formula" style="width:100%;"><%= scope.textAddFormula %></button>
|
||||
<button type="button" class="btn btn-text-default" id="table-btn-add-formula" style="width:100%;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textAddFormula %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -161,7 +161,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="table-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="table-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
<div class="layout-region">
|
||||
<div id="viewport-vbox-layout" class="layout-ct vbox">
|
||||
<section class="layout-ct">
|
||||
<div id="file-menu-panel" class="toolbar-fullview-panel" style="display:none;"></div>
|
||||
<div id="file-menu-panel" class="toolbar-fullview-panel hint-section" style="display:none;"></div>
|
||||
</section>
|
||||
<section id="app-title" class="layout-item"></section>
|
||||
<div id="toolbar" class="layout-item"></div>
|
||||
<div id="toolbar" class="layout-item hint-section"></div>
|
||||
<div class="layout-item middle">
|
||||
<div id="viewport-hbox-layout" class="layout-ct hbox">
|
||||
<div id="left-menu" class="layout-item" style="width: 40px;"></div>
|
||||
<div id="left-menu" class="layout-item hint-section" style="width: 40px;"></div>
|
||||
<div id="about-menu-panel" class="left-menu-full-ct" style="display:none;"></div>
|
||||
<div id="editor-container" class="layout-item"><div id="editor_sdk"></div></div>
|
||||
<div id="right-menu" class="layout-item"></div>
|
||||
<div id="right-menu" class="layout-item hint-section"></div>
|
||||
<div id="left-panel-history" class="layout-item"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -232,7 +232,10 @@ define([
|
|||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
store: new Common.UI.DataViewStore(viewData),
|
||||
cls: 'combo-chart-style'
|
||||
cls: 'combo-chart-style',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbWrapType.menuPicker.itemTemplate = this.cmbWrapType.fieldPicker.itemTemplate = _.template([
|
||||
'<div class="item-icon-box" id="<%= id %>">',
|
||||
|
|
@ -259,7 +262,10 @@ define([
|
|||
items: [
|
||||
{ template: _.template('<div id="id-chart-menu-type" class="menu-insertchart" ></div>') }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnChartType.on('render:after', function(btn) {
|
||||
me.mnuChartTypePicker = new Common.UI.DataView({
|
||||
|
|
@ -435,7 +441,10 @@ define([
|
|||
itemHeight: 50,
|
||||
menuMaxHeight: 270,
|
||||
enableKeyEvents: true,
|
||||
cls: 'combo-chart-style'
|
||||
cls: 'combo-chart-style',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbChartStyle.render($('#chart-combo-style'));
|
||||
this.cmbChartStyle.openButton.menu.cmpEl.css({
|
||||
|
|
|
|||
|
|
@ -229,6 +229,8 @@ define([
|
|||
};
|
||||
|
||||
var onContextMenu = function(event){
|
||||
if (Common.UI.HintManager.isHintVisible())
|
||||
Common.UI.HintManager.clearHints();
|
||||
_.delay(function(){
|
||||
if (event.get_Type() == 0) {
|
||||
showObjectMenu.call(me, event);
|
||||
|
|
@ -301,7 +303,8 @@ define([
|
|||
|
||||
if (key == Common.UI.Keys.ESC) {
|
||||
Common.UI.Menu.Manager.hideAll();
|
||||
Common.NotificationCenter.trigger('leftmenu:change', 'hide');
|
||||
if (!Common.UI.HintManager.isHintVisible())
|
||||
Common.NotificationCenter.trigger('leftmenu:change', 'hide');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -88,7 +88,10 @@ define([
|
|||
el : $markup.elementById('#fm-btn-save'),
|
||||
action : 'save',
|
||||
caption : this.btnSaveCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
if ( !!this.options.miSave ) {
|
||||
|
|
@ -100,42 +103,60 @@ define([
|
|||
el : $markup.elementById('#fm-btn-edit'),
|
||||
action : 'edit',
|
||||
caption : this.btnToEditCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miDownload = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-download'),
|
||||
action : 'saveas',
|
||||
caption : this.btnDownloadCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miSaveCopyAs = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-save-copy'),
|
||||
action : 'save-copy',
|
||||
caption : this.btnSaveCopyAsCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miSaveAs = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-save-desktop'),
|
||||
action : 'save-desktop',
|
||||
caption : this.btnSaveAsCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miPrint = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-print'),
|
||||
action : 'print',
|
||||
caption : this.btnPrintCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miRename = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-rename'),
|
||||
action : 'rename',
|
||||
caption : this.btnRenameCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
if ( !!this.options.miRename ) {
|
||||
|
|
@ -147,7 +168,10 @@ define([
|
|||
el : $markup.elementById('#fm-btn-protect'),
|
||||
action : 'protect',
|
||||
caption : this.btnProtectCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
if ( !!this.options.miProtect ) {
|
||||
|
|
@ -159,28 +183,40 @@ define([
|
|||
el : $markup.elementById('#fm-btn-recent'),
|
||||
action : 'recent',
|
||||
caption : this.btnRecentFilesCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miNew = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-create'),
|
||||
action : 'new',
|
||||
caption : this.btnCreateNewCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miAccess = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-rights'),
|
||||
action : 'rights',
|
||||
caption : this.btnRightsCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miHistory = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-history'),
|
||||
action : 'history',
|
||||
caption : this.btnHistoryCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
if ( !!this.options.miHistory ) {
|
||||
this.miHistory.setDisabled(this.options.miHistory.isDisabled());
|
||||
|
|
@ -191,7 +227,10 @@ define([
|
|||
el : $markup.elementById('#fm-btn-help'),
|
||||
action : 'help',
|
||||
caption : this.btnHelpCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.items = [];
|
||||
|
|
@ -200,7 +239,10 @@ define([
|
|||
el : $markup.elementById('#fm-btn-return'),
|
||||
action : 'back',
|
||||
caption : this.btnCloseMenuCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
}),
|
||||
this.miSave,
|
||||
this.miEdit,
|
||||
|
|
@ -216,7 +258,10 @@ define([
|
|||
el : $markup.elementById('#fm-btn-info'),
|
||||
action : 'info',
|
||||
caption : this.btnInfoCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
}),
|
||||
this.miAccess,
|
||||
this.miHistory,
|
||||
|
|
@ -224,7 +269,10 @@ define([
|
|||
el : $markup.elementById('#fm-btn-settings'),
|
||||
action : 'opts',
|
||||
caption : this.btnSettingsCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
}),
|
||||
this.miHelp,
|
||||
new Common.UI.MenuItem({
|
||||
|
|
@ -232,7 +280,10 @@ define([
|
|||
// el : _get_el('fm-btn-back'),
|
||||
action : 'exit',
|
||||
caption : this.btnBackCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
})
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -74,7 +74,7 @@ define([
|
|||
'<% _.each(rows, function(row) { %>',
|
||||
'<tr>',
|
||||
'<% _.each(row, function(item) { %>',
|
||||
'<td><div><svg class="btn-doc-format" format="<%= item.type %>">',
|
||||
'<td><div><svg class="btn-doc-format" format="<%= item.type %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<use xlink:href="#svg-format-<%= item.imgCls %>"></use>',
|
||||
'</svg></div></td>',
|
||||
'<% }) %>',
|
||||
|
|
@ -210,7 +210,7 @@ define([
|
|||
'</tr>','<tr class="divider edit"></tr>',
|
||||
'<tr class="edit">',
|
||||
'<td class="left"><label><%= scope.txtProofing %></label></td>',
|
||||
'<td class="right"><button type="button" class="btn btn-text-default" id="fms-btn-auto-correct" style="width:auto; display: inline-block;padding-right: 10px;padding-left: 10px;"><%= scope.txtAutoCorrect %></button></div></td>',
|
||||
'<td class="right"><button type="button" class="btn btn-text-default" id="fms-btn-auto-correct" style="width:auto; display: inline-block;padding-right: 10px;padding-left: 10px;" data-hint="2" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.txtAutoCorrect %></button></div></td>',
|
||||
'</tr>','<tr class="divider edit"></tr>',
|
||||
'<tr class="edit">',
|
||||
'<td class="left"><label><%= scope.txtInput %></label></td>',
|
||||
|
|
@ -272,7 +272,7 @@ define([
|
|||
'</tr>','<tr class="divider macros"></tr>',
|
||||
'<tr class="fms-btn-apply">',
|
||||
'<td class="left"></td>',
|
||||
'<td class="right" style="padding-top:15px; padding-bottom: 15px;"><button class="btn normal dlg-btn primary"><%= scope.okButtonText %></button></td>',
|
||||
'<td class="right" style="padding-top:15px; padding-bottom: 15px;"><button class="btn normal dlg-btn primary" data-hint="2" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.okButtonText %></button></td>',
|
||||
'</tr>',
|
||||
'</tbody></table>',
|
||||
'</div>',
|
||||
|
|
@ -280,7 +280,7 @@ define([
|
|||
'<table style="margin: 10px 0;"><tbody>',
|
||||
'<tr>',
|
||||
'<td class="left"></td>',
|
||||
'<td class="right"><button class="btn normal dlg-btn primary"><%= scope.okButtonText %></button></td>',
|
||||
'<td class="right"><button class="btn normal dlg-btn primary" data-hint="2" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.okButtonText %></button></td>',
|
||||
'</tr>',
|
||||
'</tbody></table>',
|
||||
'</div>'
|
||||
|
|
@ -298,36 +298,54 @@ define([
|
|||
|
||||
this.chInputMode = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-input-mode'),
|
||||
labelText: this.strInputMode
|
||||
labelText: this.strInputMode,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
/** coauthoring begin **/
|
||||
this.chLiveComment = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-live-comment'),
|
||||
labelText: this.strLiveComment
|
||||
labelText: this.strLiveComment,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('change', function(field, newValue, oldValue, eOpts){
|
||||
me.chResolvedComment.setDisabled(field.getValue()!=='checked');
|
||||
});
|
||||
|
||||
this.chResolvedComment = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-resolved-comment'),
|
||||
labelText: this.strResolvedComment
|
||||
labelText: this.strResolvedComment,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
/** coauthoring end **/
|
||||
|
||||
this.chSpell = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-spell-check'),
|
||||
labelText: this.strSpellCheckMode
|
||||
labelText: this.strSpellCheckMode,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.chCompatible = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-compatible'),
|
||||
labelText: this.textOldVersions
|
||||
labelText: this.textOldVersions,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.chAutosave = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-autosave'),
|
||||
labelText: this.strAutosave
|
||||
labelText: this.strAutosave,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('change', function(field, newValue, oldValue, eOpts){
|
||||
if (field.getValue()!=='checked' && me.cmbCoAuthMode.getValue()) {
|
||||
me.cmbCoAuthMode.setValue(0);
|
||||
|
|
@ -338,12 +356,18 @@ define([
|
|||
|
||||
this.chForcesave = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-forcesave'),
|
||||
labelText: this.strForcesave
|
||||
labelText: this.strForcesave,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.chAlignGuides = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-align-guides'),
|
||||
labelText: this.strAlignGuides
|
||||
labelText: this.strAlignGuides,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.cmbZoom = new Common.UI.ComboBox({
|
||||
|
|
@ -366,7 +390,10 @@ define([
|
|||
{ value: 150, displayValue: "150%" },
|
||||
{ value: 175, displayValue: "175%" },
|
||||
{ value: 200, displayValue: "200%" }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
/** coauthoring begin **/
|
||||
|
|
@ -379,7 +406,10 @@ define([
|
|||
{ value: 'none', displayValue: this.txtNone },
|
||||
{ value: 'all', displayValue: this.txtAll },
|
||||
{ value: 'last', displayValue: this.txtLast }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
this.cmbCoAuthMode = new Common.UI.ComboBox({
|
||||
|
|
@ -390,7 +420,10 @@ define([
|
|||
data : [
|
||||
{ value: 1, displayValue: this.strFast, descValue: this.strCoAuthModeDescFast},
|
||||
{ value: 0, displayValue: this.strStrict, descValue: this.strCoAuthModeDescStrict }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
}).on('selected', function(combo, record) {
|
||||
if (record.value == 1 && (me.chAutosave.getValue()!=='checked'))
|
||||
me.chAutosave.setValue(1);
|
||||
|
|
@ -417,7 +450,10 @@ define([
|
|||
{ value: 1, displayValue: this.txtMac },
|
||||
{ value: 2, displayValue: this.txtNative },
|
||||
{ value: 'custom', displayValue: this.txtCacheMode }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFontRender.on('selected', _.bind(this.onFontRenderSelected, this));
|
||||
|
||||
|
|
@ -430,7 +466,10 @@ define([
|
|||
{ value: Common.Utils.Metric.c_MetricUnits['cm'], displayValue: this.txtCm },
|
||||
{ value: Common.Utils.Metric.c_MetricUnits['pt'], displayValue: this.txtPt },
|
||||
{ value: Common.Utils.Metric.c_MetricUnits['inch'], displayValue: this.txtInch }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
this.cmbMacros = new Common.UI.ComboBox({
|
||||
|
|
@ -443,7 +482,10 @@ define([
|
|||
{ value: 2, displayValue: this.txtStopMacros, descValue: this.txtStopMacrosDesc },
|
||||
{ value: 0, displayValue: this.txtWarnMacros, descValue: this.txtWarnMacrosDesc },
|
||||
{ value: 1, displayValue: this.txtRunMacros, descValue: this.txtRunMacrosDesc }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
}).on('selected', function(combo, record) {
|
||||
me.lblMacrosDesc.text(record.descValue);
|
||||
});
|
||||
|
|
@ -451,7 +493,10 @@ define([
|
|||
|
||||
this.chPaste = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-paste-settings'),
|
||||
labelText: this.strPasteButton
|
||||
labelText: this.strPasteButton,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.btnAutoCorrect = new Common.UI.Button({
|
||||
|
|
@ -464,6 +509,9 @@ define([
|
|||
style : 'width: 160px;',
|
||||
editable : false,
|
||||
cls : 'input-group-nr',
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
$markup.find('.btn.primary').each(function(index, el){
|
||||
|
|
@ -985,7 +1033,7 @@ define([
|
|||
'<table class="main" style="margin: 10px 0;">',
|
||||
'<tr>',
|
||||
'<td class="left"></td>',
|
||||
'<td class="right"><button id="fminfo-btn-apply" class="btn normal dlg-btn primary"><%= scope.okButtonText %></button></td>',
|
||||
'<td class="right"><button id="fminfo-btn-apply" class="btn normal dlg-btn primary" data-hint="2" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.okButtonText %></button></td>',
|
||||
'</tr>',
|
||||
'</table>',
|
||||
'</div>'
|
||||
|
|
@ -1032,19 +1080,28 @@ define([
|
|||
el : $markup.findById('#id-info-title'),
|
||||
style : 'width: 200px;',
|
||||
placeHolder : this.txtAddText,
|
||||
validateOnBlur: false
|
||||
validateOnBlur: false,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('keydown:before', keyDownBefore);
|
||||
this.inputSubject = new Common.UI.InputField({
|
||||
el : $markup.findById('#id-info-subject'),
|
||||
style : 'width: 200px;',
|
||||
placeHolder : this.txtAddText,
|
||||
validateOnBlur: false
|
||||
validateOnBlur: false,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('keydown:before', keyDownBefore);
|
||||
this.inputComment = new Common.UI.InputField({
|
||||
el : $markup.findById('#id-info-comment'),
|
||||
style : 'width: 200px;',
|
||||
placeHolder : this.txtAddText,
|
||||
validateOnBlur: false
|
||||
validateOnBlur: false,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('keydown:before', keyDownBefore);
|
||||
|
||||
// modify info
|
||||
|
|
@ -1073,7 +1130,10 @@ define([
|
|||
el : $markup.findById('#id-info-add-author'),
|
||||
style : 'width: 200px;',
|
||||
validateOnBlur: false,
|
||||
placeHolder: this.txtAddAuthor
|
||||
placeHolder: this.txtAddAuthor,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('changed:after', function(input, newValue, oldValue, e) {
|
||||
if (newValue == oldValue) return;
|
||||
|
||||
|
|
|
|||
|
|
@ -117,7 +117,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 100%;',
|
||||
editable: true,
|
||||
data: []
|
||||
data: [],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbKey.setValue('');
|
||||
this.lockedControls.push(this.cmbKey);
|
||||
|
|
@ -131,7 +134,10 @@ define([
|
|||
validateOnChange: false,
|
||||
validateOnBlur: false,
|
||||
style : 'width: 100%;',
|
||||
value : ''
|
||||
value : '',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.txtPlaceholder);
|
||||
this.txtPlaceholder.on('changed:after', this.onPlaceholderChanged.bind(this));
|
||||
|
|
@ -140,7 +146,10 @@ define([
|
|||
this.textareaHelp = new Common.UI.TextareaField({
|
||||
el : $markup.findById('#form-txt-help'),
|
||||
style : 'width: 100%; height: 60px;',
|
||||
value : ''
|
||||
value : '',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.textareaHelp);
|
||||
this.textareaHelp.on('changed:after', this.onHelpChanged.bind(this));
|
||||
|
|
@ -149,7 +158,10 @@ define([
|
|||
// Text props
|
||||
this.chMaxChars = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#form-chb-max-chars'),
|
||||
labelText: this.textMaxChars
|
||||
labelText: this.textMaxChars,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chMaxChars.on('change', this.onChMaxCharsChanged.bind(this));
|
||||
this.lockedControls.push(this.chMaxChars);
|
||||
|
|
@ -161,7 +173,10 @@ define([
|
|||
defaultUnit : "",
|
||||
value: '10',
|
||||
maxValue: 1000000,
|
||||
minValue: 1
|
||||
minValue: 1,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.spnMaxChars);
|
||||
this.spnMaxChars.on('change', this.onMaxCharsChange.bind(this));
|
||||
|
|
@ -169,7 +184,10 @@ define([
|
|||
|
||||
this.chComb = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#form-chb-comb'),
|
||||
labelText: this.textComb
|
||||
labelText: this.textComb,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chComb.on('change', this.onChCombChanged.bind(this));
|
||||
this.lockedControls.push(this.chComb);
|
||||
|
|
@ -182,7 +200,10 @@ define([
|
|||
value: 'Auto',
|
||||
allowAuto: true,
|
||||
maxValue: 55.88,
|
||||
minValue: 0.1
|
||||
minValue: 0.1,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.spnWidth);
|
||||
this.spinners.push(this.spnWidth);
|
||||
|
|
@ -191,14 +212,20 @@ define([
|
|||
|
||||
this.chRequired = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#form-chb-required'),
|
||||
labelText: this.textRequired
|
||||
labelText: this.textRequired,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chRequired.on('change', this.onChRequired.bind(this));
|
||||
this.lockedControls.push(this.chRequired);
|
||||
|
||||
this.chFixed = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#form-chb-fixed'),
|
||||
labelText: this.textFixed
|
||||
labelText: this.textFixed,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chFixed.on('change', this.onChFixed.bind(this));
|
||||
this.lockedControls.push(this.chFixed);
|
||||
|
|
@ -209,7 +236,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 100%;',
|
||||
editable: true,
|
||||
data: []
|
||||
data: [],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbGroupKey.setValue('');
|
||||
this.lockedControls.push(this.cmbGroupKey);
|
||||
|
|
@ -224,7 +254,10 @@ define([
|
|||
validateOnChange: false,
|
||||
validateOnBlur: false,
|
||||
style : 'width: 100%;',
|
||||
value : ''
|
||||
value : '',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.txtNewValue);
|
||||
this.txtNewValue.on('inputleave', function(){ me.fireEvent('editcomplete', me);});
|
||||
|
|
@ -249,7 +282,10 @@ define([
|
|||
parentEl: $markup.findById('#form-list-add'),
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-zoomup',
|
||||
hint: this.textTipAdd
|
||||
hint: this.textTipAdd,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnListAdd.on('click', _.bind(this.onAddItem, this));
|
||||
this.lockedControls.push(this.btnListAdd);
|
||||
|
|
@ -258,7 +294,10 @@ define([
|
|||
parentEl: $markup.findById('#form-list-delete'),
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon cc-remove',
|
||||
hint: this.textTipDelete
|
||||
hint: this.textTipDelete,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnListDelete.on('click', _.bind(this.onDeleteItem, this));
|
||||
this.lockedControls.push(this.btnListDelete);
|
||||
|
|
@ -267,7 +306,10 @@ define([
|
|||
parentEl: $markup.findById('#form-list-up'),
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-arrow-up',
|
||||
hint: this.textTipUp
|
||||
hint: this.textTipUp,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnListUp.on('click', _.bind(this.onMoveItem, this, true));
|
||||
this.lockedControls.push(this.btnListUp);
|
||||
|
|
@ -276,7 +318,10 @@ define([
|
|||
parentEl: $markup.findById('#form-list-down'),
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-arrow-down',
|
||||
hint: this.textTipDown
|
||||
hint: this.textTipDown,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnListDown.on('click', _.bind(this.onMoveItem, this, false));
|
||||
this.lockedControls.push(this.btnListDown);
|
||||
|
|
@ -295,7 +340,10 @@ define([
|
|||
{caption: this.textFromUrl, value: 1},
|
||||
{caption: this.textFromStorage, value: 2}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnSelectImage);
|
||||
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||
|
|
@ -306,7 +354,10 @@ define([
|
|||
cls : 'btn-toolbar',
|
||||
iconCls : 'toolbar__icon cc-remove',
|
||||
caption : this.textDelete,
|
||||
style : 'text-align: left;'
|
||||
style : 'text-align: left;',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnRemForm.on('click', _.bind(function(btn){
|
||||
this.api.asc_RemoveContentControl(this._state.id);
|
||||
|
|
@ -318,7 +369,10 @@ define([
|
|||
cls : 'btn-toolbar',
|
||||
iconCls : 'toolbar__icon btn-lock',
|
||||
caption : this.textLock,
|
||||
style : 'text-align: left;'
|
||||
style : 'text-align: left;',
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnLockForm.on('click', _.bind(function(btn){
|
||||
if (this.api && !this._noApply) {
|
||||
|
|
@ -860,7 +914,10 @@ define([
|
|||
'33CCCC', '3366FF', '800080', '999999', 'FF00FF', 'FFCC00', 'FFFF00', '00FF00', '00FFFF', '00CCFF',
|
||||
'993366', 'C0C0C0', 'FF99CC', 'FFCC99', 'FFFF99', 'CCFFCC', 'CCFFFF', 'C9C8FF', 'CC99FF', 'FFFFFF'
|
||||
],
|
||||
paletteHeight: 94
|
||||
paletteHeight: 94,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnColor);
|
||||
this.mnuNoBorder.on('click', _.bind(this.onNoBorderClick, this));
|
||||
|
|
|
|||
|
|
@ -150,7 +150,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-text-field',
|
||||
caption: this.capBtnText,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnTextField);
|
||||
|
||||
|
|
@ -158,7 +161,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-combo-box',
|
||||
caption: this.capBtnComboBox,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnComboBox);
|
||||
|
||||
|
|
@ -166,7 +172,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-dropdown',
|
||||
caption: this.capBtnDropDown,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnDropDown);
|
||||
|
||||
|
|
@ -174,7 +183,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-checkbox',
|
||||
caption: this.capBtnCheckBox,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnCheckBox);
|
||||
|
||||
|
|
@ -182,7 +194,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-radio-button',
|
||||
caption: this.capBtnRadioBox,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnRadioBox);
|
||||
|
||||
|
|
@ -190,7 +205,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-insertimage',
|
||||
caption: this.capBtnImage,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnImageField);
|
||||
|
||||
|
|
@ -199,7 +217,10 @@ define([
|
|||
iconCls: 'toolbar__icon btn-sheet-view',
|
||||
caption: this.capBtnView,
|
||||
enableToggle: true,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnViewForm);
|
||||
|
||||
|
|
@ -207,7 +228,10 @@ define([
|
|||
cls : 'btn-toolbar',
|
||||
iconCls : 'toolbar__icon btn-clearstyle',
|
||||
caption : this.textClearFields,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnClearFields);
|
||||
|
||||
|
|
@ -229,7 +253,10 @@ define([
|
|||
'33CCCC', '3366FF', '800080', '999999', 'FF00FF', 'FFCC00', 'FFFF00', '00FF00', '00FFFF', '00CCFF',
|
||||
'993366', 'C0C0C0', 'FF99CC', 'FFCC99', 'FFFF99', 'CCFFCC', 'CCFFFF', 'C9C8FF', 'CC99FF', 'FFFFFF'
|
||||
],
|
||||
paletteHeight: 94
|
||||
paletteHeight: 94,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnHighlight);
|
||||
}
|
||||
|
|
@ -237,14 +264,20 @@ define([
|
|||
this.btnPrevForm = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon previous-field',
|
||||
caption: this.capBtnPrev
|
||||
caption: this.capBtnPrev,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnPrevForm);
|
||||
|
||||
this.btnNextForm = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon next-field',
|
||||
caption: this.capBtnNext
|
||||
caption: this.capBtnNext,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnNextForm);
|
||||
|
||||
|
|
@ -252,7 +285,10 @@ define([
|
|||
this.btnSubmit = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon submit-form',
|
||||
caption: this.capBtnSubmit
|
||||
caption: this.capBtnSubmit,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnSubmit);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -237,7 +237,10 @@ define([
|
|||
iconCls: 'options__icon options__icon-huge ' + item[2],
|
||||
posWhere:item[0],
|
||||
posAlign:item[1],
|
||||
hint: item[4]
|
||||
hint: item[4],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
_btn.on('click', _.bind(this.onBtnPositionClick, this));
|
||||
this._btnsPosition.push( _btn );
|
||||
|
|
@ -251,7 +254,10 @@ define([
|
|||
value: '1.25 cm',
|
||||
defaultUnit : "cm",
|
||||
maxValue: 55.88,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.spinners.push(this.numPosition);
|
||||
this.lockedControls.push(this.numPosition);
|
||||
|
|
@ -260,19 +266,28 @@ define([
|
|||
|
||||
this.chDiffFirst = new Common.UI.CheckBox({
|
||||
el: $('#headerfooter-check-diff-first'),
|
||||
labelText: this.textDiffFirst
|
||||
labelText: this.textDiffFirst,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chDiffFirst);
|
||||
|
||||
this.chDiffOdd = new Common.UI.CheckBox({
|
||||
el: $('#headerfooter-check-diff-odd'),
|
||||
labelText: this.textDiffOdd
|
||||
labelText: this.textDiffOdd,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chDiffOdd);
|
||||
|
||||
this.chSameAs = new Common.UI.CheckBox({
|
||||
el: $('#headerfooter-check-same-as'),
|
||||
labelText: this.textSameAs
|
||||
labelText: this.textSameAs,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.numPosition.on('change', _.bind(this.onNumPositionChange, this));
|
||||
|
|
@ -291,14 +306,20 @@ define([
|
|||
el: $('#headerfooter-radio-prev'),
|
||||
labelText: this.textPrev,
|
||||
name: 'asc-radio-header-numbering',
|
||||
checked: true
|
||||
checked: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('change', _.bind(this.onRadioPrev, this));
|
||||
this.lockedControls.push(this.radioPrev);
|
||||
|
||||
this.radioFrom = new Common.UI.RadioBox({
|
||||
el: $('#headerfooter-radio-from'),
|
||||
labelText: this.textFrom,
|
||||
name: 'asc-radio-header-numbering'
|
||||
name: 'asc-radio-header-numbering',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('change', _.bind(this.onRadioFrom, this));
|
||||
this.lockedControls.push(this.radioFrom);
|
||||
|
||||
|
|
@ -310,7 +331,10 @@ define([
|
|||
defaultUnit : "",
|
||||
maxValue: 2147483646,
|
||||
minValue: 0,
|
||||
allowDecimal: false
|
||||
allowDecimal: false,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.numFrom);
|
||||
this.numFrom.on('change', _.bind(this.onNumFromChange, this));
|
||||
|
|
|
|||
|
|
@ -136,7 +136,10 @@ define([
|
|||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
store: new Common.UI.DataViewStore(viewData),
|
||||
cls: 'combo-chart-style'
|
||||
cls: 'combo-chart-style',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '-10, 0'
|
||||
});
|
||||
this.cmbWrapType.menuPicker.itemTemplate = this.cmbWrapType.fieldPicker.itemTemplate = _.template([
|
||||
'<div class="item-icon-box" id="<%= id %>" style="">',
|
||||
|
|
@ -187,7 +190,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-rotate-270',
|
||||
value: 0,
|
||||
hint: this.textHint270
|
||||
hint: this.textHint270,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnRotate270.on('click', _.bind(this.onBtnRotateClick, this));
|
||||
this.lockedControls.push(this.btnRotate270);
|
||||
|
|
@ -197,7 +203,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-rotate-90',
|
||||
value: 1,
|
||||
hint: this.textHint90
|
||||
hint: this.textHint90,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnRotate90.on('click', _.bind(this.onBtnRotateClick, this));
|
||||
this.lockedControls.push(this.btnRotate90);
|
||||
|
|
@ -207,7 +216,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-flip-vert',
|
||||
value: 0,
|
||||
hint: this.textHintFlipV
|
||||
hint: this.textHintFlipV,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnFlipV.on('click', _.bind(this.onBtnFlipClick, this));
|
||||
this.lockedControls.push(this.btnFlipV);
|
||||
|
|
@ -217,7 +229,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-flip-hor',
|
||||
value: 1,
|
||||
hint: this.textHintFlipH
|
||||
hint: this.textHintFlipH,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnFlipH.on('click', _.bind(this.onBtnFlipClick, this));
|
||||
this.lockedControls.push(this.btnFlipH);
|
||||
|
|
@ -250,7 +265,10 @@ define([
|
|||
caption: this.textCropFit,
|
||||
value: 2
|
||||
}]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnCrop.on('click', _.bind(this.onCrop, this));
|
||||
this.btnCrop.menu.on('item:click', _.bind(this.onCropMenu, this));
|
||||
|
|
@ -269,7 +287,10 @@ define([
|
|||
{caption: this.textFromUrl, value: 1},
|
||||
{caption: this.textFromStorage, value: 2}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnSelectImage);
|
||||
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||
|
|
|
|||
|
|
@ -161,9 +161,9 @@ define([
|
|||
var me = this,
|
||||
$host = me.toolbar.$el;
|
||||
|
||||
this.btnsContents = Common.Utils.injectButtons($host.find('.btn-slot.btn-contents'), '', 'toolbar__icon btn-contents', me.capBtnInsContents, undefined, true, true );
|
||||
this.btnsNotes = Common.Utils.injectButtons($host.find('.btn-slot.slot-notes'), '', 'toolbar__icon btn-notes', me.capBtnInsFootnote, undefined, true, true);
|
||||
this.btnsHyperlink = Common.Utils.injectButtons($host.find('.btn-slot.slot-inshyperlink'), '', 'toolbar__icon btn-inserthyperlink', me.capBtnInsLink);
|
||||
this.btnsContents = Common.Utils.injectButtons($host.find('.btn-slot.btn-contents'), '', 'toolbar__icon btn-contents', me.capBtnInsContents, undefined, true, true, undefined, '1', 'bottom', 'small');
|
||||
this.btnsNotes = Common.Utils.injectButtons($host.find('.btn-slot.slot-notes'), '', 'toolbar__icon btn-notes', me.capBtnInsFootnote, undefined, true, true, undefined, '1', 'bottom', 'small');
|
||||
this.btnsHyperlink = Common.Utils.injectButtons($host.find('.btn-slot.slot-inshyperlink'), '', 'toolbar__icon btn-inserthyperlink', me.capBtnInsLink, undefined, undefined, undefined, undefined, '1', 'bottom', 'small');
|
||||
Array.prototype.push.apply(this.paragraphControls, this.btnsContents.concat(this.btnsNotes, this.btnsHyperlink));
|
||||
|
||||
this.btnContentsUpdate = new Common.UI.Button({
|
||||
|
|
@ -173,7 +173,10 @@ define([
|
|||
caption: this.capBtnContentsUpdate,
|
||||
split: true,
|
||||
menu: true,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnContentsUpdate);
|
||||
|
||||
|
|
@ -182,7 +185,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-bookmarks',
|
||||
caption: this.capBtnBookmarks,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnBookmarks);
|
||||
|
||||
|
|
@ -191,7 +197,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-caption',
|
||||
caption: this.capBtnCaption,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnCaption);
|
||||
|
||||
|
|
@ -200,7 +209,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-cross-reference',
|
||||
caption: this.capBtnCrossRef,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnCrossRef);
|
||||
|
||||
|
|
@ -209,7 +221,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-contents',
|
||||
caption: this.capBtnTOF,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'medium'
|
||||
});
|
||||
this.paragraphControls.push(this.btnTableFigures);
|
||||
|
||||
|
|
@ -218,7 +233,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-update',
|
||||
caption: this.capBtnContentsUpdate,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'medium'
|
||||
});
|
||||
this.paragraphControls.push(this.btnTableFiguresUpdate);
|
||||
|
||||
|
|
|
|||
|
|
@ -127,7 +127,10 @@ define([
|
|||
style: 'min-width: 190px;max-width: 400px;',
|
||||
maxHeight: 200,
|
||||
items: []
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
this.txtFieldNum = new Common.UI.InputField({
|
||||
|
|
@ -149,7 +152,10 @@ define([
|
|||
|
||||
return true;
|
||||
},
|
||||
lock: [_set.noRecipients, _set.lostConnect]
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
}).on('changed:after', function(input, newValue, oldValue, e) {
|
||||
var val = parseInt(me.txtFieldNum.getValue());
|
||||
if (val !== parseInt(oldValue)) {
|
||||
|
|
@ -170,14 +176,20 @@ define([
|
|||
this.chHighlight = new Common.UI.CheckBox({
|
||||
el: me.$el.find('#mmerge-switcher-highlight'),
|
||||
labelText: this.textHighlight,
|
||||
lock: [_set.noFields, _set.lostConnect]
|
||||
lock: [_set.noFields, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chHighlight.on('change', _.bind(this.onCheckHighlightChange, this));
|
||||
|
||||
this.chPreview = new Common.UI.CheckBox({
|
||||
el: me.$el.find('#mmerge-switcher-preview'),
|
||||
labelText: this.textPreview,
|
||||
lock: [_set.noRecipients, _set.lostConnect]
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chPreview.on('change', _.bind(this.onCheckPreviewChange, this));
|
||||
this.emptyDBControls.push(this.chPreview);
|
||||
|
|
@ -189,7 +201,9 @@ define([
|
|||
disabled: true,
|
||||
value: 0,
|
||||
hint: this.txtFirst,
|
||||
lock: [_set.noRecipients, _set.lostConnect]
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnFirst.on('click', _.bind(this.onBtnPreviewFieldClick, this));
|
||||
this.emptyDBControls.push(this.btnFirst);
|
||||
|
|
@ -201,7 +215,9 @@ define([
|
|||
disabled: true,
|
||||
value: 1,
|
||||
hint: this.txtPrev,
|
||||
lock: [_set.noRecipients, _set.lostConnect]
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnPrev.on('click', _.bind(this.onBtnPreviewFieldClick, this));
|
||||
this.emptyDBControls.push(this.btnPrev);
|
||||
|
|
@ -212,7 +228,9 @@ define([
|
|||
iconCls: 'toolbar__icon btn-nextitem',
|
||||
value: 2,
|
||||
hint: this.txtNext,
|
||||
lock: [_set.noRecipients, _set.lostConnect]
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnNext.on('click', _.bind(this.onBtnPreviewFieldClick, this));
|
||||
this.emptyDBControls.push(this.btnNext);
|
||||
|
|
@ -223,7 +241,9 @@ define([
|
|||
iconCls: 'toolbar__icon btn-lastitem',
|
||||
value: 3,
|
||||
hint: this.txtLast,
|
||||
lock: [_set.noRecipients, _set.lostConnect]
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnLast.on('click', _.bind(this.onBtnPreviewFieldClick, this));
|
||||
this.emptyDBControls.push(this.btnLast);
|
||||
|
|
@ -240,7 +260,10 @@ define([
|
|||
menuStyle: 'min-width: 190px;',
|
||||
editable: false,
|
||||
data: this._arrMergeSrc,
|
||||
lock: [_set.noRecipients, _set.lostConnect]
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbMergeTo.setValue(this._arrMergeSrc[0].value);
|
||||
this.cmbMergeTo.on('selected', _.bind(this.onCmbMergeToSelect, this));
|
||||
|
|
@ -251,7 +274,10 @@ define([
|
|||
labelText: this.textAll,
|
||||
name: 'asc-radio-merge',
|
||||
checked: true,
|
||||
lock: [_set.noRecipients, _set.lostConnect]
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('change', _.bind(this.onRadioAllCurrent, this));
|
||||
this.emptyDBControls.push(this.radioAll);
|
||||
|
||||
|
|
@ -259,7 +285,10 @@ define([
|
|||
el: $('#mmerge-radio-current', me.$el),
|
||||
labelText: this.textCurrent,
|
||||
name: 'asc-radio-merge',
|
||||
lock: [_set.noRecipients, _set.lostConnect]
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('change', _.bind(this.onRadioAllCurrent, this));
|
||||
this.emptyDBControls.push(this.radioCurrent);
|
||||
|
||||
|
|
@ -267,7 +296,10 @@ define([
|
|||
el: $('#mmerge-radio-from-to', me.$el),
|
||||
labelText: this.textFrom,
|
||||
name: 'asc-radio-merge',
|
||||
lock: [_set.noRecipients, _set.lostConnect]
|
||||
lock: [_set.noRecipients, _set.lostConnect],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('change', _.bind(this.onRadioFromToChange, this));
|
||||
this.emptyDBControls.push(this.radioFromTo);
|
||||
|
||||
|
|
@ -303,7 +335,10 @@ define([
|
|||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
},
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.emptyDBControls.push(this.txtFieldFrom);
|
||||
|
||||
|
|
@ -338,7 +373,10 @@ define([
|
|||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
},
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.txtFieldTo.on('changed:after', function() {
|
||||
me._isToChanged = true;
|
||||
|
|
|
|||
|
|
@ -117,7 +117,10 @@ define([
|
|||
menuStyle: 'min-width: 85px;',
|
||||
editable: false,
|
||||
data: this._arrLineRule,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbLineRule.setValue('');
|
||||
this.lockedControls.push(this.cmbLineRule);
|
||||
|
|
@ -130,7 +133,10 @@ define([
|
|||
defaultUnit : "",
|
||||
maxValue: 132,
|
||||
minValue: 0.5,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.numLineHeight);
|
||||
|
||||
|
|
@ -144,7 +150,10 @@ define([
|
|||
minValue: 0,
|
||||
allowAuto : true,
|
||||
autoText : this.txtAutoText,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.spinners.push(this.numSpacingBefore);
|
||||
this.lockedControls.push(this.numSpacingBefore);
|
||||
|
|
@ -159,7 +168,10 @@ define([
|
|||
minValue: 0,
|
||||
allowAuto : true,
|
||||
autoText : this.txtAutoText,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.spinners.push(this.numSpacingAfter);
|
||||
this.lockedControls.push(this.numSpacingAfter);
|
||||
|
|
@ -167,7 +179,10 @@ define([
|
|||
this.chAddInterval = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#paragraph-checkbox-add-interval'),
|
||||
labelText: this.strSomeParagraphSpace,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chAddInterval);
|
||||
|
||||
|
|
@ -175,7 +190,10 @@ define([
|
|||
parentEl: $markup.findById('#paragraph-color-btn'),
|
||||
disabled: this._locked,
|
||||
transparent: true,
|
||||
menu : true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'medium'
|
||||
});
|
||||
this.lockedControls.push(this.btnColor);
|
||||
|
||||
|
|
@ -188,7 +206,10 @@ define([
|
|||
value: '0 cm',
|
||||
maxValue: 55.87,
|
||||
minValue: -55.87,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.spinners.push(this.numIndentsLeft);
|
||||
this.lockedControls.push(this.numIndentsLeft);
|
||||
|
|
@ -202,7 +223,10 @@ define([
|
|||
value: '0 cm',
|
||||
maxValue: 55.87,
|
||||
minValue: -55.87,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.spinners.push(this.numIndentsRight);
|
||||
this.lockedControls.push(this.numIndentsRight);
|
||||
|
|
@ -214,7 +238,10 @@ define([
|
|||
data: this._arrSpecial,
|
||||
style: 'width: 85px;',
|
||||
menuStyle : 'min-width: 85px;',
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbSpecial.setValue('');
|
||||
this.lockedControls.push(this.cmbSpecial);
|
||||
|
|
@ -228,7 +255,10 @@ define([
|
|||
value: '0 cm',
|
||||
maxValue: 55.87,
|
||||
minValue: 0,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.spinners.push(this.numSpecialBy);
|
||||
this.lockedControls.push(this.numSpecialBy);
|
||||
|
|
|
|||
|
|
@ -1208,7 +1208,10 @@ define([
|
|||
style: 'width: 100%;',
|
||||
menuStyle: 'min-width: 100%;',
|
||||
editable: false,
|
||||
data: this._arrFillSrc
|
||||
data: this._arrFillSrc,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFillSrc.setValue(this._arrFillSrc[0].value);
|
||||
this.cmbFillSrc.on('selected', _.bind(this.onFillSrcSelect, this));
|
||||
|
|
@ -1219,7 +1222,10 @@ define([
|
|||
itemHeight: 28,
|
||||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
cls: 'combo-pattern'
|
||||
cls: 'combo-pattern',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbPattern.menuPicker.itemTemplate = this.cmbPattern.fieldPicker.itemTemplate = _.template([
|
||||
'<div class="style" id="<%= id %>">',
|
||||
|
|
@ -1252,7 +1258,10 @@ define([
|
|||
{caption: this.textFromUrl, value: 1},
|
||||
{caption: this.textFromStorage, value: 2}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.btnSelectImage);
|
||||
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||
|
|
@ -1268,7 +1277,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 90px;',
|
||||
editable: false,
|
||||
data: this._arrFillType
|
||||
data: this._arrFillType,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFillType.setValue(this._arrFillType[0].value);
|
||||
this.cmbFillType.on('selected', _.bind(this.onFillTypeSelect, this));
|
||||
|
|
@ -1281,7 +1293,10 @@ define([
|
|||
value: '100 %',
|
||||
defaultUnit : "%",
|
||||
maxValue: 100,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numTransparency.on('change', _.bind(this.onNumTransparencyChange, this));
|
||||
this.numTransparency.on('inputleave', function(){ me.fireEvent('editcomplete', me);});
|
||||
|
|
@ -1311,7 +1326,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 100%;',
|
||||
editable: false,
|
||||
data: this._arrGradType
|
||||
data: this._arrGradType,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbGradType.setValue(this._arrGradType[0].value);
|
||||
this.cmbGradType.on('selected', _.bind(this.onGradTypeSelect, this));
|
||||
|
|
@ -1341,7 +1359,10 @@ define([
|
|||
items: [
|
||||
{ template: _.template('<div id="id-shape-menu-direction" style="width: 175px; margin: 0 5px;"></div>') }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnDirection.on('render:after', function(btn) {
|
||||
me.mnuDirectionPicker = new Common.UI.DataView({
|
||||
|
|
@ -1417,7 +1438,10 @@ define([
|
|||
allowDecimal: false,
|
||||
maxValue: 100,
|
||||
minValue: 0,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.spnGradPosition);
|
||||
this.spnGradPosition.on('change', _.bind(this.onPositionChange, this));
|
||||
|
|
@ -1428,7 +1452,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-add-breakpoint',
|
||||
disabled: this._locked,
|
||||
hint: this.tipAddGradientPoint
|
||||
hint: this.tipAddGradientPoint,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnAddGradientStep.on('click', _.bind(this.onAddGradientStep, this));
|
||||
this.fillControls.push(this.btnAddGradientStep);
|
||||
|
|
@ -1438,7 +1464,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-remove-breakpoint',
|
||||
disabled: this._locked,
|
||||
hint: this.tipRemoveGradientPoint
|
||||
hint: this.tipRemoveGradientPoint,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnRemoveGradientStep.on('click', _.bind(this.onRemoveGradientStep, this));
|
||||
this.fillControls.push(this.btnRemoveGradientStep);
|
||||
|
|
@ -1452,7 +1480,10 @@ define([
|
|||
allowDecimal: true,
|
||||
maxValue: 359.9,
|
||||
minValue: 0,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.numGradientAngle);
|
||||
this.numGradientAngle.on('change', _.bind(this.onGradientAngleChange, this));
|
||||
|
|
@ -1461,7 +1492,10 @@ define([
|
|||
this.cmbBorderSize = new Common.UI.ComboBorderSizeEditable({
|
||||
el: $('#shape-combo-border-size'),
|
||||
style: "width: 93px;",
|
||||
txtNoBorders: this.txtNoBorders
|
||||
txtNoBorders: this.txtNoBorders,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
})
|
||||
.on('selected', _.bind(this.onBorderSizeSelect, this))
|
||||
.on('changed:before',_.bind(this.onBorderSizeChanged, this, true))
|
||||
|
|
@ -1474,7 +1508,10 @@ define([
|
|||
this.cmbBorderType = new Common.UI.ComboBorderType({
|
||||
el: $('#shape-combo-border-type'),
|
||||
style: "width: 93px;",
|
||||
menuStyle: 'min-width: 93px;'
|
||||
menuStyle: 'min-width: 93px;',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
}).on('selected', _.bind(this.onBorderTypeSelect, this))
|
||||
.on('combo:blur', _.bind(this.onComboBlur, this, false));
|
||||
this.BorderType = Asc.c_oDashType.solid;
|
||||
|
|
@ -1486,7 +1523,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-rotate-270',
|
||||
value: 0,
|
||||
hint: this.textHint270
|
||||
hint: this.textHint270,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnRotate270.on('click', _.bind(this.onBtnRotateClick, this));
|
||||
this.lockedControls.push(this.btnRotate270);
|
||||
|
|
@ -1496,7 +1535,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-rotate-90',
|
||||
value: 1,
|
||||
hint: this.textHint90
|
||||
hint: this.textHint90,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnRotate90.on('click', _.bind(this.onBtnRotateClick, this));
|
||||
this.lockedControls.push(this.btnRotate90);
|
||||
|
|
@ -1506,7 +1547,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-flip-vert',
|
||||
value: 0,
|
||||
hint: this.textHintFlipV
|
||||
hint: this.textHintFlipV,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnFlipV.on('click', _.bind(this.onBtnFlipClick, this));
|
||||
this.lockedControls.push(this.btnFlipV);
|
||||
|
|
@ -1516,7 +1559,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-flip-hor',
|
||||
value: 1,
|
||||
hint: this.textHintFlipH
|
||||
hint: this.textHintFlipH,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnFlipH.on('click', _.bind(this.onBtnFlipClick, this));
|
||||
this.lockedControls.push(this.btnFlipH);
|
||||
|
|
@ -1538,7 +1583,10 @@ define([
|
|||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
store: new Common.UI.DataViewStore(viewData),
|
||||
cls: 'combo-chart-style'
|
||||
cls: 'combo-chart-style',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbWrapType.menuPicker.itemTemplate = this.cmbWrapType.fieldPicker.itemTemplate = _.template([
|
||||
'<div class="item-icon-box" id="<%= id %>">',
|
||||
|
|
@ -1565,13 +1613,19 @@ define([
|
|||
menuAlign: 'tr-br',
|
||||
cls: 'menu-shapes',
|
||||
items: []
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnChangeShape);
|
||||
|
||||
this.chShadow = new Common.UI.CheckBox({
|
||||
el: $('#shape-checkbox-shadow'),
|
||||
labelText: this.strShadow
|
||||
labelText: this.strShadow,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chShadow.on('change', _.bind(this.onCheckShadow, this));
|
||||
this.lockedControls.push(this.chShadow);
|
||||
|
|
@ -1641,7 +1695,7 @@ define([
|
|||
el: $('#shape-combo-fill-texture'),
|
||||
template: _.template([
|
||||
'<div class="input-group combobox combo-dataview-menu input-group-nr dropdown-toggle" tabindex="0" data-toggle="dropdown">',
|
||||
'<div class="form-control text" style="width: 90px;">' + this.textSelectTexture + '</div>',
|
||||
'<div class="form-control text" style="width: 90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big">' + this.textSelectTexture + '</div>',
|
||||
'<div style="display: table-cell;"></div>',
|
||||
'<button type="button" class="btn btn-default">',
|
||||
'<span class="caret"></span>',
|
||||
|
|
@ -1785,7 +1839,10 @@ define([
|
|||
this.btnBackColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#shape-back-color-btn'),
|
||||
transparent: true,
|
||||
color: 'transparent'
|
||||
color: 'transparent',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.btnBackColor);
|
||||
this.colorsBack = this.btnBackColor.getPicker();
|
||||
|
|
@ -1793,7 +1850,10 @@ define([
|
|||
|
||||
this.btnFGColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#shape-foreground-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.btnFGColor);
|
||||
this.colorsFG = this.btnFGColor.getPicker();
|
||||
|
|
@ -1801,7 +1861,10 @@ define([
|
|||
|
||||
this.btnBGColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#shape-background-color-btn'),
|
||||
color: 'ffffff'
|
||||
color: 'ffffff',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.btnBGColor);
|
||||
this.colorsBG = this.btnBGColor.getPicker();
|
||||
|
|
@ -1809,7 +1872,10 @@ define([
|
|||
|
||||
this.btnGradColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#shape-gradient-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.btnGradColor);
|
||||
this.colorsGrad = this.btnGradColor.getPicker();
|
||||
|
|
@ -1817,7 +1883,10 @@ define([
|
|||
|
||||
this.btnBorderColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#shape-border-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBorderColor);
|
||||
this.colorsBorder = this.btnBorderColor.getPicker();
|
||||
|
|
|
|||
|
|
@ -242,37 +242,55 @@ define([
|
|||
|
||||
this.chHeader = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-header'),
|
||||
labelText: this.textHeader
|
||||
labelText: this.textHeader,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chHeader);
|
||||
|
||||
this.chTotal = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-total'),
|
||||
labelText: this.textTotal
|
||||
labelText: this.textTotal,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chTotal);
|
||||
|
||||
this.chBanded = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-banded'),
|
||||
labelText: this.textBanded
|
||||
labelText: this.textBanded,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chBanded);
|
||||
|
||||
this.chFirst = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-first'),
|
||||
labelText: this.textFirst
|
||||
labelText: this.textFirst,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chFirst);
|
||||
|
||||
this.chLast = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-last'),
|
||||
labelText: this.textLast
|
||||
labelText: this.textLast,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chLast);
|
||||
|
||||
this.chColBanded = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-col-banded'),
|
||||
labelText: this.textBanded
|
||||
labelText: this.textBanded,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chColBanded);
|
||||
|
||||
|
|
@ -284,16 +302,16 @@ define([
|
|||
this.chColBanded.on('change', _.bind(this.onCheckTemplateChange, this, 5));
|
||||
|
||||
var _arrBorderPosition = [
|
||||
['l', 'toolbar__icon btn-border-left', 'table-button-border-left', this.tipLeft],
|
||||
['c', 'toolbar__icon btn-border-insidevert', 'table-button-border-inner-vert', this.tipInnerVert],
|
||||
['r', 'toolbar__icon btn-border-right', 'table-button-border-right', this.tipRight],
|
||||
['t', 'toolbar__icon btn-border-top', 'table-button-border-top', this.tipTop],
|
||||
['m', 'toolbar__icon btn-border-insidehor', 'table-button-border-inner-hor', this.tipInnerHor],
|
||||
['b', 'toolbar__icon btn-border-bottom', 'table-button-border-bottom', this.tipBottom],
|
||||
['cm', 'toolbar__icon btn-border-inside', 'table-button-border-inner', this.tipInner],
|
||||
['lrtb', 'toolbar__icon btn-border-out', 'table-button-border-outer', this.tipOuter],
|
||||
['lrtbcm', 'toolbar__icon btn-border-all', 'table-button-border-all', this.tipAll],
|
||||
['', 'toolbar__icon btn-border-no', 'table-button-border-none', this.tipNone]
|
||||
['l', 'toolbar__icon btn-border-left', 'table-button-border-left', this.tipLeft, 'bottom'],
|
||||
['c', 'toolbar__icon btn-border-insidevert', 'table-button-border-inner-vert', this.tipInnerVert, 'bottom'],
|
||||
['r', 'toolbar__icon btn-border-right', 'table-button-border-right', this.tipRight, 'bottom'],
|
||||
['t', 'toolbar__icon btn-border-top', 'table-button-border-top', this.tipTop, 'bottom'],
|
||||
['m', 'toolbar__icon btn-border-insidehor', 'table-button-border-inner-hor', this.tipInnerHor, 'bottom'],
|
||||
['b', 'toolbar__icon btn-border-bottom', 'table-button-border-bottom', this.tipBottom, 'bottom'],
|
||||
['cm', 'toolbar__icon btn-border-inside', 'table-button-border-inner', this.tipInner, 'top'],
|
||||
['lrtb', 'toolbar__icon btn-border-out', 'table-button-border-outer', this.tipOuter, 'top'],
|
||||
['lrtbcm', 'toolbar__icon btn-border-all', 'table-button-border-all', this.tipAll, 'top'],
|
||||
['', 'toolbar__icon btn-border-no', 'table-button-border-none', this.tipNone, 'top']
|
||||
];
|
||||
|
||||
this._btnsBorderPosition = [];
|
||||
|
|
@ -303,7 +321,10 @@ define([
|
|||
cls: 'btn-toolbar borders--small',
|
||||
iconCls: item[1],
|
||||
strId :item[0],
|
||||
hint: item[3]
|
||||
hint: item[3],
|
||||
dataHint: '1',
|
||||
dataHintDirection: item[4],
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
_btn.on('click', _.bind(this.onBtnBordersClick, this));
|
||||
this._btnsBorderPosition.push( _btn );
|
||||
|
|
@ -312,7 +333,10 @@ define([
|
|||
|
||||
this.cmbBorderSize = new Common.UI.ComboBorderSize({
|
||||
el: $('#table-combo-border-size'),
|
||||
style: "width: 93px;"
|
||||
style: "width: 93px;",
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.BorderSize = this.cmbBorderSize.store.at(1).get('value');
|
||||
this.cmbBorderSize.setValue(this.BorderSize);
|
||||
|
|
@ -343,7 +367,10 @@ define([
|
|||
{ caption: this.mergeCellsText, value: 11 },
|
||||
{ caption: this.splitCellsText, value: 12 }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.mnuMerge = this.btnEdit.menu.items[this.btnEdit.menu.items.length-2];
|
||||
this.mnuSplit = this.btnEdit.menu.items[this.btnEdit.menu.items.length-1];
|
||||
|
|
@ -359,7 +386,10 @@ define([
|
|||
|
||||
this.chRepeatRow = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-repeat-row'),
|
||||
labelText: this.strRepeatRow
|
||||
labelText: this.strRepeatRow,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chRepeatRow.on('change', _.bind(this.onCheckRepeatRowChange, this));
|
||||
this.lockedControls.push(this.chRepeatRow);
|
||||
|
|
@ -371,7 +401,10 @@ define([
|
|||
defaultUnit : "cm",
|
||||
value: '1 cm',
|
||||
maxValue: 55.88,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numHeight.on('change', _.bind(function(field, newValue, oldValue, eOpts){
|
||||
var _props = new Asc.CTableProp();
|
||||
|
|
@ -389,7 +422,10 @@ define([
|
|||
defaultUnit : "cm",
|
||||
value: '1 cm',
|
||||
maxValue: 55.88,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numWidth.on('change', _.bind(function(field, newValue, oldValue, eOpts){
|
||||
var _props = new Asc.CTableProp();
|
||||
|
|
@ -668,14 +704,20 @@ define([
|
|||
this.btnBorderColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#table-border-color-btn'),
|
||||
color: 'auto',
|
||||
auto: true
|
||||
auto: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBorderColor);
|
||||
this.borderColor = this.btnBorderColor.getPicker();
|
||||
|
||||
this.btnBackColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#table-back-color-btn'),
|
||||
transparent: true
|
||||
transparent: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBackColor);
|
||||
this.colorsBack = this.btnBackColor.getPicker();
|
||||
|
|
@ -699,7 +741,10 @@ define([
|
|||
items: [
|
||||
{ template: _.template('<div id="id-table-menu-template" class="menu-table-template" style="margin: 5px 5px 5px 10px;"></div>') }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnTableTemplate.on('render:after', function(btn) {
|
||||
self.mnuTableTemplatePicker = new Common.UI.DataView({
|
||||
|
|
|
|||
|
|
@ -838,7 +838,10 @@ define([
|
|||
style: 'width: 100%;',
|
||||
menuStyle: 'min-width: 100%;',
|
||||
editable: false,
|
||||
data: this._arrFillSrc
|
||||
data: this._arrFillSrc,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFillSrc.setValue(this._arrFillSrc[0].value);
|
||||
this.cmbFillSrc.on('selected', _.bind(this.onFillSrcSelect, this));
|
||||
|
|
@ -851,7 +854,10 @@ define([
|
|||
value: '100 %',
|
||||
defaultUnit : "%",
|
||||
maxValue: 100,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numTransparency.on('change', _.bind(this.onNumTransparencyChange, this));
|
||||
this.numTransparency.on('inputleave', function(){ me.fireEvent('editcomplete', me);});
|
||||
|
|
@ -881,7 +887,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 100%;',
|
||||
editable: false,
|
||||
data: this._arrGradType
|
||||
data: this._arrGradType,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbGradType.setValue(this._arrGradType[0].value);
|
||||
this.cmbGradType.on('selected', _.bind(this.onGradTypeSelect, this));
|
||||
|
|
@ -911,7 +920,10 @@ define([
|
|||
items: [
|
||||
{ template: _.template('<div id="id-textart-menu-direction" style="width: 175px; margin: 0 5px;"></div>') }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnDirection.on('render:after', function(btn) {
|
||||
me.mnuDirectionPicker = new Common.UI.DataView({
|
||||
|
|
@ -986,7 +998,10 @@ define([
|
|||
allowDecimal: false,
|
||||
maxValue: 100,
|
||||
minValue: 0,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.spnGradPosition);
|
||||
this.spnGradPosition.on('change', _.bind(this.onPositionChange, this));
|
||||
|
|
@ -997,7 +1012,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-add-breakpoint',
|
||||
disabled: this._locked,
|
||||
hint: this.tipAddGradientPoint
|
||||
hint: this.tipAddGradientPoint,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnAddGradientStep.on('click', _.bind(this.onAddGradientStep, this));
|
||||
this.lockedControls.push(this.btnAddGradientStep);
|
||||
|
|
@ -1007,7 +1024,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-remove-breakpoint',
|
||||
disabled: this._locked,
|
||||
hint: this.tipRemoveGradientPoint
|
||||
hint: this.tipRemoveGradientPoint,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnRemoveGradientStep.on('click', _.bind(this.onRemoveGradientStep, this));
|
||||
this.lockedControls.push(this.btnRemoveGradientStep);
|
||||
|
|
@ -1021,7 +1040,10 @@ define([
|
|||
allowDecimal: true,
|
||||
maxValue: 359.9,
|
||||
minValue: 0,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.numGradientAngle);
|
||||
this.numGradientAngle.on('change', _.bind(this.onGradientAngleChange, this));
|
||||
|
|
@ -1030,7 +1052,10 @@ define([
|
|||
this.cmbBorderSize = new Common.UI.ComboBorderSizeEditable({
|
||||
el: $('#textart-combo-border-size'),
|
||||
style: "width: 93px;",
|
||||
txtNoBorders: this.txtNoBorders
|
||||
txtNoBorders: this.txtNoBorders,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
})
|
||||
.on('selected', _.bind(this.onBorderSizeSelect, this))
|
||||
.on('changed:before',_.bind(this.onBorderSizeChanged, this, true))
|
||||
|
|
@ -1043,7 +1068,10 @@ define([
|
|||
this.cmbBorderType = new Common.UI.ComboBorderType({
|
||||
el: $('#textart-combo-border-type'),
|
||||
style: "width: 93px;",
|
||||
menuStyle: 'min-width: 93px;'
|
||||
menuStyle: 'min-width: 93px;',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
}).on('selected', _.bind(this.onBorderTypeSelect, this))
|
||||
.on('combo:blur', _.bind(this.onComboBlur, this, false));
|
||||
this.BorderType = Asc.c_oDashType.solid;
|
||||
|
|
@ -1055,7 +1083,10 @@ define([
|
|||
itemHeight: 50,
|
||||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
cls: 'combo-textart'
|
||||
cls: 'combo-textart',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbTransform.render($('#textart-combo-transform'));
|
||||
this.cmbTransform.openButton.menu.cmpEl.css({
|
||||
|
|
@ -1088,7 +1119,10 @@ define([
|
|||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
showLast: false,
|
||||
cls: 'combo-textart'
|
||||
cls: 'combo-textart',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbTextArt.render($('#textart-combo-template'));
|
||||
this.cmbTextArt.openButton.menu.cmpEl.css({
|
||||
|
|
@ -1163,7 +1197,10 @@ define([
|
|||
if (!this.btnBackColor) {
|
||||
this.btnBorderColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#textart-border-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBorderColor);
|
||||
this.colorsBorder = this.btnBorderColor.getPicker();
|
||||
|
|
@ -1171,7 +1208,10 @@ define([
|
|||
|
||||
this.btnGradColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#textart-gradient-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnGradColor);
|
||||
this.colorsGrad = this.btnGradColor.getPicker();
|
||||
|
|
@ -1180,7 +1220,10 @@ define([
|
|||
this.btnBackColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#textart-back-color-btn'),
|
||||
transparent: true,
|
||||
color: 'transparent'
|
||||
color: 'transparent',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBackColor);
|
||||
this.colorsBack = this.btnBackColor.getPicker();
|
||||
|
|
|
|||
|
|
@ -157,28 +157,38 @@ define([
|
|||
this.btnCopy = new Common.UI.Button({
|
||||
id: 'id-toolbar-btn-copy',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-copy'
|
||||
iconCls: 'toolbar__icon btn-copy',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintTitle: 'C'
|
||||
});
|
||||
this.toolbarControls.push(this.btnCopy);
|
||||
|
||||
this.btnPaste = new Common.UI.Button({
|
||||
id: 'id-toolbar-btn-paste',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-paste'
|
||||
iconCls: 'toolbar__icon btn-paste',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintTitle: 'P'
|
||||
});
|
||||
this.paragraphControls.push(this.btnPaste);
|
||||
|
||||
this.btnIncFontSize = new Common.UI.Button({
|
||||
id: 'id-toolbar-btn-incfont',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-incfont'
|
||||
iconCls: 'toolbar__icon btn-incfont',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
this.paragraphControls.push(this.btnIncFontSize);
|
||||
|
||||
this.btnDecFontSize = new Common.UI.Button({
|
||||
id: 'id-toolbar-btn-decfont',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-decfont'
|
||||
iconCls: 'toolbar__icon btn-decfont',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
this.paragraphControls.push(this.btnDecFontSize);
|
||||
|
||||
|
|
@ -186,7 +196,9 @@ define([
|
|||
id: 'id-toolbar-btn-bold',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-bold',
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.paragraphControls.push(this.btnBold);
|
||||
|
||||
|
|
@ -194,7 +206,9 @@ define([
|
|||
id: 'id-toolbar-btn-italic',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-italic',
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.paragraphControls.push(this.btnItalic);
|
||||
|
||||
|
|
@ -202,7 +216,9 @@ define([
|
|||
id: 'id-toolbar-btn-underline',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-underline',
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.paragraphControls.push(this.btnUnderline);
|
||||
|
||||
|
|
@ -210,7 +226,9 @@ define([
|
|||
id: 'id-toolbar-btn-strikeout',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-strikeout',
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.paragraphControls.push(this.btnStrikeout);
|
||||
|
||||
|
|
@ -219,7 +237,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-superscript',
|
||||
enableToggle: true,
|
||||
toggleGroup: 'superscriptGroup'
|
||||
toggleGroup: 'superscriptGroup',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.paragraphControls.push(this.btnSuperscript);
|
||||
|
||||
|
|
@ -228,7 +248,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-subscript',
|
||||
enableToggle: true,
|
||||
toggleGroup: 'superscriptGroup'
|
||||
toggleGroup: 'superscriptGroup',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.paragraphControls.push(this.btnSubscript);
|
||||
|
||||
|
|
@ -249,7 +271,10 @@ define([
|
|||
checkable: true
|
||||
})
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
this.paragraphControls.push(this.btnHighlightColor);
|
||||
this.textOnlyControls.push(this.btnHighlightColor);
|
||||
|
|
@ -260,7 +285,10 @@ define([
|
|||
iconCls: 'toolbar__icon btn-fontcolor',
|
||||
split: true,
|
||||
menu: true,
|
||||
auto: true
|
||||
auto: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
this.paragraphControls.push(this.btnFontColor);
|
||||
|
||||
|
|
@ -270,7 +298,10 @@ define([
|
|||
iconCls: 'toolbar__icon btn-paracolor',
|
||||
split: true,
|
||||
transparent: true,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
this.paragraphControls.push(this.btnParagraphColor);
|
||||
this.textOnlyControls.push(this.btnParagraphColor);
|
||||
|
|
@ -287,7 +318,9 @@ define([
|
|||
{caption: this.mniCapitalizeWords, value: Asc.c_oAscChangeTextCaseType.CapitalizeWords},
|
||||
{caption: this.mniToggleCase, value: Asc.c_oAscChangeTextCaseType.ToggleCase}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
this.paragraphControls.push(this.btnChangeCase);
|
||||
|
||||
|
|
@ -296,7 +329,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-align-left',
|
||||
enableToggle: true,
|
||||
toggleGroup: 'alignGroup'
|
||||
toggleGroup: 'alignGroup',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.paragraphControls.push(this.btnAlignLeft);
|
||||
|
||||
|
|
@ -305,7 +340,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-align-center',
|
||||
enableToggle: true,
|
||||
toggleGroup: 'alignGroup'
|
||||
toggleGroup: 'alignGroup',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.paragraphControls.push(this.btnAlignCenter);
|
||||
|
||||
|
|
@ -314,7 +351,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-align-right',
|
||||
enableToggle: true,
|
||||
toggleGroup: 'alignGroup'
|
||||
toggleGroup: 'alignGroup',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.paragraphControls.push(this.btnAlignRight);
|
||||
|
||||
|
|
@ -323,21 +362,27 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-align-just',
|
||||
enableToggle: true,
|
||||
toggleGroup: 'alignGroup'
|
||||
toggleGroup: 'alignGroup',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.paragraphControls.push(this.btnAlignJust);
|
||||
|
||||
this.btnDecLeftOffset = new Common.UI.Button({
|
||||
id: 'id-toolbar-btn-decoffset',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-decoffset'
|
||||
iconCls: 'toolbar__icon btn-decoffset',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
this.paragraphControls.push(this.btnDecLeftOffset);
|
||||
|
||||
this.btnIncLeftOffset = new Common.UI.Button({
|
||||
id: 'id-toolbar-btn-incoffset',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-incoffset'
|
||||
iconCls: 'toolbar__icon btn-incoffset',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
this.paragraphControls.push(this.btnIncLeftOffset);
|
||||
|
||||
|
|
@ -355,7 +400,10 @@ define([
|
|||
{caption: '2.5', value: 2.5, checkable: true, toggleGroup: 'linesize'},
|
||||
{caption: '3.0', value: 3.0, checkable: true, toggleGroup: 'linesize'}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
this.paragraphControls.push(this.btnLineSpace);
|
||||
|
||||
|
|
@ -371,7 +419,10 @@ define([
|
|||
{caption: this.mniHiddenChars, value: 'characters', checkable: true},
|
||||
{caption: this.mniHiddenBorders, value: 'table', checkable: true}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
this.toolbarControls.push(this.btnShowHidenChars);
|
||||
|
||||
|
|
@ -382,7 +433,10 @@ define([
|
|||
enableToggle: true,
|
||||
toggleGroup: 'markersGroup',
|
||||
split: true,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
this.paragraphControls.push(this.btnMarkers);
|
||||
this.textOnlyControls.push(this.btnMarkers);
|
||||
|
|
@ -394,7 +448,10 @@ define([
|
|||
enableToggle: true,
|
||||
toggleGroup: 'markersGroup',
|
||||
split: true,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
this.paragraphControls.push(this.btnNumbers);
|
||||
this.textOnlyControls.push(this.btnNumbers);
|
||||
|
|
@ -403,7 +460,10 @@ define([
|
|||
id: 'id-toolbar-btn-multilevels',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-multilevels',
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
this.paragraphControls.push(this.btnMultilevels);
|
||||
this.textOnlyControls.push(this.btnMultilevels);
|
||||
|
|
@ -440,7 +500,10 @@ define([
|
|||
{caption: this.mniEraseTable, value: 'erase', checkable: true},
|
||||
{caption: this.mniTextToTable, value: 'convert'}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnInsertTable);
|
||||
|
||||
|
|
@ -455,7 +518,10 @@ define([
|
|||
{caption: this.mniImageFromUrl, value: 'url'},
|
||||
{caption: this.mniImageFromStorage, value: 'storage'}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnInsertImage);
|
||||
|
||||
|
|
@ -464,7 +530,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
caption: me.capBtnInsChart,
|
||||
iconCls: 'toolbar__icon btn-insertchart',
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnInsertChart);
|
||||
|
||||
|
|
@ -473,7 +542,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-text',
|
||||
caption: me.capBtnInsTextbox,
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnInsertText);
|
||||
this.btnInsertTextArt = new Common.UI.Button({
|
||||
|
|
@ -486,7 +558,10 @@ define([
|
|||
items: [
|
||||
{template: _.template('<div id="id-toolbar-menu-insart" style="width: 239px; margin-left: 5px;"></div>')}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnInsertTextArt);
|
||||
|
||||
|
|
@ -495,7 +570,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-editheader',
|
||||
caption: me.capBtnInsHeader,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.mnuPageNumberPosPicker = {
|
||||
conf: {disabled: false},
|
||||
|
|
@ -517,7 +595,10 @@ define([
|
|||
id: 'id-toolbar-btn-datetime',
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-datetime',
|
||||
caption: me.capBtnDateTime
|
||||
caption: me.capBtnDateTime,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnInsDateTime);
|
||||
|
||||
|
|
@ -525,7 +606,10 @@ define([
|
|||
id: 'id-toolbar-btn-blankpage',
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-blankpage',
|
||||
caption: me.capBtnBlankPage
|
||||
caption: me.capBtnBlankPage,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnBlankPage);
|
||||
|
||||
|
|
@ -535,7 +619,10 @@ define([
|
|||
iconCls: 'toolbar__icon btn-insertshape',
|
||||
caption: me.capBtnInsShape,
|
||||
enableToggle: true,
|
||||
menu: new Common.UI.Menu({cls: 'menu-shapes'})
|
||||
menu: new Common.UI.Menu({cls: 'menu-shapes'}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnInsertShape);
|
||||
|
||||
|
|
@ -545,7 +632,10 @@ define([
|
|||
iconCls: 'toolbar__icon btn-insertequation',
|
||||
caption: me.capBtnInsEquation,
|
||||
split: true,
|
||||
menu: new Common.UI.Menu({cls: 'menu-shapes'})
|
||||
menu: new Common.UI.Menu({cls: 'menu-shapes'}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnInsertEquation);
|
||||
|
||||
|
|
@ -553,7 +643,10 @@ define([
|
|||
id: 'tlbtn-insertsymbol',
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-symbol',
|
||||
caption: me.capBtnInsSymbol
|
||||
caption: me.capBtnInsSymbol,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnInsertSymbol);
|
||||
|
||||
|
|
@ -593,7 +686,10 @@ define([
|
|||
{caption: '--'},
|
||||
this.mnuDropCapAdvanced = new Common.UI.MenuItem({caption: this.mniEditDropCap})
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnDropCap);
|
||||
|
||||
|
|
@ -669,7 +765,10 @@ define([
|
|||
})
|
||||
}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
// this.paragraphControls.push(this.btnContentControls);
|
||||
|
||||
|
|
@ -724,7 +823,10 @@ define([
|
|||
{caption: '--'},
|
||||
{caption: this.textColumnsCustom, value: 'advanced'}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.paragraphControls.push(this.btnColumns);
|
||||
|
||||
|
|
@ -753,7 +855,10 @@ define([
|
|||
value: false
|
||||
}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.toolbarControls.push(this.btnPageOrient);
|
||||
|
||||
|
|
@ -817,7 +922,10 @@ define([
|
|||
{caption: '--'},
|
||||
{caption: this.textPageMarginsCustom, value: 'advanced'}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.toolbarControls.push(this.btnPageMargins);
|
||||
|
||||
|
|
@ -941,7 +1049,10 @@ define([
|
|||
{caption: '--'},
|
||||
{caption: this.textPageSizeCustom, value: 'advanced'}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.toolbarControls.push(this.btnPageSize);
|
||||
|
||||
|
|
@ -989,14 +1100,19 @@ define([
|
|||
value: 5
|
||||
}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
|
||||
this.btnClearStyle = new Common.UI.Button({
|
||||
id: 'id-toolbar-btn-clearstyle',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-clearstyle'
|
||||
iconCls: 'toolbar__icon btn-clearstyle',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
this.toolbarControls.push(this.btnClearStyle);
|
||||
|
||||
|
|
@ -1004,7 +1120,9 @@ define([
|
|||
id: 'id-toolbar-btn-copystyle',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-copystyle',
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.toolbarControls.push(this.btnCopyStyle);
|
||||
|
||||
|
|
@ -1016,48 +1134,68 @@ define([
|
|||
cls: 'shifted-left',
|
||||
items: [],
|
||||
restoreHeight: true
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
this.toolbarControls.push(this.btnColorSchemas);
|
||||
|
||||
this.btnMailRecepients = new Common.UI.Button({
|
||||
id: 'id-toolbar-btn-mailrecepients',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-mailmerge'
|
||||
iconCls: 'toolbar__icon btn-mailmerge',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
|
||||
me.btnImgAlign = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-img-align',
|
||||
caption: me.capImgAlign,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
me.btnImgGroup = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-img-group',
|
||||
caption: me.capImgGroup,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.btnImgForward = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-img-frwd',
|
||||
caption: me.capImgForward,
|
||||
split: true,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.btnImgBackward = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-img-bkwd',
|
||||
caption: me.capImgBackward,
|
||||
split: true,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.btnImgWrapping = new Common.UI.Button({
|
||||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-img-wrap',
|
||||
caption: me.capImgWrapping,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
me.btnWatermark = new Common.UI.Button({
|
||||
|
|
@ -1076,7 +1214,10 @@ define([
|
|||
value: 'remove'
|
||||
}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
me.toolbarControls.push(me.btnImgAlign,
|
||||
|
|
@ -1116,7 +1257,9 @@ define([
|
|||
{value: 48, displayValue: "48"},
|
||||
{value: 72, displayValue: "72"},
|
||||
{value: 96, displayValue: "96"}
|
||||
]
|
||||
],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
this.paragraphControls.push(this.cmbFontSize);
|
||||
|
||||
|
|
@ -1125,7 +1268,9 @@ define([
|
|||
menuCls: 'scrollable-menu',
|
||||
menuStyle: 'min-width: 325px;',
|
||||
hint: this.tipFontName,
|
||||
store: new Common.Collections.Fonts()
|
||||
store: new Common.Collections.Fonts(),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
this.paragraphControls.push(this.cmbFontName);
|
||||
|
||||
|
|
@ -1142,6 +1287,9 @@ define([
|
|||
itemWidth: 104,
|
||||
itemHeight: 38,
|
||||
// hint : this.tipParagraphStyle,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '-16, 0',
|
||||
enableKeyEvents: true,
|
||||
additionalMenuItems: [this.listStylesAdditionalMenuItem],
|
||||
beforeOpenHandler: function (e) {
|
||||
|
|
@ -1389,7 +1537,7 @@ define([
|
|||
_injectComponent('#slot-img-wrapping', this.btnImgWrapping);
|
||||
_injectComponent('#slot-btn-watermark', this.btnWatermark);
|
||||
|
||||
this.btnsPageBreak = Common.Utils.injectButtons($host.find('.btn-slot.btn-pagebreak'), '', 'toolbar__icon btn-pagebreak', this.capBtnInsPagebreak, undefined, true, true);
|
||||
this.btnsPageBreak = Common.Utils.injectButtons($host.find('.btn-slot.btn-pagebreak'), '', 'toolbar__icon btn-pagebreak', this.capBtnInsPagebreak, undefined, true, true, undefined, '1', 'bottom', 'small');
|
||||
Array.prototype.push.apply(this.paragraphControls, this.btnsPageBreak);
|
||||
|
||||
return $host;
|
||||
|
|
|
|||
|
|
@ -123,6 +123,7 @@
|
|||
@import "../../../../common/main/resources/less/winxp_fix.less";
|
||||
@import "../../../../common/main/resources/less/calendar.less";
|
||||
@import "../../../../common/main/resources/less/symboltable.less";
|
||||
@import "../../../../common/main/resources/less/hint-manager.less";
|
||||
|
||||
// App
|
||||
// --------------------------------------------------
|
||||
|
|
|
|||
|
|
@ -673,7 +673,8 @@ define([
|
|||
// if (!this.leftMenu.isOpened()) return true;
|
||||
// TODO:
|
||||
if ( this.leftMenu.menuFile.isVisible() ) {
|
||||
this.leftMenu.menuFile.hide();
|
||||
if (Common.UI.HintManager.needCloseFileMenu())
|
||||
this.leftMenu.menuFile.hide();
|
||||
return false;
|
||||
}
|
||||
|
||||
|
|
@ -693,8 +694,10 @@ define([
|
|||
|
||||
if ( this.leftMenu.btnAbout.pressed || this.leftMenu.btnPlugins.pressed ||
|
||||
$(e.target).parents('#left-menu').length ) {
|
||||
this.leftMenu.close();
|
||||
Common.NotificationCenter.trigger('layout:changed', 'leftmenu');
|
||||
if (!Common.UI.HintManager.isHintVisible()) {
|
||||
this.leftMenu.close();
|
||||
Common.NotificationCenter.trigger('layout:changed', 'leftmenu');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
|
|
|
|||
|
|
@ -53,7 +53,8 @@ define([
|
|||
'common/main/lib/util/LocalStorage',
|
||||
'presentationeditor/main/app/collection/ShapeGroups',
|
||||
'presentationeditor/main/app/collection/SlideLayouts',
|
||||
'presentationeditor/main/app/collection/EquationGroups'
|
||||
'presentationeditor/main/app/collection/EquationGroups',
|
||||
'common/main/lib/component/HintManager'
|
||||
], function () { 'use strict';
|
||||
|
||||
PE.Controllers.Main = Backbone.Controller.extend(_.extend((function() {
|
||||
|
|
@ -162,6 +163,7 @@ define([
|
|||
this.api = this.getApplication().getController('Viewport').getApi();
|
||||
|
||||
Common.UI.FocusManager.init();
|
||||
Common.UI.HintManager.init(this.api);
|
||||
Common.UI.Themes.init(this.api);
|
||||
|
||||
if (this.api){
|
||||
|
|
@ -571,6 +573,8 @@ define([
|
|||
isDisabled = !cansave && !isSyncButton && !forcesave || this._state.isDisconnected || this._state.fastCoauth && this._state.usersCount>1 && !forcesave;
|
||||
toolbarView.btnSave.setDisabled(isDisabled);
|
||||
}
|
||||
|
||||
Common.UI.HintManager.clearHints(true);
|
||||
},
|
||||
|
||||
onLongActionBegin: function(type, id) {
|
||||
|
|
|
|||
|
|
@ -2442,7 +2442,7 @@ define([
|
|||
this.btnsComment = [];
|
||||
if ( config.canCoAuthoring && config.canComments ) {
|
||||
var _set = PE.enumLock;
|
||||
this.btnsComment = Common.Utils.injectButtons(this.toolbar.$el.find('.slot-comment'), 'tlbtn-addcomment-', 'toolbar__icon btn-menu-comments', me.toolbar.capBtnComment, [_set.lostConnect, _set.noSlides]);
|
||||
this.btnsComment = Common.Utils.injectButtons(this.toolbar.$el.find('.slot-comment'), 'tlbtn-addcomment-', 'toolbar__icon btn-menu-comments', me.toolbar.capBtnComment, [_set.lostConnect, _set.noSlides], undefined, undefined, undefined, '1', 'bottom', 'small');
|
||||
|
||||
if ( this.btnsComment.length ) {
|
||||
var _comments = PE.getController('Common.Controllers.Comments').getView();
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-button-edit-data" style="min-width:115px;"><%= scope.textEditData %></button>
|
||||
<button type="button" class="btn btn-text-default auto" id="chart-button-edit-data" style="min-width:115px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textEditData %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<label class="link" id="chart-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="chart-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -14,12 +14,12 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-original-size" style="min-width:100px;width: auto;"><%= scope.textOriginalSize %></button>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-original-size" style="min-width:100px;width: auto;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textOriginalSize %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-fit-slide" style="min-width:100px;width: auto;"><%= scope.textFitSlide %></button>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-fit-slide" style="min-width:100px;width: auto;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textFitSlide %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="image-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="image-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<div id="view-left-menu" class="tool-menu left">
|
||||
<div class="tool-menu-btns">
|
||||
<button id="left-btn-search" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-search"> </i></button>
|
||||
<button id="left-btn-thumbs" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-thumbs"> </i></button>
|
||||
<button id="left-btn-search" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-search"> </i></button>
|
||||
<button id="left-btn-thumbs" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-thumbs"> </i></button>
|
||||
<!-- /** coauthoring begin **/ -->
|
||||
<button id="left-btn-comments" class="btn btn-category" content-target="left-panel-comments"><i class="icon toolbar__icon btn-menu-comments"> </i></button>
|
||||
<button id="left-btn-chat" class="btn btn-category" content-target="left-panel-chat"><i class="icon toolbar__icon btn-menu-chat"> </i></button>
|
||||
<button id="left-btn-comments" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target="left-panel-comments"><i class="icon toolbar__icon btn-menu-comments"> </i></button>
|
||||
<button id="left-btn-chat" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target="left-panel-chat"><i class="icon toolbar__icon btn-menu-chat"> </i></button>
|
||||
<!-- /** coauthoring end **/ -->
|
||||
<button id="left-btn-plugins" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-plugin"> </i></button>
|
||||
<button id="left-btn-support" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-support"> </i></button>
|
||||
<button id="left-btn-about" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-about"> </i></button>
|
||||
<button id="left-btn-plugins" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-plugin"> </i></button>
|
||||
<button id="left-btn-support" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-support"> </i></button>
|
||||
<button id="left-btn-about" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-about"> </i></button>
|
||||
</div>
|
||||
<div class="left-panel" style="">
|
||||
<!-- /** coauthoring begin **/ -->
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="paragraph-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="paragraph-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -19,13 +19,13 @@
|
|||
</div>
|
||||
<div class="tool-menu-btns">
|
||||
<div class="ct-btn-category arrow-left"></div>
|
||||
<button id="id-right-menu-slide" class="btn btn-category arrow-left" content-target="id-slide-settings"><i class="icon toolbar__icon btn-menu-slide"> </i></button>
|
||||
<button id="id-right-menu-shape" class="btn btn-category arrow-left" content-target="id-shape-settings"><i class="icon toolbar__icon btn-menu-shape"> </i></button>
|
||||
<button id="id-right-menu-image" class="btn btn-category arrow-left" content-target="id-image-settings"><i class="icon toolbar__icon btn-menu-image"> </i></button>
|
||||
<button id="id-right-menu-text" class="btn btn-category arrow-left" content-target="id-paragraph-settings"><i class="icon toolbar__icon btn-paragraph"> </i></button>
|
||||
<button id="id-right-menu-table" class="btn btn-category arrow-left" content-target="id-table-settings"><i class="icon toolbar__icon btn-menu-table"> </i></button>
|
||||
<button id="id-right-menu-chart" class="btn btn-category arrow-left" content-target="id-chart-settings"><i class="icon toolbar__icon btn-menu-chart"> </i></button>
|
||||
<button id="id-right-menu-textart" class="btn btn-category arrow-left" content-target="id-textart-settings"><i class="icon toolbar__icon btn-menu-textart"> </i></button>
|
||||
<button id="id-right-menu-signature" class="btn btn-category arrow-left hidden" content-target="id-signature-settings"><i class="icon toolbar__icon btn-menu-signature"> </i></button>
|
||||
<button id="id-right-menu-slide" class="btn btn-category arrow-left" content-target="id-slide-settings" data-hint="0" data-hint-direction="left" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-slide"> </i></button>
|
||||
<button id="id-right-menu-shape" class="btn btn-category arrow-left" content-target="id-shape-settings" data-hint="0" data-hint-direction="left" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-shape"> </i></button>
|
||||
<button id="id-right-menu-image" class="btn btn-category arrow-left" content-target="id-image-settings" data-hint="0" data-hint-direction="left" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-image"> </i></button>
|
||||
<button id="id-right-menu-text" class="btn btn-category arrow-left" content-target="id-paragraph-settings" data-hint="0" data-hint-direction="left" data-hint-offset="big"><i class="icon toolbar__icon btn-paragraph"> </i></button>
|
||||
<button id="id-right-menu-table" class="btn btn-category arrow-left" content-target="id-table-settings" data-hint="0" data-hint-direction="left" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-table"> </i></button>
|
||||
<button id="id-right-menu-chart" class="btn btn-category arrow-left" content-target="id-chart-settings" data-hint="0" data-hint-direction="left" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-chart"> </i></button>
|
||||
<button id="id-right-menu-textart" class="btn btn-category arrow-left" content-target="id-textart-settings" data-hint="0" data-hint-direction="left" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-textart"> </i></button>
|
||||
<button id="id-right-menu-signature" class="btn btn-category arrow-left hidden" content-target="id-signature-settings" data-hint="0" data-hint-direction="left" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-signature"> </i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -202,7 +202,7 @@
|
|||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td align="center">
|
||||
<label class="link" id="shape-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="shape-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -142,7 +142,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-large">
|
||||
<button type="button" class="btn btn-text-default" id="slide-button-preview" style="width:100%;"><%= scope.textPreview %></button>
|
||||
<button type="button" class="btn btn-text-default" id="slide-button-preview" style="width:100%;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textPreview %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -160,7 +160,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<button type="button" class="btn btn-text-default" id="slide-button-apply-all" style="width:100%;"><%= scope.textApplyAll %></button>
|
||||
<button type="button" class="btn btn-text-default" id="slide-button-apply-all" style="width:100%;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textApplyAll %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<div id="slot-status-btn-preview" style="display: inline-block;margin-left: 9px;"></div>
|
||||
</div>
|
||||
<div class="status-group dropup">
|
||||
<label id="status-label-pages" class="status-label dropdown-toggle" style="margin-left: 7px; display: none;" data-toggle="dropdown"><%= Common.Utils.String.format(scope.pageIndexText, 1, 1) %></label>
|
||||
<label id="status-label-pages" class="status-label dropdown-toggle" style="margin-left: 7px; display: none;" data-toggle="dropdown" data-hint="0" data-hint-direction="top" data-hint-offset="-3, 0"><%= Common.Utils.String.format(scope.pageIndexText, 1, 1) %></label>
|
||||
<div id="status-goto-box" class="dropdown-menu">
|
||||
<label style="float:left;line-height:22px;"><%= scope.goToPageText %></label>
|
||||
<div id="status-goto-page" style="display:inline-block;"></div>
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
</div>
|
||||
<div class="status-group" style="">
|
||||
<div class="cnt-lang el-edit">
|
||||
<div class="dropdown-toggle" data-toggle="dropdown">
|
||||
<div class="dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top">
|
||||
<label id="status-label-lang" class="status-label">English (United States)</label>
|
||||
<div class="caret"></div>
|
||||
</div>
|
||||
|
|
@ -36,11 +36,11 @@
|
|||
<span id="btn-doc-lang" class="el-edit"></span>
|
||||
<span id="btn-doc-spell" class="el-edit"></span>
|
||||
<div class="separator short el-edit"></div>
|
||||
<button id="btn-zoom-topage" type="button" class="btn small btn-toolbar"><i class="icon toolbar__icon btn-ic-zoomtoslide"></i></button>
|
||||
<button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar"><i class="icon toolbar__icon btn-ic-zoomtowidth"></i></button>
|
||||
<button id="btn-zoom-topage" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtoslide"></i></button>
|
||||
<button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtowidth"></i></button>
|
||||
<button id="btn-zoom-down" type="button" class="btn small btn-toolbar"><i class="icon toolbar__icon btn-zoomdown"></i></button>
|
||||
<div class="cnt-zoom">
|
||||
<div class="dropdown-toggle" data-toggle="dropdown">
|
||||
<div class="dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top">
|
||||
<label id="status-label-zoom" class="status-label">Zoom 100%</label>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -124,12 +124,12 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default" id="table-btn-distrub-rows" style="width:100%;"><%= scope.textDistributeRows %></button>
|
||||
<button type="button" class="btn btn-text-default" id="table-btn-distrub-rows" style="width:100%;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textDistributeRows %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default" id="table-btn-distrub-cols" style="width:100%;"><%= scope.textDistributeCols %></button>
|
||||
<button type="button" class="btn btn-text-default" id="table-btn-distrub-cols" style="width:100%;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textDistributeCols %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -139,7 +139,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="table-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="table-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -33,10 +33,10 @@
|
|||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<button type="button" class="btn btn-text-default" id="textart-button-from-file" style="width:90px;"><%= scope.textFromFile %></button>
|
||||
<button type="button" class="btn btn-text-default" id="textart-button-from-file" style="width:90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textFromFile %></button>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<button type="button" class="btn btn-text-default" id="textart-button-from-url" style="width:90px;float:right;"><%= scope.textFromUrl %></button>
|
||||
<button type="button" class="btn btn-text-default" id="textart-button-from-url" style="width:90px;float:right;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textFromUrl %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
<div class="layout-region">
|
||||
<div id="pe-preview" style="position:absolute; left: 0; top: 0; display:none; width:100%; height:100%;"></div>
|
||||
<section class="layout-ct">
|
||||
<div id="file-menu-panel" class="toolbar-fullview-panel" style="display:none;"></div>
|
||||
<div id="file-menu-panel" class="toolbar-fullview-panel hint-section" style="display:none;"></div>
|
||||
</section>
|
||||
<div id="viewport-vbox-layout" class="layout-ct vbox">
|
||||
<section id="app-title" class="layout-item"></section>
|
||||
<div id="toolbar" class="layout-item"></div>
|
||||
<div id="toolbar" class="layout-item hint-section"></div>
|
||||
<div class="layout-item middle">
|
||||
<div id="viewport-hbox-layout" class="layout-ct hbox">
|
||||
<div id="left-menu" class="layout-item" style="width: 40px;"></div>
|
||||
<div id="left-menu" class="layout-item hint-section" style="width: 40px;"></div>
|
||||
<div id="about-menu-panel" class="left-menu-full-ct" style="display:none;"></div>
|
||||
<div id="editor-container" class="layout-item"><div id="editor_sdk"></div></div>
|
||||
<div id="right-menu" class="layout-item"></div>
|
||||
<div id="right-menu" class="layout-item hint-section"></div>
|
||||
<div id="left-panel-history" class="layout-item"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -214,7 +214,10 @@ define([
|
|||
items: [
|
||||
{ template: _.template('<div id="id-chart-menu-type" class="menu-insertchart"></div>') }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnChartType.on('render:after', function(btn) {
|
||||
me.mnuChartTypePicker = new Common.UI.DataView({
|
||||
|
|
@ -243,7 +246,10 @@ define([
|
|||
defaultUnit : "cm",
|
||||
value: '3 cm',
|
||||
maxValue: 55.88,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.spinners.push(this.spnWidth);
|
||||
this.lockedControls.push(this.spnWidth);
|
||||
|
|
@ -255,7 +261,10 @@ define([
|
|||
defaultUnit : "cm",
|
||||
value: '3 cm',
|
||||
maxValue: 55.88,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.spinners.push(this.spnHeight);
|
||||
this.lockedControls.push(this.spnHeight);
|
||||
|
|
@ -373,7 +382,10 @@ define([
|
|||
itemHeight: 50,
|
||||
menuMaxHeight: 270,
|
||||
enableKeyEvents: true,
|
||||
cls: 'combo-chart-style'
|
||||
cls: 'combo-chart-style',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbChartStyle.render($('#chart-combo-style'));
|
||||
this.cmbChartStyle.openButton.menu.cmpEl.css({
|
||||
|
|
|
|||
|
|
@ -219,6 +219,8 @@ define([
|
|||
};
|
||||
|
||||
var onContextMenu = function(event){
|
||||
if (Common.UI.HintManager.isHintVisible())
|
||||
Common.UI.HintManager.clearHints();
|
||||
_.delay(function(){
|
||||
if (event.get_Type() == Asc.c_oAscContextMenuTypes.Thumbnails) {
|
||||
showPopupMenu.call(me, (me.mode.isEdit && !me._isDisabled) ? me.slideMenu : me.viewModeMenuSlide, {isSlideSelect: event.get_IsSlideSelect(), isSlideHidden: event.get_IsSlideHidden(), fromThumbs: true}, event);
|
||||
|
|
@ -303,7 +305,8 @@ define([
|
|||
}
|
||||
if (key == Common.UI.Keys.ESC) {
|
||||
Common.UI.Menu.Manager.hideAll();
|
||||
Common.NotificationCenter.trigger('leftmenu:change', 'hide');
|
||||
if (!Common.UI.HintManager.isHintVisible())
|
||||
Common.NotificationCenter.trigger('leftmenu:change', 'hide');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -92,7 +92,10 @@ define([
|
|||
action : 'save',
|
||||
caption : this.btnSaveCaption,
|
||||
canFocused: false,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
if ( !!this.options.miSave ) {
|
||||
this.miSave.setDisabled(this.options.miSave.isDisabled());
|
||||
|
|
@ -103,42 +106,60 @@ define([
|
|||
el : $markup.elementById('#fm-btn-edit'),
|
||||
action : 'edit',
|
||||
caption : this.btnToEditCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miDownload = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-download'),
|
||||
action : 'saveas',
|
||||
caption : this.btnDownloadCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miSaveCopyAs = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-save-copy'),
|
||||
action : 'save-copy',
|
||||
caption : this.btnSaveCopyAsCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miSaveAs = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-save-desktop'),
|
||||
action : 'save-desktop',
|
||||
caption : this.btnSaveAsCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miPrint = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-print'),
|
||||
action : 'print',
|
||||
caption : this.btnPrintCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miRename = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-rename'),
|
||||
action : 'rename',
|
||||
caption : this.btnRenameCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
if ( !!this.options.miRename ) {
|
||||
this.miRename.setDisabled(this.options.miRename.isDisabled());
|
||||
|
|
@ -149,7 +170,10 @@ define([
|
|||
el : $markup.elementById('#fm-btn-protect'),
|
||||
action : 'protect',
|
||||
caption : this.btnProtectCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
if ( !!this.options.miProtect ) {
|
||||
this.miProtect.setDisabled(this.options.miProtect.isDisabled());
|
||||
|
|
@ -160,35 +184,50 @@ define([
|
|||
el : $markup.elementById('#fm-btn-recent'),
|
||||
action : 'recent',
|
||||
caption : this.btnRecentFilesCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miNew = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-create'),
|
||||
action : 'new',
|
||||
caption : this.btnCreateNewCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miAccess = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-rights'),
|
||||
action : 'rights',
|
||||
caption : this.btnRightsCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miHelp = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-help'),
|
||||
action : 'help',
|
||||
caption : this.btnHelpCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
|
||||
this.miHistory = new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-history'),
|
||||
action : 'history',
|
||||
caption : this.btnHistoryCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
});
|
||||
if ( !!this.options.miHistory ) {
|
||||
this.miHistory.setDisabled(this.options.miHistory.isDisabled());
|
||||
|
|
@ -201,7 +240,10 @@ define([
|
|||
el : $markup.elementById('#fm-btn-return'),
|
||||
action : 'back',
|
||||
caption : this.btnCloseMenuCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
}),
|
||||
this.miSave,
|
||||
this.miEdit,
|
||||
|
|
@ -217,7 +259,10 @@ define([
|
|||
el : $markup.elementById('#fm-btn-info'),
|
||||
action : 'info',
|
||||
caption : this.btnInfoCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
}),
|
||||
this.miAccess,
|
||||
this.miHistory,
|
||||
|
|
@ -225,14 +270,20 @@ define([
|
|||
el : $markup.elementById('#fm-btn-settings'),
|
||||
action : 'opts',
|
||||
caption : this.btnSettingsCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
}),
|
||||
this.miHelp,
|
||||
new Common.UI.MenuItem({
|
||||
el : $markup.elementById('#fm-btn-back'),
|
||||
action : 'exit',
|
||||
caption : this.btnBackCaption,
|
||||
canFocused: false
|
||||
canFocused: false,
|
||||
dataHint: 1,
|
||||
dataHintDirection: 'left-top',
|
||||
dataHintOffset: [2, 14]
|
||||
})
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@ define([
|
|||
'<% _.each(rows, function(row) { %>',
|
||||
'<tr>',
|
||||
'<% _.each(row, function(item) { %>',
|
||||
'<td><div><svg class="btn-doc-format" format="<%= item.type %>">',
|
||||
'<td><div><svg class="btn-doc-format" format="<%= item.type %>" data-hint="2" data-hint-direction="left-top" data-hint-offset="4, 4">',
|
||||
'<use xlink:href="#svg-format-<%= item.imgCls %>"></use>',
|
||||
'</svg></div></td>',
|
||||
'<% }) %>',
|
||||
|
|
@ -188,7 +188,7 @@ define([
|
|||
'</tr>','<tr class="divider edit"></tr>',
|
||||
'<tr class="edit">',
|
||||
'<td class="left"><label><%= scope.txtProofing %></label></td>',
|
||||
'<td class="right"><button type="button" class="btn btn-text-default" id="fms-btn-auto-correct" style="width:auto; display: inline-block;padding-right: 10px;padding-left: 10px;"><%= scope.txtAutoCorrect %></button></div></td>',
|
||||
'<td class="right"><button type="button" class="btn btn-text-default" id="fms-btn-auto-correct" style="width:auto; display: inline-block;padding-right: 10px;padding-left: 10px;" data-hint="2" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.txtAutoCorrect %></button></div></td>',
|
||||
'</tr>','<tr class="divider edit"></tr>',
|
||||
'<tr class="edit">',
|
||||
'<td class="left"><label><%= scope.txtInput %></label></td>',
|
||||
|
|
@ -242,7 +242,7 @@ define([
|
|||
'</tr>','<tr class="divider macros"></tr>',
|
||||
'<tr class="fms-btn-apply">',
|
||||
'<td class="left"></td>',
|
||||
'<td class="right" style="padding-top:15px; padding-bottom: 15px;"><button class="btn normal dlg-btn primary"><%= scope.okButtonText %></button></td>',
|
||||
'<td class="right" style="padding-top:15px; padding-bottom: 15px;"><button class="btn normal dlg-btn primary" data-hint="2" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.okButtonText %></button></td>',
|
||||
'</tr>',
|
||||
'</tbody></table>',
|
||||
'</div>',
|
||||
|
|
@ -250,7 +250,7 @@ define([
|
|||
'<table style="margin: 10px 0;"><tbody>',
|
||||
'<tr>',
|
||||
'<td class="left"></td>',
|
||||
'<td class="right"><button class="btn normal dlg-btn primary"><%= scope.okButtonText %></button></td>',
|
||||
'<td class="right"><button class="btn normal dlg-btn primary" data-hint="2" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.okButtonText %></button></td>',
|
||||
'</tr>',
|
||||
'</tbody></table>',
|
||||
'</div>'
|
||||
|
|
@ -268,12 +268,18 @@ define([
|
|||
|
||||
this.chSpell = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-spell-check'),
|
||||
labelText: this.strSpellCheckMode
|
||||
labelText: this.strSpellCheckMode,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.chInputMode = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-input-mode'),
|
||||
labelText: this.strInputMode
|
||||
labelText: this.strInputMode,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.cmbZoom = new Common.UI.ComboBox({
|
||||
|
|
@ -296,7 +302,10 @@ define([
|
|||
{ value: 150, displayValue: "150%" },
|
||||
{ value: 175, displayValue: "175%" },
|
||||
{ value: 200, displayValue: "200%" }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
/** coauthoring begin **/
|
||||
|
|
@ -308,7 +317,10 @@ define([
|
|||
data : [
|
||||
{ value: 1, displayValue: this.strFast, descValue: this.strCoAuthModeDescFast},
|
||||
{ value: 0, displayValue: this.strStrict, descValue: this.strCoAuthModeDescStrict }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
}).on('selected', function(combo, record) {
|
||||
if (record.value == 1 && (me.chAutosave.getValue()!=='checked'))
|
||||
me.chAutosave.setValue(1);
|
||||
|
|
@ -320,7 +332,10 @@ define([
|
|||
|
||||
this.chAutosave = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-autosave'),
|
||||
labelText: this.strAutosave
|
||||
labelText: this.strAutosave,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('change', function(field, newValue, oldValue, eOpts){
|
||||
if (field.getValue()!=='checked' && me.cmbCoAuthMode.getValue()) {
|
||||
me.cmbCoAuthMode.setValue(0);
|
||||
|
|
@ -331,12 +346,18 @@ define([
|
|||
|
||||
this.chForcesave = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-forcesave'),
|
||||
labelText: this.strForcesave
|
||||
labelText: this.strForcesave,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.chAlignGuides = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-align-guides'),
|
||||
labelText: this.strAlignGuides
|
||||
labelText: this.strAlignGuides,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
var itemsTemplate =
|
||||
|
|
@ -356,7 +377,10 @@ define([
|
|||
{ value: Asc.c_oAscFontRenderingModeType.noHinting, displayValue: this.txtMac },
|
||||
{ value: Asc.c_oAscFontRenderingModeType.hinting, displayValue: this.txtNative },
|
||||
{ value: 'custom', displayValue: this.txtCacheMode }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFontRender.on('selected', _.bind(this.onFontRenderSelected, this));
|
||||
|
||||
|
|
@ -369,7 +393,10 @@ define([
|
|||
{ value: Common.Utils.Metric.c_MetricUnits['cm'], displayValue: this.txtCm },
|
||||
{ value: Common.Utils.Metric.c_MetricUnits['pt'], displayValue: this.txtPt },
|
||||
{ value: Common.Utils.Metric.c_MetricUnits['inch'], displayValue: this.txtInch }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
this.cmbMacros = new Common.UI.ComboBox({
|
||||
|
|
@ -382,7 +409,10 @@ define([
|
|||
{ value: 2, displayValue: this.txtStopMacros, descValue: this.txtStopMacrosDesc },
|
||||
{ value: 0, displayValue: this.txtWarnMacros, descValue: this.txtWarnMacrosDesc },
|
||||
{ value: 1, displayValue: this.txtRunMacros, descValue: this.txtRunMacrosDesc }
|
||||
]
|
||||
],
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
}).on('selected', function(combo, record) {
|
||||
me.lblMacrosDesc.text(record.descValue);
|
||||
});
|
||||
|
|
@ -390,7 +420,10 @@ define([
|
|||
|
||||
this.chPaste = new Common.UI.CheckBox({
|
||||
el: $markup.findById('#fms-chb-paste-settings'),
|
||||
labelText: this.strPasteButton
|
||||
labelText: this.strPasteButton,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
|
||||
this.btnAutoCorrect = new Common.UI.Button({
|
||||
|
|
@ -403,6 +436,9 @@ define([
|
|||
style : 'width: 160px;',
|
||||
editable : false,
|
||||
cls : 'input-group-nr',
|
||||
dataHint : '2',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
|
||||
$markup.find('.btn.primary').each(function(index, el){
|
||||
|
|
@ -867,7 +903,7 @@ define([
|
|||
'<table class="main" style="margin: 10px 0;">',
|
||||
'<tr>',
|
||||
'<td class="left"></td>',
|
||||
'<td class="right"><button id="fminfo-btn-apply" class="btn normal dlg-btn primary"><%= scope.okButtonText %></button></td>',
|
||||
'<td class="right"><button id="fminfo-btn-apply" class="btn normal dlg-btn primary" data-hint="2" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.okButtonText %></button></td>',
|
||||
'</tr>',
|
||||
'</table>',
|
||||
'</div>'
|
||||
|
|
@ -904,19 +940,28 @@ define([
|
|||
el : $markup.findById('#id-info-title'),
|
||||
style : 'width: 200px;',
|
||||
placeHolder : this.txtAddText,
|
||||
validateOnBlur: false
|
||||
validateOnBlur: false,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('keydown:before', keyDownBefore);
|
||||
this.inputSubject = new Common.UI.InputField({
|
||||
el : $markup.findById('#id-info-subject'),
|
||||
style : 'width: 200px;',
|
||||
placeHolder : this.txtAddText,
|
||||
validateOnBlur: false
|
||||
validateOnBlur: false,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('keydown:before', keyDownBefore);
|
||||
this.inputComment = new Common.UI.InputField({
|
||||
el : $markup.findById('#id-info-comment'),
|
||||
style : 'width: 200px;',
|
||||
placeHolder : this.txtAddText,
|
||||
validateOnBlur: false
|
||||
validateOnBlur: false,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('keydown:before', keyDownBefore);
|
||||
|
||||
// modify info
|
||||
|
|
@ -945,7 +990,10 @@ define([
|
|||
el : $markup.findById('#id-info-add-author'),
|
||||
style : 'width: 200px;',
|
||||
validateOnBlur: false,
|
||||
placeHolder: this.txtAddAuthor
|
||||
placeHolder: this.txtAddAuthor,
|
||||
dataHint: '2',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
}).on('changed:after', function(input, newValue, oldValue, e) {
|
||||
if (newValue == oldValue) return;
|
||||
|
||||
|
|
|
|||
|
|
@ -132,7 +132,10 @@ define([
|
|||
{caption: this.textFromUrl, value: 1},
|
||||
{caption: this.textFromStorage, value: 2}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnSelectImage);
|
||||
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||
|
|
@ -187,7 +190,10 @@ define([
|
|||
caption: this.textCropFit,
|
||||
value: 2
|
||||
}]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnCrop.on('click', _.bind(this.onCrop, this));
|
||||
this.btnCrop.menu.on('item:click', _.bind(this.onCropMenu, this));
|
||||
|
|
@ -198,7 +204,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-rotate-270',
|
||||
value: 0,
|
||||
hint: this.textHint270
|
||||
hint: this.textHint270,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnRotate270.on('click', _.bind(this.onBtnRotateClick, this));
|
||||
this.lockedControls.push(this.btnRotate270);
|
||||
|
|
@ -208,7 +217,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-rotate-90',
|
||||
value: 1,
|
||||
hint: this.textHint90
|
||||
hint: this.textHint90,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnRotate90.on('click', _.bind(this.onBtnRotateClick, this));
|
||||
this.lockedControls.push(this.btnRotate90);
|
||||
|
|
@ -218,7 +230,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-flip-vert',
|
||||
value: 0,
|
||||
hint: this.textHintFlipV
|
||||
hint: this.textHintFlipV,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnFlipV.on('click', _.bind(this.onBtnFlipClick, this));
|
||||
this.lockedControls.push(this.btnFlipV);
|
||||
|
|
@ -228,7 +243,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-flip-hor',
|
||||
value: 1,
|
||||
hint: this.textHintFlipH
|
||||
hint: this.textHintFlipH,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.btnFlipH.on('click', _.bind(this.onBtnFlipClick, this));
|
||||
this.lockedControls.push(this.btnFlipH);
|
||||
|
|
|
|||
|
|
@ -270,7 +270,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 85px;',
|
||||
editable: false,
|
||||
data: this._arrLineRule
|
||||
data: this._arrLineRule,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbLineRule.setValue(c_paragraphLinerule.LINERULE_AUTO);
|
||||
this.lockedControls.push(this.cmbLineRule);
|
||||
|
|
@ -282,7 +285,10 @@ define([
|
|||
value: '1.5',
|
||||
defaultUnit : "",
|
||||
maxValue: 132,
|
||||
minValue: 0.5
|
||||
minValue: 0.5,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.numLineHeight);
|
||||
|
||||
|
|
@ -295,7 +301,10 @@ define([
|
|||
maxValue: 55.88,
|
||||
minValue: 0,
|
||||
allowAuto : true,
|
||||
autoText : this.txtAutoText
|
||||
autoText : this.txtAutoText,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.spinners.push(this.numSpacingBefore);
|
||||
this.lockedControls.push(this.numSpacingBefore);
|
||||
|
|
@ -309,7 +318,10 @@ define([
|
|||
maxValue: 55.88,
|
||||
minValue: 0,
|
||||
allowAuto : true,
|
||||
autoText : this.txtAutoText
|
||||
autoText : this.txtAutoText,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.spinners.push(this.numSpacingAfter);
|
||||
this.lockedControls.push(this.numSpacingAfter);
|
||||
|
|
|
|||
|
|
@ -1122,7 +1122,10 @@ define([
|
|||
style: 'width: 100%;',
|
||||
menuStyle: 'min-width: 100%;',
|
||||
editable: false,
|
||||
data: this._arrFillSrc
|
||||
data: this._arrFillSrc,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFillSrc.setValue(this._arrFillSrc[0].value);
|
||||
this.cmbFillSrc.on('selected', _.bind(this.onFillSrcSelect, this));
|
||||
|
|
@ -1133,7 +1136,10 @@ define([
|
|||
itemHeight: 28,
|
||||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
cls: 'combo-pattern'
|
||||
cls: 'combo-pattern',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbPattern.menuPicker.itemTemplate = this.cmbPattern.fieldPicker.itemTemplate = _.template([
|
||||
'<div class="style" id="<%= id %>">',
|
||||
|
|
@ -1166,7 +1172,10 @@ define([
|
|||
{caption: this.textFromUrl, value: 1},
|
||||
{caption: this.textFromStorage, value: 2}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.btnSelectImage);
|
||||
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||
|
|
@ -1182,7 +1191,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 90px;',
|
||||
editable: false,
|
||||
data: this._arrFillType
|
||||
data: this._arrFillType,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFillType.setValue(this._arrFillType[0].value);
|
||||
this.cmbFillType.on('selected', _.bind(this.onFillTypeSelect, this));
|
||||
|
|
@ -1195,7 +1207,10 @@ define([
|
|||
value: '100 %',
|
||||
defaultUnit : "%",
|
||||
maxValue: 100,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numTransparency.on('change', _.bind(this.onNumTransparencyChange, this));
|
||||
this.numTransparency.on('inputleave', function(){ me.fireEvent('editcomplete', me);});
|
||||
|
|
@ -1225,7 +1240,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 90px;',
|
||||
editable: false,
|
||||
data: this._arrGradType
|
||||
data: this._arrGradType,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbGradType.setValue(this._arrGradType[0].value);
|
||||
this.cmbGradType.on('selected', _.bind(this.onGradTypeSelect, this));
|
||||
|
|
@ -1255,7 +1273,10 @@ define([
|
|||
items: [
|
||||
{ template: _.template('<div id="id-shape-menu-direction" style="width: 175px; margin: 0 5px;"></div>') }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnDirection.on('render:after', function(btn) {
|
||||
me.mnuDirectionPicker = new Common.UI.DataView({
|
||||
|
|
@ -1330,7 +1351,10 @@ define([
|
|||
allowDecimal: false,
|
||||
maxValue: 100,
|
||||
minValue: 0,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.spnGradPosition);
|
||||
this.spnGradPosition.on('change', _.bind(this.onPositionChange, this));
|
||||
|
|
@ -1341,7 +1365,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-add-breakpoint',
|
||||
disabled: this._locked,
|
||||
hint: this.tipAddGradientPoint
|
||||
hint: this.tipAddGradientPoint,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnAddGradientStep.on('click', _.bind(this.onAddGradientStep, this));
|
||||
this.fillControls.push(this.btnAddGradientStep);
|
||||
|
|
@ -1351,7 +1377,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-remove-breakpoint',
|
||||
disabled: this._locked,
|
||||
hint: this.tipRemoveGradientPoint
|
||||
hint: this.tipRemoveGradientPoint,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnRemoveGradientStep.on('click', _.bind(this.onRemoveGradientStep, this));
|
||||
this.fillControls.push(this.btnRemoveGradientStep);
|
||||
|
|
@ -1365,7 +1393,10 @@ define([
|
|||
allowDecimal: true,
|
||||
maxValue: 359.9,
|
||||
minValue: 0,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.numGradientAngle);
|
||||
this.numGradientAngle.on('change', _.bind(this.onGradientAngleChange, this));
|
||||
|
|
@ -1374,7 +1405,10 @@ define([
|
|||
this.cmbBorderSize = new Common.UI.ComboBorderSizeEditable({
|
||||
el: $('#shape-combo-border-size'),
|
||||
style: "width: 93px;",
|
||||
txtNoBorders: this.txtNoBorders
|
||||
txtNoBorders: this.txtNoBorders,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
})
|
||||
.on('selected', _.bind(this.onBorderSizeSelect, this))
|
||||
.on('changed:before',_.bind(this.onBorderSizeChanged, this, true))
|
||||
|
|
@ -1387,7 +1421,10 @@ define([
|
|||
this.cmbBorderType = new Common.UI.ComboBorderType({
|
||||
el: $('#shape-combo-border-type'),
|
||||
style: "width: 93px;",
|
||||
menuStyle: 'min-width: 93px;'
|
||||
menuStyle: 'min-width: 93px;',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
}).on('selected', _.bind(this.onBorderTypeSelect, this))
|
||||
.on('combo:blur', _.bind(this.onComboBlur, this, false));
|
||||
this.BorderType = Asc.c_oDashType.solid;
|
||||
|
|
@ -1402,7 +1439,10 @@ define([
|
|||
menuAlign: 'tr-br',
|
||||
cls: 'menu-shapes',
|
||||
items: []
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnChangeShape);
|
||||
|
||||
|
|
@ -1411,7 +1451,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-rotate-270',
|
||||
value: 0,
|
||||
hint: this.textHint270
|
||||
hint: this.textHint270,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnRotate270.on('click', _.bind(this.onBtnRotateClick, this));
|
||||
this.lockedControls.push(this.btnRotate270);
|
||||
|
|
@ -1421,7 +1463,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-rotate-90',
|
||||
value: 1,
|
||||
hint: this.textHint90
|
||||
hint: this.textHint90,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnRotate90.on('click', _.bind(this.onBtnRotateClick, this));
|
||||
this.lockedControls.push(this.btnRotate90);
|
||||
|
|
@ -1431,7 +1475,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-flip-vert',
|
||||
value: 0,
|
||||
hint: this.textHintFlipV
|
||||
hint: this.textHintFlipV,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnFlipV.on('click', _.bind(this.onBtnFlipClick, this));
|
||||
this.lockedControls.push(this.btnFlipV);
|
||||
|
|
@ -1441,14 +1487,19 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-flip-hor',
|
||||
value: 1,
|
||||
hint: this.textHintFlipH
|
||||
hint: this.textHintFlipH,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnFlipH.on('click', _.bind(this.onBtnFlipClick, this));
|
||||
this.lockedControls.push(this.btnFlipH);
|
||||
|
||||
this.chShadow = new Common.UI.CheckBox({
|
||||
el: $('#shape-checkbox-shadow'),
|
||||
labelText: this.strShadow
|
||||
labelText: this.strShadow,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chShadow.on('change', _.bind(this.onCheckShadow, this));
|
||||
this.lockedControls.push(this.chShadow);
|
||||
|
|
@ -1518,7 +1569,7 @@ define([
|
|||
el: $('#shape-combo-fill-texture'),
|
||||
template: _.template([
|
||||
'<div class="input-group combobox combo-dataview-menu input-group-nr dropdown-toggle" tabindex="0" data-toggle="dropdown">',
|
||||
'<div class="form-control text" style="width: 90px;">' + this.textSelectTexture + '</div>',
|
||||
'<div class="form-control text" style="width: 90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big">' + this.textSelectTexture + '</div>',
|
||||
'<div style="display: table-cell;"></div>',
|
||||
'<button type="button" class="btn btn-default">',
|
||||
'<span class="caret"></span>',
|
||||
|
|
@ -1641,7 +1692,10 @@ define([
|
|||
this.btnBackColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#shape-back-color-btn'),
|
||||
transparent: true,
|
||||
color: 'transparent'
|
||||
color: 'transparent',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.btnBackColor);
|
||||
this.colorsBack = this.btnBackColor.getPicker();
|
||||
|
|
@ -1649,7 +1703,10 @@ define([
|
|||
|
||||
this.btnFGColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#shape-foreground-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.btnFGColor);
|
||||
this.colorsFG = this.btnFGColor.getPicker();
|
||||
|
|
@ -1657,7 +1714,10 @@ define([
|
|||
|
||||
this.btnBGColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#shape-background-color-btn'),
|
||||
color: 'ffffff'
|
||||
color: 'ffffff',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.btnBGColor);
|
||||
this.colorsBG = this.btnBGColor.getPicker();
|
||||
|
|
@ -1665,7 +1725,10 @@ define([
|
|||
|
||||
this.btnGradColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#shape-gradient-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.fillControls.push(this.btnGradColor);
|
||||
this.colorsGrad = this.btnGradColor.getPicker();
|
||||
|
|
@ -1673,7 +1736,10 @@ define([
|
|||
|
||||
this.btnBorderColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#shape-border-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBorderColor);
|
||||
this.colorsBorder = this.btnBorderColor.getPicker();
|
||||
|
|
|
|||
|
|
@ -130,7 +130,10 @@ define([
|
|||
menuStyle: 'min-width: 100%;',
|
||||
editable: false,
|
||||
data: this._arrFillSrc,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFillSrc.setValue(Asc.c_oAscFill.FILL_TYPE_SOLID);
|
||||
this.cmbFillSrc.on('selected', _.bind(this.onFillSrcSelect, this));
|
||||
|
|
@ -140,7 +143,10 @@ define([
|
|||
disabled: true,
|
||||
transparent: true,
|
||||
menu: true,
|
||||
color: 'ffffff'
|
||||
color: 'ffffff',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.FillItems.push(this.btnBackColor);
|
||||
|
||||
|
|
@ -152,7 +158,10 @@ define([
|
|||
defaultUnit : "%",
|
||||
maxValue: 100,
|
||||
minValue: 0,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numTransparency.on('change', _.bind(this.onNumTransparencyChange, this));
|
||||
this.numTransparency.on('inputleave', function(){ me.fireEvent('editcomplete', me);});
|
||||
|
|
@ -198,7 +207,10 @@ define([
|
|||
menuStyle: 'min-width: 100%;',
|
||||
editable: false,
|
||||
data: this._arrEffectName,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbEffectName.setValue('');
|
||||
this.cmbEffectName.on('selected', _.bind(this.onEffectNameSelect, this));
|
||||
|
|
@ -233,7 +245,10 @@ define([
|
|||
menuStyle: 'min-width: 100%;',
|
||||
editable: false,
|
||||
data: this._arrEffectType,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbEffectType.setValue('');
|
||||
this.cmbEffectType.on('selected', _.bind(this.onEffectTypeSelect, this));
|
||||
|
|
@ -246,7 +261,10 @@ define([
|
|||
defaultUnit : this.textSec,
|
||||
maxValue: 300,
|
||||
minValue: 0,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numDuration.on('change', _.bind(this.onDurationChange, this));
|
||||
this.numDuration.on('inputleave', function(){ me.fireEvent('editcomplete', me);});
|
||||
|
|
@ -259,7 +277,10 @@ define([
|
|||
defaultUnit : this.textSec,
|
||||
maxValue: 300,
|
||||
minValue: 0,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numDelay.on('change', _.bind(this.onDelayChange, this));
|
||||
this.numDelay.on('inputleave', function(){ me.fireEvent('editcomplete', me);});
|
||||
|
|
@ -267,14 +288,20 @@ define([
|
|||
this.chStartOnClick = new Common.UI.CheckBox({
|
||||
el: $('#slide-checkbox-start-click'),
|
||||
labelText: this.strStartOnClick,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chStartOnClick.on('change', _.bind(this.onStartOnClickChange, this));
|
||||
|
||||
this.chDelay = new Common.UI.CheckBox({
|
||||
el: $('#slide-checkbox-delay'),
|
||||
labelText: this.strDelay,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chDelay.on('change', _.bind(this.onCheckDelayChange, this));
|
||||
|
||||
|
|
@ -299,14 +326,20 @@ define([
|
|||
this.chSlideNum = new Common.UI.CheckBox({
|
||||
el: $('#slide-checkbox-slidenum'),
|
||||
labelText: this.strSlideNum,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chSlideNum.on('change', _.bind(this.onHeaderChange, this, 'slidenum'));
|
||||
|
||||
this.chDateTime = new Common.UI.CheckBox({
|
||||
el: $('#slide-checkbox-datetime'),
|
||||
labelText: this.strDateTime,
|
||||
disabled: true
|
||||
disabled: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.chDateTime.on('change', _.bind(this.onHeaderChange, this, 'datetime'));
|
||||
},
|
||||
|
|
@ -780,7 +813,10 @@ define([
|
|||
itemHeight: 28,
|
||||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
cls: 'combo-pattern'
|
||||
cls: 'combo-pattern',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbPattern.menuPicker.itemTemplate = this.cmbPattern.fieldPicker.itemTemplate = _.template([
|
||||
'<div class="style" id="<%= id %>">',
|
||||
|
|
@ -810,7 +846,10 @@ define([
|
|||
{caption: this.textFromUrl, value: 1},
|
||||
{caption: this.textFromStorage, value: 2}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.FillItems.push(this.btnSelectImage);
|
||||
this.btnSelectImage.menu.on('item:click', _.bind(this.onImageSelect, this));
|
||||
|
|
@ -826,7 +865,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 90px;',
|
||||
editable: false,
|
||||
data: this._arrFillType
|
||||
data: this._arrFillType,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFillType.setValue(this._arrFillType[0].value);
|
||||
this.cmbFillType.on('selected', _.bind(this.onFillTypeSelect, this));
|
||||
|
|
@ -842,7 +884,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 90px;',
|
||||
editable: false,
|
||||
data: this._arrGradType
|
||||
data: this._arrGradType,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbGradType.setValue(this._arrGradType[0].value);
|
||||
this.cmbGradType.on('selected', _.bind(this.onGradTypeSelect, this));
|
||||
|
|
@ -872,7 +917,10 @@ define([
|
|||
items: [
|
||||
{ template: _.template('<div id="id-slide-menu-direction" style="width: 175px; margin: 0 5px;"></div>') }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint : '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnDirection.on('render:after', function(btn) {
|
||||
me.mnuDirectionPicker = new Common.UI.DataView({
|
||||
|
|
@ -947,7 +995,10 @@ define([
|
|||
allowDecimal: false,
|
||||
maxValue: 100,
|
||||
minValue: 0,
|
||||
disabled: this._locked.background
|
||||
disabled: this._locked.background,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.FillItems.push(this.spnGradPosition);
|
||||
this.spnGradPosition.on('change', _.bind(this.onPositionChange, this));
|
||||
|
|
@ -958,7 +1009,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-add-breakpoint',
|
||||
disabled: this._locked.background,
|
||||
hint: this.tipAddGradientPoint
|
||||
hint: this.tipAddGradientPoint,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
});
|
||||
this.btnAddGradientStep.on('click', _.bind(this.onAddGradientStep, this));
|
||||
this.FillItems.push(this.btnAddGradientStep);
|
||||
|
|
@ -968,7 +1021,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-remove-breakpoint',
|
||||
disabled: this._locked.background,
|
||||
hint: this.tipRemoveGradientPoint
|
||||
hint: this.tipRemoveGradientPoint,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
});
|
||||
this.btnRemoveGradientStep.on('click', _.bind(this.onRemoveGradientStep, this));
|
||||
this.FillItems.push(this.btnRemoveGradientStep);
|
||||
|
|
@ -982,7 +1037,10 @@ define([
|
|||
allowDecimal: true,
|
||||
maxValue: 359.9,
|
||||
minValue: 0,
|
||||
disabled: this._locked.background
|
||||
disabled: this._locked.background,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.FillItems.push(this.numGradientAngle);
|
||||
this.numGradientAngle.on('change', _.bind(this.onGradientAngleChange, this));
|
||||
|
|
@ -1049,7 +1107,7 @@ define([
|
|||
el: $('#slide-combo-fill-texture'),
|
||||
template: _.template([
|
||||
'<div class="input-group combobox combo-dataview-menu input-group-nr dropdown-toggle" tabindex="0" data-toggle="dropdown">',
|
||||
'<div class="form-control text" style="width: 90px;">' + this.textSelectTexture + '</div>',
|
||||
'<div class="form-control text" style="width: 90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big">' + this.textSelectTexture + '</div>',
|
||||
'<div style="display: table-cell;"></div>',
|
||||
'<button type="button" class="btn btn-default">',
|
||||
'<span class="caret"></span>',
|
||||
|
|
@ -1234,7 +1292,10 @@ define([
|
|||
|
||||
this.btnFGColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#slide-foreground-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.FillItems.push(this.btnFGColor);
|
||||
this.colorsFG = this.btnFGColor.getPicker();
|
||||
|
|
@ -1242,7 +1303,10 @@ define([
|
|||
|
||||
this.btnBGColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#slide-background-color-btn'),
|
||||
color: 'ffffff'
|
||||
color: 'ffffff',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.FillItems.push(this.btnBGColor);
|
||||
this.colorsBG = this.btnBGColor.getPicker();
|
||||
|
|
@ -1250,7 +1314,10 @@ define([
|
|||
|
||||
this.btnGradColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#slide-gradient-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.FillItems.push(this.btnGradColor);
|
||||
this.colorsGrad = this.btnGradColor.getPicker();
|
||||
|
|
|
|||
|
|
@ -244,7 +244,10 @@ define([
|
|||
{caption: this.textShowCurrent, value: 1},
|
||||
{caption: this.textShowPresenterView, value: 2}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '0',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
|
||||
var panelLang = $('.cnt-lang',this.el);
|
||||
|
|
|
|||
|
|
@ -229,37 +229,55 @@ define([
|
|||
|
||||
this.chHeader = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-header'),
|
||||
labelText: this.textHeader
|
||||
labelText: this.textHeader,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chHeader);
|
||||
|
||||
this.chTotal = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-total'),
|
||||
labelText: this.textTotal
|
||||
labelText: this.textTotal,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chTotal);
|
||||
|
||||
this.chBanded = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-banded'),
|
||||
labelText: this.textBanded
|
||||
labelText: this.textBanded,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chBanded);
|
||||
|
||||
this.chFirst = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-first'),
|
||||
labelText: this.textFirst
|
||||
labelText: this.textFirst,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chFirst);
|
||||
|
||||
this.chLast = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-last'),
|
||||
labelText: this.textLast
|
||||
labelText: this.textLast,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chLast);
|
||||
|
||||
this.chColBanded = new Common.UI.CheckBox({
|
||||
el: $('#table-checkbox-col-banded'),
|
||||
labelText: this.textBanded
|
||||
labelText: this.textBanded,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'left',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
this.lockedControls.push(this.chColBanded);
|
||||
|
||||
|
|
@ -271,16 +289,16 @@ define([
|
|||
this.chColBanded.on('change', _.bind(this.onCheckTemplateChange, this, 5));
|
||||
|
||||
var _arrBorderPosition = [
|
||||
['l', 'toolbar__icon btn-border-left', 'table-button-border-left', this.tipLeft],
|
||||
['c', 'toolbar__icon btn-border-insidevert', 'table-button-border-inner-vert', this.tipInnerVert],
|
||||
['r', 'toolbar__icon btn-border-right', 'table-button-border-right', this.tipRight],
|
||||
['t', 'toolbar__icon btn-border-top', 'table-button-border-top', this.tipTop],
|
||||
['m', 'toolbar__icon btn-border-insidehor', 'table-button-border-inner-hor', this.tipInnerHor],
|
||||
['b', 'toolbar__icon btn-border-bottom', 'table-button-border-bottom', this.tipBottom],
|
||||
['cm', 'toolbar__icon btn-border-inside', 'table-button-border-inner', this.tipInner],
|
||||
['lrtb', 'toolbar__icon btn-border-out', 'table-button-border-outer', this.tipOuter],
|
||||
['lrtbcm', 'toolbar__icon btn-border-all', 'table-button-border-all', this.tipAll],
|
||||
['', 'toolbar__icon btn-border-no', 'table-button-border-none', this.tipNone]
|
||||
['l', 'toolbar__icon btn-border-left', 'table-button-border-left', this.tipLeft, 'bottom'],
|
||||
['c', 'toolbar__icon btn-border-insidevert', 'table-button-border-inner-vert', this.tipInnerVert, 'bottom'],
|
||||
['r', 'toolbar__icon btn-border-right', 'table-button-border-right', this.tipRight, 'bottom'],
|
||||
['t', 'toolbar__icon btn-border-top', 'table-button-border-top', this.tipTop, 'bottom'],
|
||||
['m', 'toolbar__icon btn-border-insidehor', 'table-button-border-inner-hor', this.tipInnerHor, 'bottom'],
|
||||
['b', 'toolbar__icon btn-border-bottom', 'table-button-border-bottom', this.tipBottom, 'bottom'],
|
||||
['cm', 'toolbar__icon btn-border-inside', 'table-button-border-inner', this.tipInner, 'top'],
|
||||
['lrtb', 'toolbar__icon btn-border-out', 'table-button-border-outer', this.tipOuter, 'top'],
|
||||
['lrtbcm', 'toolbar__icon btn-border-all', 'table-button-border-all', this.tipAll, 'top'],
|
||||
['', 'toolbar__icon btn-border-no', 'table-button-border-none', this.tipNone, 'top']
|
||||
];
|
||||
|
||||
this._btnsBorderPosition = [];
|
||||
|
|
@ -290,7 +308,10 @@ define([
|
|||
cls: 'btn-toolbar borders--small',
|
||||
iconCls: item[1],
|
||||
strId :item[0],
|
||||
hint: item[3]
|
||||
hint: item[3],
|
||||
dataHint: '1',
|
||||
dataHintDirection: item[4],
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
_btn.on('click', _.bind(this.onBtnBordersClick, this));
|
||||
this._btnsBorderPosition.push( _btn );
|
||||
|
|
@ -299,7 +320,10 @@ define([
|
|||
|
||||
this.cmbBorderSize = new Common.UI.ComboBorderSize({
|
||||
el: $('#table-combo-border-size'),
|
||||
style: "width: 93px;"
|
||||
style: "width: 93px;",
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.BorderSize = this.cmbBorderSize.store.at(2).get('value');
|
||||
this.cmbBorderSize.setValue(this.BorderSize);
|
||||
|
|
@ -330,7 +354,10 @@ define([
|
|||
{ caption: this.mergeCellsText, value: 11 },
|
||||
{ caption: this.splitCellsText, value: 12 }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.mnuMerge = this.btnEdit.menu.items[this.btnEdit.menu.items.length-2];
|
||||
this.mnuSplit = this.btnEdit.menu.items[this.btnEdit.menu.items.length-1];
|
||||
|
|
@ -351,7 +378,10 @@ define([
|
|||
defaultUnit : "cm",
|
||||
value: '1 cm',
|
||||
maxValue: 55.88,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numHeight.on('change', _.bind(function(field, newValue, oldValue, eOpts){
|
||||
var _props = new Asc.CTableProp();
|
||||
|
|
@ -369,7 +399,10 @@ define([
|
|||
defaultUnit : "cm",
|
||||
value: '1 cm',
|
||||
maxValue: 55.88,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numWidth.on('change', _.bind(function(field, newValue, oldValue, eOpts){
|
||||
var _props = new Asc.CTableProp();
|
||||
|
|
@ -612,14 +645,20 @@ define([
|
|||
this.btnBorderColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#table-border-color-btn'),
|
||||
color: 'auto',
|
||||
auto: true
|
||||
auto: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBorderColor);
|
||||
this.borderColor = this.btnBorderColor.getPicker();
|
||||
|
||||
this.btnBackColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#table-back-color-btn'),
|
||||
transparent: true
|
||||
transparent: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBackColor);
|
||||
this.colorsBack = this.btnBackColor.getPicker();
|
||||
|
|
@ -643,7 +682,10 @@ define([
|
|||
items: [
|
||||
{ template: _.template('<div id="id-table-menu-template" class="menu-table-template" style="margin: 5px 5px 5px 10px;"></div>') }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnTableTemplate.on('render:after', function(btn) {
|
||||
self.mnuTableTemplatePicker = new Common.UI.DataView({
|
||||
|
|
|
|||
|
|
@ -1086,7 +1086,10 @@ define([
|
|||
style: 'width: 100%;',
|
||||
menuStyle: 'min-width: 100%;',
|
||||
editable: false,
|
||||
data: this._arrFillSrc
|
||||
data: this._arrFillSrc,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFillSrc.setValue(this._arrFillSrc[0].value);
|
||||
this.cmbFillSrc.on('selected', _.bind(this.onFillSrcSelect, this));
|
||||
|
|
@ -1097,7 +1100,10 @@ define([
|
|||
itemHeight: 28,
|
||||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
cls: 'combo-pattern'
|
||||
cls: 'combo-pattern',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbPattern.menuPicker.itemTemplate = this.cmbPattern.fieldPicker.itemTemplate = _.template([
|
||||
'<div class="style" id="<%= id %>">',
|
||||
|
|
@ -1144,7 +1150,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 90px;',
|
||||
editable: false,
|
||||
data: this._arrFillType
|
||||
data: this._arrFillType,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbFillType.setValue(this._arrFillType[0].value);
|
||||
this.cmbFillType.on('selected', _.bind(this.onFillTypeSelect, this));
|
||||
|
|
@ -1157,7 +1166,10 @@ define([
|
|||
value: '100 %',
|
||||
defaultUnit : "%",
|
||||
maxValue: 100,
|
||||
minValue: 0
|
||||
minValue: 0,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.numTransparency.on('change', _.bind(this.onNumTransparencyChange, this));
|
||||
this.numTransparency.on('inputleave', function(){ me.fireEvent('editcomplete', me);});
|
||||
|
|
@ -1187,7 +1199,10 @@ define([
|
|||
cls: 'input-group-nr',
|
||||
menuStyle: 'min-width: 90px;',
|
||||
editable: false,
|
||||
data: this._arrGradType
|
||||
data: this._arrGradType,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbGradType.setValue(this._arrGradType[0].value);
|
||||
this.cmbGradType.on('selected', _.bind(this.onGradTypeSelect, this));
|
||||
|
|
@ -1217,7 +1232,10 @@ define([
|
|||
items: [
|
||||
{ template: _.template('<div id="id-textart-menu-direction" style="width: 175px; margin: 0 5px;"></div>') }
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.btnDirection.on('render:after', function(btn) {
|
||||
me.mnuDirectionPicker = new Common.UI.DataView({
|
||||
|
|
@ -1292,7 +1310,10 @@ define([
|
|||
allowDecimal: false,
|
||||
maxValue: 100,
|
||||
minValue: 0,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.spnGradPosition);
|
||||
this.spnGradPosition.on('change', _.bind(this.onPositionChange, this));
|
||||
|
|
@ -1303,7 +1324,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-add-breakpoint',
|
||||
disabled: this._locked,
|
||||
hint: this.tipAddGradientPoint
|
||||
hint: this.tipAddGradientPoint,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnAddGradientStep.on('click', _.bind(this.onAddGradientStep, this));
|
||||
this.lockedControls.push(this.btnAddGradientStep);
|
||||
|
|
@ -1313,7 +1336,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-remove-breakpoint',
|
||||
disabled: this._locked,
|
||||
hint: this.tipRemoveGradientPoint
|
||||
hint: this.tipRemoveGradientPoint,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
this.btnRemoveGradientStep.on('click', _.bind(this.onRemoveGradientStep, this));
|
||||
this.lockedControls.push(this.btnRemoveGradientStep);
|
||||
|
|
@ -1327,7 +1352,10 @@ define([
|
|||
allowDecimal: true,
|
||||
maxValue: 359.9,
|
||||
minValue: 0,
|
||||
disabled: this._locked
|
||||
disabled: this._locked,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.numGradientAngle);
|
||||
this.numGradientAngle.on('change', _.bind(this.onGradientAngleChange, this));
|
||||
|
|
@ -1336,7 +1364,10 @@ define([
|
|||
this.cmbBorderSize = new Common.UI.ComboBorderSizeEditable({
|
||||
el: $('#textart-combo-border-size'),
|
||||
style: "width: 93px;",
|
||||
txtNoBorders: this.txtNoBorders
|
||||
txtNoBorders: this.txtNoBorders,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
})
|
||||
.on('selected', _.bind(this.onBorderSizeSelect, this))
|
||||
.on('changed:before',_.bind(this.onBorderSizeChanged, this, true))
|
||||
|
|
@ -1349,7 +1380,10 @@ define([
|
|||
this.cmbBorderType = new Common.UI.ComboBorderType({
|
||||
el: $('#textart-combo-border-type'),
|
||||
style: "width: 93px;",
|
||||
menuStyle: 'min-width: 93px;'
|
||||
menuStyle: 'min-width: 93px;',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
}).on('selected', _.bind(this.onBorderTypeSelect, this))
|
||||
.on('combo:blur', _.bind(this.onComboBlur, this, false));
|
||||
this.BorderType = Asc.c_oDashType.solid;
|
||||
|
|
@ -1361,7 +1395,10 @@ define([
|
|||
itemHeight: 50,
|
||||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
cls: 'combo-textart'
|
||||
cls: 'combo-textart',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbTransform.render($('#textart-combo-transform'));
|
||||
this.cmbTransform.openButton.menu.cmpEl.css({
|
||||
|
|
@ -1437,7 +1474,7 @@ define([
|
|||
el: $('#textart-combo-fill-texture'),
|
||||
template: _.template([
|
||||
'<div class="input-group combobox combo-dataview-menu input-group-nr dropdown-toggle" tabindex="0" data-toggle="dropdown">',
|
||||
'<div class="form-control text" style="width: 90px;">' + this.textSelectTexture + '</div>',
|
||||
'<div class="form-control text" style="width: 90px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big">' + this.textSelectTexture + '</div>',
|
||||
'<div style="display: table-cell;"></div>',
|
||||
'<button type="button" class="btn btn-default">',
|
||||
'<span class="caret"></span>',
|
||||
|
|
@ -1499,7 +1536,10 @@ define([
|
|||
menuMaxHeight: 300,
|
||||
enableKeyEvents: true,
|
||||
showLast: false,
|
||||
cls: 'combo-textart'
|
||||
cls: 'combo-textart',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.cmbTextArt.render($('#textart-combo-template'));
|
||||
this.cmbTextArt.openButton.menu.cmpEl.css({
|
||||
|
|
@ -1575,7 +1615,10 @@ define([
|
|||
this.btnBackColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#textart-back-color-btn'),
|
||||
transparent: true,
|
||||
color: 'transparent'
|
||||
color: 'transparent',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBackColor);
|
||||
this.colorsBack = this.btnBackColor.getPicker();
|
||||
|
|
@ -1583,7 +1626,10 @@ define([
|
|||
|
||||
this.btnFGColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#textart-foreground-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnFGColor);
|
||||
this.colorsFG = this.btnFGColor.getPicker();
|
||||
|
|
@ -1591,7 +1637,10 @@ define([
|
|||
|
||||
this.btnBGColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#textart-background-color-btn'),
|
||||
color: 'ffffff'
|
||||
color: 'ffffff',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBGColor);
|
||||
this.colorsBG = this.btnBGColor.getPicker();
|
||||
|
|
@ -1599,7 +1648,10 @@ define([
|
|||
|
||||
this.btnGradColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#textart-gradient-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnGradColor);
|
||||
this.colorsGrad = this.btnGradColor.getPicker();
|
||||
|
|
@ -1607,7 +1659,10 @@ define([
|
|||
|
||||
this.btnBorderColor = new Common.UI.ColorButton({
|
||||
parentEl: $('#textart-border-color-btn'),
|
||||
color: '000000'
|
||||
color: '000000',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'big'
|
||||
});
|
||||
this.lockedControls.push(this.btnBorderColor);
|
||||
this.colorsBorder = this.btnBorderColor.getPicker();
|
||||
|
|
|
|||
|
|
@ -147,7 +147,10 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-changeslide',
|
||||
lock: [_set.menuFileOpen, _set.slideDeleted, _set.slideLock, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnChangeSlide);
|
||||
|
||||
|
|
@ -169,7 +172,10 @@ define([
|
|||
lock: [_set.lostConnect]
|
||||
})
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnPreview);
|
||||
|
||||
|
|
@ -213,7 +219,10 @@ define([
|
|||
id: 'id-toolbar-btn-copy',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-copy',
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart]
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintTitle: 'C'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnCopy);
|
||||
|
||||
|
|
@ -221,7 +230,10 @@ define([
|
|||
id: 'id-toolbar-btn-paste',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-paste',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides]
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintTitle: 'P'
|
||||
});
|
||||
me.paragraphControls.push(me.btnPaste);
|
||||
|
||||
|
|
@ -231,7 +243,9 @@ define([
|
|||
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()
|
||||
store: new Common.Collections.Fonts(),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
me.paragraphControls.push(me.cmbFontName);
|
||||
|
||||
|
|
@ -258,7 +272,9 @@ define([
|
|||
{value: 48, displayValue: "48"},
|
||||
{value: 72, displayValue: "72"},
|
||||
{value: 96, displayValue: "96"}
|
||||
]
|
||||
],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
me.paragraphControls.push(me.cmbFontSize);
|
||||
|
||||
|
|
@ -266,7 +282,9 @@ define([
|
|||
id: 'id-toolbar-btn-incfont',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-incfont',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock]
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
me.paragraphControls.push(me.btnIncFontSize);
|
||||
|
||||
|
|
@ -274,7 +292,9 @@ define([
|
|||
id: 'id-toolbar-btn-decfont',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-decfont',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock]
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
me.paragraphControls.push(me.btnDecFontSize);
|
||||
|
||||
|
|
@ -283,7 +303,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-bold',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
me.paragraphControls.push(me.btnBold);
|
||||
|
||||
|
|
@ -292,7 +314,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-italic',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
me.paragraphControls.push(me.btnItalic);
|
||||
|
||||
|
|
@ -301,7 +325,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-underline',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
me.paragraphControls.push(me.btnUnderline);
|
||||
|
||||
|
|
@ -310,7 +336,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-strikeout',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
me.paragraphControls.push(me.btnStrikeout);
|
||||
|
||||
|
|
@ -320,7 +348,9 @@ define([
|
|||
iconCls: 'toolbar__icon btn-superscript',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock, _set.inEquation],
|
||||
enableToggle: true,
|
||||
toggleGroup: 'superscriptGroup'
|
||||
toggleGroup: 'superscriptGroup',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
me.paragraphControls.push(me.btnSuperscript);
|
||||
|
||||
|
|
@ -330,7 +360,9 @@ define([
|
|||
iconCls: 'toolbar__icon btn-subscript',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock, _set.inEquation],
|
||||
enableToggle: true,
|
||||
toggleGroup: 'superscriptGroup'
|
||||
toggleGroup: 'superscriptGroup',
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
me.paragraphControls.push(me.btnSubscript);
|
||||
|
||||
|
|
@ -352,7 +384,10 @@ define([
|
|||
checkable: true
|
||||
})
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
me.paragraphControls.push(me.btnHighlightColor);
|
||||
|
||||
|
|
@ -362,7 +397,10 @@ define([
|
|||
iconCls: 'toolbar__icon btn-fontcolor',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noTextSelected, _set.shapeLock],
|
||||
split: true,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
me.paragraphControls.push(me.btnFontColor);
|
||||
|
||||
|
|
@ -379,7 +417,10 @@ define([
|
|||
{caption: me.mniCapitalizeWords, value: Asc.c_oAscChangeTextCaseType.CapitalizeWords},
|
||||
{caption: me.mniToggleCase, value: Asc.c_oAscChangeTextCaseType.ToggleCase}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
me.paragraphControls.push(me.btnChangeCase);
|
||||
me.mnuChangeCase = me.btnChangeCase.menu;
|
||||
|
|
@ -388,7 +429,9 @@ define([
|
|||
id: 'id-toolbar-btn-clearstyle',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-clearstyle',
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected]
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
me.paragraphControls.push(me.btnClearStyle);
|
||||
|
||||
|
|
@ -397,7 +440,9 @@ define([
|
|||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-copystyle',
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.noParagraphSelected, _set.disableOnStart],
|
||||
enableToggle: true
|
||||
enableToggle: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnCopyStyle);
|
||||
|
||||
|
|
@ -409,7 +454,10 @@ define([
|
|||
enableToggle: true,
|
||||
toggleGroup: 'markersGroup',
|
||||
split: true,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
me.paragraphControls.push(me.btnMarkers);
|
||||
|
||||
|
|
@ -421,7 +469,10 @@ define([
|
|||
enableToggle: true,
|
||||
toggleGroup: 'markersGroup',
|
||||
split: true,
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -16'
|
||||
});
|
||||
me.paragraphControls.push(me.btnNumbers);
|
||||
|
||||
|
|
@ -486,7 +537,10 @@ define([
|
|||
value: 3
|
||||
}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
me.paragraphControls.push(me.btnHorizontalAlign);
|
||||
|
||||
|
|
@ -527,7 +581,10 @@ define([
|
|||
value: Asc.c_oAscVAlign.Bottom
|
||||
}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
me.paragraphControls.push(me.btnVerticalAlign);
|
||||
|
||||
|
|
@ -535,7 +592,9 @@ define([
|
|||
id: 'id-toolbar-btn-decoffset',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-decoffset',
|
||||
lock: [_set.decIndentLock, _set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected]
|
||||
lock: [_set.decIndentLock, _set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
me.paragraphControls.push(me.btnDecLeftOffset);
|
||||
|
||||
|
|
@ -543,7 +602,9 @@ define([
|
|||
id: 'id-toolbar-btn-incoffset',
|
||||
cls: 'btn-toolbar',
|
||||
iconCls: 'toolbar__icon btn-incoffset',
|
||||
lock: [_set.incIndentLock, _set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected]
|
||||
lock: [_set.incIndentLock, _set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top'
|
||||
});
|
||||
me.paragraphControls.push(me.btnIncLeftOffset);
|
||||
|
||||
|
|
@ -562,7 +623,10 @@ define([
|
|||
{caption: '2.5', value: 2.5, checkable: true, toggleGroup: 'linesize'},
|
||||
{caption: '3.0', value: 3.0, checkable: true, toggleGroup: 'linesize'}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
me.paragraphControls.push(me.btnLineSpace);
|
||||
|
||||
|
|
@ -601,7 +665,10 @@ define([
|
|||
{caption: '--'},
|
||||
{caption: this.textColumnsCustom, value: 'advanced'}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
me.paragraphControls.push(me.btnColumns);
|
||||
|
||||
|
|
@ -617,7 +684,10 @@ define([
|
|||
{template: _.template('<div id="id-toolbar-menu-tablepicker" class="dimension-picker" style="margin: 5px 10px;"></div>')},
|
||||
{caption: me.mniCustomTable, value: 'custom'}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnInsertTable);
|
||||
|
||||
|
|
@ -627,7 +697,10 @@ define([
|
|||
iconCls: 'toolbar__icon btn-insertchart',
|
||||
caption: me.capInsertChart,
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
||||
menu: true
|
||||
menu: true,
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnInsertChart);
|
||||
|
||||
|
|
@ -638,7 +711,10 @@ define([
|
|||
caption: me.capInsertEquation,
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
||||
split: true,
|
||||
menu: new Common.UI.Menu({cls: 'menu-shapes'})
|
||||
menu: new Common.UI.Menu({cls: 'menu-shapes'}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.slideOnlyControls.push(this.btnInsertEquation);
|
||||
|
||||
|
|
@ -647,7 +723,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-symbol',
|
||||
caption: me.capBtnInsSymbol,
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected]
|
||||
lock: [_set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.paragraphControls.push(me.btnInsertSymbol);
|
||||
|
||||
|
|
@ -656,7 +735,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-inserthyperlink',
|
||||
caption: me.capInsertHyperlink,
|
||||
lock: [_set.hyperlinkLock, _set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected]
|
||||
lock: [_set.hyperlinkLock, _set.slideDeleted, _set.paragraphLock, _set.lostConnect, _set.noSlides, _set.noParagraphSelected],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.paragraphControls.push(me.btnInsertHyperlink);
|
||||
|
||||
|
|
@ -671,7 +753,10 @@ define([
|
|||
items: [
|
||||
{template: _.template('<div id="view-insert-art" style="width: 239px; margin-left: 5px;"></div>')}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnInsertTextArt);
|
||||
|
||||
|
|
@ -680,7 +765,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-editheader',
|
||||
caption: me.capBtnInsHeader,
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart]
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.disableOnStart],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnEditHeader);
|
||||
|
||||
|
|
@ -689,7 +777,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-datetime',
|
||||
caption: me.capBtnDateTime,
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.paragraphLock, _set.disableOnStart]
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.paragraphLock, _set.disableOnStart],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnInsDateTime);
|
||||
|
||||
|
|
@ -698,7 +789,10 @@ define([
|
|||
cls: 'btn-toolbar x-huge icon-top',
|
||||
iconCls: 'toolbar__icon btn-pagenum',
|
||||
caption: me.capBtnSlideNum,
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.paragraphLock, _set.disableOnStart]
|
||||
lock: [_set.slideDeleted, _set.lostConnect, _set.noSlides, _set.paragraphLock, _set.disableOnStart],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: 'small'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnInsSlideNum);
|
||||
|
||||
|
|
@ -731,7 +825,10 @@ define([
|
|||
cls: 'shifted-left',
|
||||
items: [],
|
||||
restoreHeight: true
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnColorSchemas);
|
||||
|
||||
|
|
@ -808,7 +905,10 @@ define([
|
|||
me.mniAlignToSlide,
|
||||
me.mniAlignObjects
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
me.shapeControls.push(me.btnShapeAlign);
|
||||
me.slideOnlyControls.push(me.btnShapeAlign);
|
||||
|
|
@ -852,7 +952,10 @@ define([
|
|||
value: 6
|
||||
})
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'top',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnShapeArrange);
|
||||
|
||||
|
|
@ -881,7 +984,10 @@ define([
|
|||
value: 'advanced'
|
||||
}
|
||||
]
|
||||
})
|
||||
}),
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '0, -6'
|
||||
});
|
||||
me.slideOnlyControls.push(me.btnSlideSize);
|
||||
|
||||
|
|
@ -891,6 +997,9 @@ define([
|
|||
enableKeyEvents: true,
|
||||
itemHeight: 40,
|
||||
lock: [_set.themeLock, _set.lostConnect, _set.noSlides],
|
||||
dataHint: '1',
|
||||
dataHintDirection: 'bottom',
|
||||
dataHintOffset: '-16, 0',
|
||||
beforeOpenHandler: function (e) {
|
||||
var cmp = this,
|
||||
menu = cmp.openButton.menu,
|
||||
|
|
@ -1088,13 +1197,13 @@ define([
|
|||
}
|
||||
|
||||
this.btnsInsertImage = Common.Utils.injectButtons($host.find('.slot-insertimg'), 'tlbtn-insertimage-', 'toolbar__icon btn-insertimage', this.capInsertImage,
|
||||
[PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart], false, true);
|
||||
[PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart], false, true, undefined, '1', 'bottom', 'small');
|
||||
this.btnsInsertText = Common.Utils.injectButtons($host.find('.slot-instext'), 'tlbtn-inserttext-', 'toolbar__icon btn-text', this.capInsertText,
|
||||
[PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart], false, false, true);
|
||||
[PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart], false, false, true, '1', 'bottom', 'small');
|
||||
this.btnsInsertShape = Common.Utils.injectButtons($host.find('.slot-insertshape'), 'tlbtn-insertshape-', 'toolbar__icon btn-insertshape', this.capInsertShape,
|
||||
[PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart], false, true, true);
|
||||
[PE.enumLock.slideDeleted, PE.enumLock.lostConnect, PE.enumLock.noSlides, PE.enumLock.disableOnStart], false, true, true, '1', 'bottom', 'small');
|
||||
this.btnsAddSlide = Common.Utils.injectButtons($host.find('.slot-addslide'), 'tlbtn-addslide-', 'toolbar__icon btn-addslide', this.capAddSlide,
|
||||
[PE.enumLock.menuFileOpen, PE.enumLock.lostConnect, PE.enumLock.disableOnStart], true, true);
|
||||
[PE.enumLock.menuFileOpen, PE.enumLock.lostConnect, PE.enumLock.disableOnStart], true, true, undefined, '1', 'bottom', 'small');
|
||||
|
||||
var created = this.btnsInsertImage.concat(this.btnsInsertText, this.btnsInsertShape, this.btnsAddSlide);
|
||||
this.lockToolbar(PE.enumLock.disableOnStart, true, {array: created});
|
||||
|
|
|
|||
|
|
@ -120,6 +120,7 @@
|
|||
@import "../../../../common/main/resources/less/winxp_fix.less";
|
||||
@import "../../../../common/main/resources/less/symboltable.less";
|
||||
@import "../../../../common/main/resources/less/history.less";
|
||||
@import "../../../../common/main/resources/less/hint-manager.less";
|
||||
|
||||
// App
|
||||
// --------------------------------------------------
|
||||
|
|
|
|||
|
|
@ -1582,6 +1582,8 @@ define([
|
|||
},
|
||||
|
||||
onApiContextMenu: function(event) {
|
||||
if (Common.UI.HintManager.isHintVisible())
|
||||
Common.UI.HintManager.clearHints();
|
||||
var me = this;
|
||||
_.delay(function(){
|
||||
me.showObjectMenu.call(me, event);
|
||||
|
|
|
|||
|
|
@ -863,7 +863,8 @@ define([
|
|||
return false;
|
||||
case 'escape':
|
||||
if ( this.leftMenu.menuFile.isVisible() ) {
|
||||
this.leftMenu.menuFile.hide();
|
||||
if (Common.UI.HintManager.needCloseFileMenu())
|
||||
this.leftMenu.menuFile.hide();
|
||||
return false;
|
||||
}
|
||||
|
||||
|
|
@ -882,8 +883,10 @@ define([
|
|||
}
|
||||
if ( this.leftMenu.btnAbout.pressed ||
|
||||
($(e.target).parents('#left-menu').length || this.leftMenu.btnPlugins.pressed || this.leftMenu.btnComments.pressed) && this.api.isCellEdited!==true) {
|
||||
this.leftMenu.close();
|
||||
Common.NotificationCenter.trigger('layout:changed', 'leftmenu');
|
||||
if (!Common.UI.HintManager.isHintVisible()) {
|
||||
this.leftMenu.close();
|
||||
Common.NotificationCenter.trigger('layout:changed', 'leftmenu');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
if (this.mode.isEditDiagram || this.mode.isEditMailMerge) {
|
||||
|
|
|
|||
|
|
@ -56,7 +56,8 @@ define([
|
|||
'spreadsheeteditor/main/app/collection/TableTemplates',
|
||||
'spreadsheeteditor/main/app/collection/EquationGroups',
|
||||
'spreadsheeteditor/main/app/collection/ConditionalFormatIcons',
|
||||
'spreadsheeteditor/main/app/controller/FormulaDialog'
|
||||
'spreadsheeteditor/main/app/controller/FormulaDialog',
|
||||
'common/main/lib/component/HintManager'
|
||||
], function () {
|
||||
'use strict';
|
||||
|
||||
|
|
@ -181,6 +182,7 @@ define([
|
|||
this.api = this.getApplication().getController('Viewport').getApi();
|
||||
|
||||
Common.UI.FocusManager.init();
|
||||
Common.UI.HintManager.init(this.api);
|
||||
Common.UI.Themes.init(this.api);
|
||||
|
||||
var value = Common.localStorage.getBool("sse-settings-cachemode", true);
|
||||
|
|
@ -629,6 +631,8 @@ define([
|
|||
this.getApplication().getController('DocumentHolder').getView('DocumentHolder').focus();
|
||||
this.api.isCEditorFocused = false;
|
||||
}
|
||||
|
||||
Common.UI.HintManager.clearHints(true);
|
||||
},
|
||||
|
||||
onSelectionChanged: function(info){
|
||||
|
|
|
|||
|
|
@ -3711,7 +3711,7 @@ define([
|
|||
this.btnsComment = [];
|
||||
if ( config.canCoAuthoring && config.canComments ) {
|
||||
var _set = SSE.enumLock;
|
||||
this.btnsComment = Common.Utils.injectButtons(this.toolbar.$el.find('.slot-comment'), 'tlbtn-addcomment-', 'toolbar__icon btn-menu-comments', this.toolbar.capBtnComment, [_set.lostConnect, _set.commentLock, _set.editCell]);
|
||||
this.btnsComment = Common.Utils.injectButtons(this.toolbar.$el.find('.slot-comment'), 'tlbtn-addcomment-', 'toolbar__icon btn-menu-comments', this.toolbar.capBtnComment, [_set.lostConnect, _set.commentLock, _set.editCell], undefined, undefined, undefined, '1', 'bottom', 'small');
|
||||
|
||||
if ( this.btnsComment.length ) {
|
||||
var _comments = SSE.getController('Common.Controllers.Comments').getView();
|
||||
|
|
|
|||
|
|
@ -125,7 +125,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<label class="link" id="chart-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="chart-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
<table cols="2">
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-original-size" style="min-width:100px;width: auto;"><%= scope.textOriginalSize %></button>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-original-size" style="min-width:100px;width: auto;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textOriginalSize %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -77,7 +77,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="image-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="image-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<div id="view-left-menu" class="tool-menu left">
|
||||
<div class="tool-menu-btns">
|
||||
<button id="left-btn-search" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-search"> </i></button>
|
||||
<button id="left-btn-search" class="btn btn-category" content-target="" data-hint="0" data-hint-direction="right" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-search"> </i></button>
|
||||
<!-- /** coauthoring begin **/ -->
|
||||
<button id="left-btn-comments" class="btn btn-category" content-target="left-panel-comments"><i class="icon toolbar__icon btn-menu-comments"> </i></button>
|
||||
<button id="left-btn-chat" class="btn btn-category" content-target="left-panel-chat"><i class="icon toolbar__icon btn-menu-chat"> </i></button>
|
||||
<button id="left-btn-comments" class="btn btn-category" content-target="left-panel-comments" data-hint="0" data-hint-direction="right" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-comments"> </i></button>
|
||||
<button id="left-btn-chat" class="btn btn-category" content-target="left-panel-chat" data-hint="0" data-hint-direction="right" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-chat"> </i></button>
|
||||
<!-- /** coauthoring end **/ -->
|
||||
<button id="left-btn-plugins" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-plugin"> </i></button>
|
||||
<button id="left-btn-spellcheck" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-ic-docspell"> </i></button>
|
||||
<button id="left-btn-support" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-support"> </i></button>
|
||||
<button id="left-btn-about" class="btn btn-category" content-target=""><i class="icon toolbar__icon btn-menu-about"> </i></button>
|
||||
<button id="left-btn-plugins" class="btn btn-category" content-target="" data-hint="0" data-hint-direction="right" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-plugin"> </i></button>
|
||||
<button id="left-btn-spellcheck" class="btn btn-category" content-target="" data-hint="0" data-hint-direction="right" data-hint-offset="big"><i class="icon toolbar__icon btn-ic-docspell"> </i></button>
|
||||
<button id="left-btn-support" class="btn btn-category" content-target="" data-hint="0" data-hint-direction="right" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-support"> </i></button>
|
||||
<button id="left-btn-about" class="btn btn-category" content-target="" data-hint="0" data-hint-direction="right" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-about"> </i></button>
|
||||
</div>
|
||||
<div class="left-panel" style="">
|
||||
<!-- /** coauthoring begin **/ -->
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="paragraph-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="paragraph-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="pivot-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="pivot-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -23,15 +23,15 @@
|
|||
</div>
|
||||
<div class="tool-menu-btns">
|
||||
<div class="ct-btn-category arrow-left"></div>
|
||||
<button id="id-right-menu-cell" class="btn btn-category arrow-left" content-target="id-cell-settings"><i class="icon toolbar__icon btn-menu-cell"> </i></button>
|
||||
<button id="id-right-menu-table" class="btn btn-category arrow-left" content-target="id-table-settings"><i class="icon toolbar__icon btn-menu-table"> </i></button>
|
||||
<button id="id-right-menu-shape" class="btn btn-category arrow-left" content-target="id-shape-settings"><i class="icon toolbar__icon btn-menu-shape"> </i></button>
|
||||
<button id="id-right-menu-image" class="btn btn-category arrow-left" content-target="id-image-settings"><i class="icon toolbar__icon btn-menu-image"> </i></button>
|
||||
<button id="id-right-menu-chart" class="btn btn-category arrow-left" content-target="id-chart-settings"><i class="icon toolbar__icon btn-menu-chart"> </i></button>
|
||||
<button id="id-right-menu-text" class="btn btn-category arrow-left" content-target="id-paragraph-settings"><i class="icon toolbar__icon btn-paragraph"> </i></button>
|
||||
<button id="id-right-menu-textart" class="btn btn-category arrow-left" content-target="id-textart-settings"><i class="icon toolbar__icon btn-menu-textart"> </i></button>
|
||||
<button id="id-right-menu-pivot" class="btn btn-category arrow-left" content-target="id-pivot-settings"><i class="icon toolbar__icon btn-pivot-sum"> </i></button>
|
||||
<button id="id-right-menu-slicer" class="btn btn-category arrow-left" content-target="id-slicer-settings"><i class="icon toolbar__icon btn-slicer"> </i></button>
|
||||
<button id="id-right-menu-signature" class="btn btn-category arrow-left hidden" content-target="id-signature-settings"><i class="icon toolbar__icon btn-menu-signature"> </i></button>
|
||||
<button id="id-right-menu-cell" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-cell-settings"><i class="icon toolbar__icon btn-menu-cell"> </i></button>
|
||||
<button id="id-right-menu-table" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-table-settings"><i class="icon toolbar__icon btn-menu-table"> </i></button>
|
||||
<button id="id-right-menu-shape" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-shape-settings"><i class="icon toolbar__icon btn-menu-shape"> </i></button>
|
||||
<button id="id-right-menu-image" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-image-settings"><i class="icon toolbar__icon btn-menu-image"> </i></button>
|
||||
<button id="id-right-menu-chart" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-chart-settings"><i class="icon toolbar__icon btn-menu-chart"> </i></button>
|
||||
<button id="id-right-menu-text" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-paragraph-settings"><i class="icon toolbar__icon btn-paragraph"> </i></button>
|
||||
<button id="id-right-menu-textart" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-textart-settings"><i class="icon toolbar__icon btn-menu-textart"> </i></button>
|
||||
<button id="id-right-menu-pivot" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-pivot-settings"><i class="icon toolbar__icon btn-pivot-sum"> </i></button>
|
||||
<button id="id-right-menu-slicer" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-slicer-settings"><i class="icon toolbar__icon btn-slicer"> </i></button>
|
||||
<button id="id-right-menu-signature" class="btn btn-category arrow-left hidden" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-signature-settings"><i class="icon toolbar__icon btn-menu-signature"> </i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -202,7 +202,7 @@
|
|||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td align="center">
|
||||
<label class="link" id="shape-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="shape-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
|
|
@ -122,7 +122,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="slicer-advanced-link"><%= scope.textAdvanced %></label>
|
||||
<label class="link" id="slicer-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue