241 lines
7 KiB
JavaScript
241 lines
7 KiB
JavaScript
/*
|
|
*
|
|
* (c) Copyright Ascensio System Limited 2010-2016
|
|
*
|
|
* This program is a free software product. You can redistribute it and/or
|
|
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
|
* version 3 as published by the Free Software Foundation. In accordance with
|
|
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
|
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
|
* of any third-party rights.
|
|
*
|
|
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
|
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
|
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
|
*
|
|
* You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia,
|
|
* EU, LV-1021.
|
|
*
|
|
* The interactive user interfaces in modified source and object code versions
|
|
* of the Program must display Appropriate Legal Notices, as required under
|
|
* Section 5 of the GNU AGPL version 3.
|
|
*
|
|
* Pursuant to Section 7(b) of the License you must retain the original Product
|
|
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
|
* grant you any rights under trademark law for use of our trademarks.
|
|
*
|
|
* All the Product's GUI elements, including illustrations and icon sets, as
|
|
* well as technical writing content are licensed under the terms of the
|
|
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
|
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
|
*
|
|
*/
|
|
Ext.define('DE.view.tablet.toolbar.Edit', {
|
|
extend: 'Ext.Toolbar',
|
|
xtype: 'edittoolbar',
|
|
|
|
requires: ([
|
|
'Common.component.RepeatableButton'
|
|
]),
|
|
|
|
config: {
|
|
docked : 'top',
|
|
zIndex : 5,
|
|
minHeight : 44,
|
|
ui : 'edit'
|
|
},
|
|
|
|
initialize: function() {
|
|
var me = this;
|
|
|
|
this.add([
|
|
{
|
|
xtype : 'toolbar',
|
|
minHeight: 40,
|
|
flex : 1,
|
|
style : 'margin: 0; padding: 0;',
|
|
items : [
|
|
{
|
|
id : 'id-tb-btn-done',
|
|
ui : 'base-blue',
|
|
cls : 'text-offset-12',
|
|
text : this.doneText
|
|
},
|
|
{
|
|
id : 'id-tb-btn-save',
|
|
ui : 'base',
|
|
iconCls : 'save'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
xtype : 'repeatablebutton',
|
|
id : 'id-tb-btn-undo',
|
|
disabled: true,
|
|
ui : 'base',
|
|
iconCls : 'undo'
|
|
},
|
|
{
|
|
xtype : 'spacer',
|
|
width : 30
|
|
},
|
|
{
|
|
id : 'id-tb-btn-font',
|
|
ui : 'base',
|
|
cls : 'text-offset-30',
|
|
text : this.fontText
|
|
},
|
|
{
|
|
id : 'id-tb-btn-style',
|
|
ui : 'base',
|
|
iconCls : 'font-style'
|
|
},
|
|
{
|
|
id : 'id-tb-btn-color',
|
|
ui : 'base',
|
|
iconCls : 'font-color'
|
|
},
|
|
{
|
|
xtype : 'spacer',
|
|
width : 30
|
|
},
|
|
{
|
|
id : 'id-tb-btn-align',
|
|
ui : 'base',
|
|
iconCls : 'align-left'
|
|
},
|
|
{
|
|
id : 'id-tb-btn-liststyle',
|
|
ui : 'base',
|
|
iconCls : 'bullets'
|
|
},
|
|
{
|
|
id : 'id-tb-btn-paragraph',
|
|
ui : 'base',
|
|
iconCls : 'spacing'
|
|
},
|
|
{
|
|
xtype : 'spacer',
|
|
width : 30
|
|
},
|
|
{
|
|
id : 'id-tb-btn-table',
|
|
ui : 'base',
|
|
iconCls : 'insert'
|
|
},
|
|
{
|
|
xtype : 'toolbar',
|
|
minHeight: 40,
|
|
flex : 1,
|
|
style : 'margin: 0; padding: 0;',
|
|
layout : {
|
|
type : 'hbox',
|
|
pack : 'end'
|
|
},
|
|
items : [
|
|
{
|
|
id : 'id-tb-btn-share',
|
|
ui : 'base',
|
|
iconCls : 'share'
|
|
}
|
|
]
|
|
}
|
|
]);
|
|
|
|
this.add({
|
|
xtype : 'fontpanel',
|
|
layout : 'fit',
|
|
ui : 'settings',
|
|
width : 440,
|
|
height : 46,
|
|
id : 'id-panel-font',
|
|
top : 0,
|
|
left : 0,
|
|
hidden : true,
|
|
hideOnMaskTap: true
|
|
});
|
|
|
|
this.add({
|
|
xtype : 'fontstylepanel',
|
|
layout : 'fit',
|
|
ui : 'settings',
|
|
width : 154,
|
|
height : 45,
|
|
id : 'id-panel-font-style',
|
|
top : 0,
|
|
left : 0,
|
|
hidden : true,
|
|
hideOnMaskTap: true
|
|
});
|
|
|
|
this.add({
|
|
xtype : 'textcolorsettingspanel',
|
|
layout : 'fit',
|
|
ui : 'settings',
|
|
width : 350,
|
|
height : 172,
|
|
id : 'id-panel-text-color',
|
|
top : 0,
|
|
left : 0,
|
|
hidden : true,
|
|
hideOnMaskTap: true
|
|
});
|
|
|
|
this.add({
|
|
xtype : 'paragraphalignmentpanel',
|
|
layout : 'fit',
|
|
ui : 'settings',
|
|
width : 205,
|
|
height : 45,
|
|
id : 'id-panel-paragraph-alignment',
|
|
top : 0,
|
|
left : 0,
|
|
hidden : true,
|
|
hideOnMaskTap: true
|
|
});
|
|
|
|
this.add({
|
|
xtype : 'liststylepanel',
|
|
layout : 'fit',
|
|
ui : 'settings',
|
|
width : 337,
|
|
height : 328,
|
|
id : 'id-panel-liststyle',
|
|
top : 0,
|
|
left : 0,
|
|
hidden : true,
|
|
hideOnMaskTap: true
|
|
});
|
|
|
|
this.add({
|
|
xtype : 'spacingpanel',
|
|
layout : 'fit',
|
|
ui : 'settings',
|
|
width : 350,
|
|
height : 235,
|
|
id : 'id-panel-spacing',
|
|
top : 0,
|
|
left : 0,
|
|
hidden : true,
|
|
hideOnMaskTap: true
|
|
});
|
|
|
|
this.add({
|
|
xtype : 'insertpanel',
|
|
layout : 'fit',
|
|
ui : 'settings',
|
|
width : 350,
|
|
height : 283,
|
|
id : 'id-panel-insert',
|
|
top : 0,
|
|
left : 0,
|
|
hidden : true,
|
|
hideOnMaskTap: true
|
|
});
|
|
|
|
this.callParent(arguments);
|
|
},
|
|
|
|
doneText: 'Done',
|
|
fontText: 'Font'
|
|
}); |