[DE] Line Numbers
Автор: Julia Svinareva <julia.svinaryova@onlyoffice.com> Дата: 19 сентября 2019 г. 10:20:21
This commit is contained in:
Julia Svinareva
Julia Radzhabova
parent
3d65a3fa88
commit
83aeabb623
|
|
@ -60,7 +60,8 @@ define([
|
||||||
'documenteditor/main/app/view/WatermarkSettingsDialog',
|
'documenteditor/main/app/view/WatermarkSettingsDialog',
|
||||||
'documenteditor/main/app/view/CompareSettingsDialog',
|
'documenteditor/main/app/view/CompareSettingsDialog',
|
||||||
'documenteditor/main/app/view/ListSettingsDialog',
|
'documenteditor/main/app/view/ListSettingsDialog',
|
||||||
'documenteditor/main/app/view/DateTimeDialog'
|
'documenteditor/main/app/view/DateTimeDialog',
|
||||||
|
'documenteditor/main/app/view/LineNumbersDialog'
|
||||||
], function () {
|
], function () {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
|
@ -334,6 +335,7 @@ define([
|
||||||
toolbar.btnInsertSymbol.on('click', _.bind(this.onInsertSymbolClick, this));
|
toolbar.btnInsertSymbol.on('click', _.bind(this.onInsertSymbolClick, this));
|
||||||
toolbar.mnuNoControlsColor.on('click', _.bind(this.onNoControlsColor, this));
|
toolbar.mnuNoControlsColor.on('click', _.bind(this.onNoControlsColor, this));
|
||||||
toolbar.mnuControlsColorPicker.on('select', _.bind(this.onSelectControlsColor, this));
|
toolbar.mnuControlsColorPicker.on('select', _.bind(this.onSelectControlsColor, this));
|
||||||
|
toolbar.btnLineNumbers.menu.on('item:click', _.bind(this.onLineNumbersSelect, this));
|
||||||
Common.Gateway.on('insertimage', _.bind(this.insertImage, this));
|
Common.Gateway.on('insertimage', _.bind(this.insertImage, this));
|
||||||
Common.Gateway.on('setmailmergerecipients', _.bind(this.setMailMergeRecipients, this));
|
Common.Gateway.on('setmailmergerecipients', _.bind(this.setMailMergeRecipients, this));
|
||||||
$('#id-toolbar-menu-new-control-color').on('click', _.bind(this.onNewControlsColor, this));
|
$('#id-toolbar-menu-new-control-color').on('click', _.bind(this.onNewControlsColor, this));
|
||||||
|
|
@ -1674,6 +1676,33 @@ define([
|
||||||
Common.NotificationCenter.trigger('edit:complete', this.toolbar);
|
Common.NotificationCenter.trigger('edit:complete', this.toolbar);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
onLineNumbersSelect: function(menu, item) {
|
||||||
|
switch (item.value) {
|
||||||
|
case 0:
|
||||||
|
break;
|
||||||
|
case 1:
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
break;
|
||||||
|
case 3:
|
||||||
|
break;
|
||||||
|
case 4:
|
||||||
|
break;
|
||||||
|
case 5:
|
||||||
|
var win,
|
||||||
|
me = this;
|
||||||
|
win = new DE.Views.LineNumbersDialog({
|
||||||
|
handler: function(dlg, result) {
|
||||||
|
if (result == 'ok') {
|
||||||
|
Common.NotificationCenter.trigger('edit:complete', me.toolbar);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
win.show();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
onColorSchemaClick: function(menu, item) {
|
onColorSchemaClick: function(menu, item) {
|
||||||
if (this.api) {
|
if (this.api) {
|
||||||
this.api.asc_ChangeColorSchemeByIdx(item.value);
|
this.api.asc_ChangeColorSchemeByIdx(item.value);
|
||||||
|
|
|
||||||
|
|
@ -130,6 +130,7 @@
|
||||||
<span class="btn-slot text x-huge" id="slot-btn-pagesize"></span>
|
<span class="btn-slot text x-huge" id="slot-btn-pagesize"></span>
|
||||||
<span class="btn-slot text x-huge" id="slot-btn-columns"></span>
|
<span class="btn-slot text x-huge" id="slot-btn-columns"></span>
|
||||||
<span class="btn-slot text x-huge btn-pagebreak"></span>
|
<span class="btn-slot text x-huge btn-pagebreak"></span>
|
||||||
|
<span class="btn-slot text x-huge" id="slot-btn-line-numbers"></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="separator long"></div>
|
<div class="separator long"></div>
|
||||||
<div class="group">
|
<div class="group">
|
||||||
|
|
|
||||||
194
apps/documenteditor/main/app/view/LineNumbersDialog.js
Normal file
194
apps/documenteditor/main/app/view/LineNumbersDialog.js
Normal file
|
|
@ -0,0 +1,194 @@
|
||||||
|
/*
|
||||||
|
*
|
||||||
|
* (c) Copyright Ascensio System SIA 2010-2020
|
||||||
|
*
|
||||||
|
* 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
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/**
|
||||||
|
* LineNumbersDialog.js
|
||||||
|
*
|
||||||
|
* Created by Julia Svinareva on 18/09/19
|
||||||
|
* Copyright (c) 2020 Ascensio System SIA. All rights reserved.
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
define([
|
||||||
|
'common/main/lib/component/Window',
|
||||||
|
'common/main/lib/component/CheckBox',
|
||||||
|
'common/main/lib/component/MetricSpinner'
|
||||||
|
], function () { 'use strict';
|
||||||
|
|
||||||
|
DE.Views.LineNumbersDialog = Common.UI.Window.extend(_.extend({
|
||||||
|
options: {
|
||||||
|
width: 300,
|
||||||
|
header: true,
|
||||||
|
style: 'min-width: 216px;',
|
||||||
|
cls: 'modal-dlg'
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize : function(options) {
|
||||||
|
_.extend(this.options, {
|
||||||
|
title: this.textTitle
|
||||||
|
}, options || {});
|
||||||
|
|
||||||
|
this.template = [
|
||||||
|
'<div class="box" style="">',
|
||||||
|
'<div id="line-numbers-add-line-numbering"></div>',
|
||||||
|
'<div>',
|
||||||
|
'<div style="display: inline-block;"><label>' + this.textStartAt + '</label><div id="line-numbers-start-at"></div></div>',
|
||||||
|
'<div style="display: inline-block;"><label>' + this.textFromText + '</label><div id="line-numbers-from-text"></div></div>',
|
||||||
|
'<div style="display: inline-block;"><label>' + this.textCountBy + '</label><div id="line-numbers-count-by"></div></div>',
|
||||||
|
'</div>',
|
||||||
|
'<div><label>' + this.textNumbering + '</label></div>',
|
||||||
|
'<div id="line-numbers-restart-each-page"></div>',
|
||||||
|
'<div id="line-numbers-restart-each-section"></div>',
|
||||||
|
'<div id="line-numbers-continuous"></div>',
|
||||||
|
'</div>',
|
||||||
|
'<div class="footer center">',
|
||||||
|
'<button class="btn normal dlg-btn primary" result="ok" style="margin-right: 10px;">' + this.okButtonText + '</button>',
|
||||||
|
'<button class="btn normal dlg-btn" result="cancel">' + this.cancelButtonText + '</button>',
|
||||||
|
'</div>'
|
||||||
|
].join('');
|
||||||
|
|
||||||
|
this.options.tpl = _.template(this.template)(this.options);
|
||||||
|
|
||||||
|
this.spinners = [];
|
||||||
|
this._noApply = false;
|
||||||
|
|
||||||
|
Common.UI.Window.prototype.initialize.call(this, this.options);
|
||||||
|
},
|
||||||
|
|
||||||
|
render: function() {
|
||||||
|
Common.UI.Window.prototype.render.call(this);
|
||||||
|
|
||||||
|
this.chAddLineNumbering = new Common.UI.CheckBox({
|
||||||
|
el: $('#line-numbers-add-line-numbering'),
|
||||||
|
labelText: this.textAddLineNumbering
|
||||||
|
});
|
||||||
|
|
||||||
|
this.spnStartAt = new Common.UI.MetricSpinner({
|
||||||
|
el: $('#line-numbers-start-at'),
|
||||||
|
step: 1,
|
||||||
|
width: 80,
|
||||||
|
defaultUnit : '',
|
||||||
|
value: 1,
|
||||||
|
maxValue: 32767,
|
||||||
|
minValue: 1
|
||||||
|
});
|
||||||
|
|
||||||
|
this.spnFromText = new Common.UI.MetricSpinner({
|
||||||
|
el: $('#line-numbers-from-text'),
|
||||||
|
step: 0.1,
|
||||||
|
width: 80,
|
||||||
|
defaultUnit : 'cm',
|
||||||
|
value: 0.4,
|
||||||
|
maxValue: 55.87,
|
||||||
|
minValue: 0
|
||||||
|
});
|
||||||
|
this.spinners.push(this.spnFromText);
|
||||||
|
|
||||||
|
this.spnCountBy = new Common.UI.MetricSpinner({
|
||||||
|
el: $('#line-numbers-count-by'),
|
||||||
|
step: 1,
|
||||||
|
width: 80,
|
||||||
|
defaultUnit : '',
|
||||||
|
value: 1,
|
||||||
|
maxValue: 100,
|
||||||
|
minValue: 1
|
||||||
|
});
|
||||||
|
|
||||||
|
this.rbRestartEachPage = new Common.UI.RadioBox({
|
||||||
|
el: $('#line-numbers-restart-each-page'),
|
||||||
|
labelText: this.textRestartEachPage,
|
||||||
|
name: 'asc-radio-line-numbers'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.rbRestartEachSection = new Common.UI.RadioBox({
|
||||||
|
el: $('#line-numbers-restart-each-section'),
|
||||||
|
labelText: this.textRestartEachSection,
|
||||||
|
name: 'asc-radio-line-numbers'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.rbContinuous = new Common.UI.RadioBox({
|
||||||
|
el: $('#line-numbers-continuous'),
|
||||||
|
labelText: this.textContinuous,
|
||||||
|
name: 'asc-radio-line-numbers'
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
this.getChild().find('.dlg-btn').on('click', _.bind(this.onBtnClick, this));
|
||||||
|
|
||||||
|
this.updateMetricUnit();
|
||||||
|
},
|
||||||
|
|
||||||
|
_handleInput: function(state) {
|
||||||
|
if (this.options.handler) {
|
||||||
|
this.options.handler.call(this, this, state);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.close();
|
||||||
|
},
|
||||||
|
|
||||||
|
onBtnClick: function(event) {
|
||||||
|
this._handleInput(event.currentTarget.attributes['result'].value);
|
||||||
|
},
|
||||||
|
|
||||||
|
onPrimary: function() {
|
||||||
|
this._handleInput('ok');
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
|
||||||
|
getSettings: function() {
|
||||||
|
return this;
|
||||||
|
},
|
||||||
|
|
||||||
|
updateMetricUnit: function() {
|
||||||
|
if (this.spinners) {
|
||||||
|
for (var i=0; i<this.spinners.length; i++) {
|
||||||
|
var spinner = this.spinners[i];
|
||||||
|
spinner.setDefaultUnit(Common.Utils.Metric.getCurrentMetricName());
|
||||||
|
spinner.setStep(Common.Utils.Metric.getCurrentMetric()==Common.Utils.Metric.c_MetricUnits.pt ? 1 : 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
textTitle: 'Line Numbers Settings',
|
||||||
|
cancelButtonText: 'Cancel',
|
||||||
|
okButtonText: 'Ok',
|
||||||
|
textAddLineNumbering: 'Add line numbering',
|
||||||
|
textStartAt: 'Start at',
|
||||||
|
textFromText: 'From text',
|
||||||
|
textCountBy: 'CountBy',
|
||||||
|
textNumbering: 'Numbering',
|
||||||
|
textRestartEachPage: 'Restart Each Page',
|
||||||
|
textRestartEachSection: 'Restart Each Section',
|
||||||
|
textContinuous: 'Continuous'
|
||||||
|
}, DE.Views.LineNumbersDialog || {}))
|
||||||
|
});
|
||||||
|
|
@ -974,6 +974,56 @@ define([
|
||||||
});
|
});
|
||||||
this.toolbarControls.push(this.btnPageSize);
|
this.toolbarControls.push(this.btnPageSize);
|
||||||
|
|
||||||
|
this.btnLineNumbers = new Common.UI.Button({
|
||||||
|
id: 'tlbtn-line-numbers',
|
||||||
|
cls: 'btn-toolbar x-huge icon-top',
|
||||||
|
iconCls: 'toolbar__icon btn-columns',
|
||||||
|
caption: me.capBtnLineNumbers,
|
||||||
|
menu: new Common.UI.Menu({
|
||||||
|
cls: 'ppm-toolbar',
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
caption: this.textNone,
|
||||||
|
checkable: true,
|
||||||
|
toggleGroup: 'menuLineNumbers',
|
||||||
|
value: 0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
caption: this.textContinuous,
|
||||||
|
checkable: true,
|
||||||
|
toggleGroup: 'menuLineNumbers',
|
||||||
|
value: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
caption: this.textRestartEachPage,
|
||||||
|
checkable: true,
|
||||||
|
toggleGroup: 'menuLineNumbers',
|
||||||
|
value: 2
|
||||||
|
},
|
||||||
|
{
|
||||||
|
caption: this.textRestartEachSection,
|
||||||
|
checkable: true,
|
||||||
|
toggleGroup: 'menuLineNumbers',
|
||||||
|
value: 3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
caption: this.textSuppressForCurrentParagraph,
|
||||||
|
checkable: true,
|
||||||
|
toggleGroup: 'menuLineNumbers',
|
||||||
|
value: 4
|
||||||
|
},
|
||||||
|
{caption: '--'},
|
||||||
|
{
|
||||||
|
caption: this.textCustomLineNumbers,
|
||||||
|
value: 5,
|
||||||
|
checkable: true,
|
||||||
|
toggleGroup: 'menuLineNumbers'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
this.btnClearStyle = new Common.UI.Button({
|
this.btnClearStyle = new Common.UI.Button({
|
||||||
id: 'id-toolbar-btn-clearstyle',
|
id: 'id-toolbar-btn-clearstyle',
|
||||||
cls: 'btn-toolbar',
|
cls: 'btn-toolbar',
|
||||||
|
|
@ -1344,6 +1394,7 @@ define([
|
||||||
_injectComponent('#slot-btn-dropcap', this.btnDropCap);
|
_injectComponent('#slot-btn-dropcap', this.btnDropCap);
|
||||||
_injectComponent('#slot-btn-controls', this.btnContentControls);
|
_injectComponent('#slot-btn-controls', this.btnContentControls);
|
||||||
_injectComponent('#slot-btn-columns', this.btnColumns);
|
_injectComponent('#slot-btn-columns', this.btnColumns);
|
||||||
|
_injectComponent('#slot-btn-line-numbers', this.btnLineNumbers);
|
||||||
_injectComponent('#slot-btn-editheader', this.btnEditHeader);
|
_injectComponent('#slot-btn-editheader', this.btnEditHeader);
|
||||||
_injectComponent('#slot-btn-datetime', this.btnInsDateTime);
|
_injectComponent('#slot-btn-datetime', this.btnInsDateTime);
|
||||||
_injectComponent('#slot-btn-blankpage', this.btnBlankPage);
|
_injectComponent('#slot-btn-blankpage', this.btnBlankPage);
|
||||||
|
|
@ -1638,6 +1689,7 @@ define([
|
||||||
this.btnPageOrient.updateHint(this.tipPageOrient);
|
this.btnPageOrient.updateHint(this.tipPageOrient);
|
||||||
this.btnPageSize.updateHint(this.tipPageSize);
|
this.btnPageSize.updateHint(this.tipPageSize);
|
||||||
this.btnPageMargins.updateHint(this.tipPageMargins);
|
this.btnPageMargins.updateHint(this.tipPageMargins);
|
||||||
|
this.btnLineNumbers.updateHint(this.tipLineNumbers);
|
||||||
this.btnClearStyle.updateHint(this.tipClearStyle);
|
this.btnClearStyle.updateHint(this.tipClearStyle);
|
||||||
this.btnCopyStyle.updateHint(this.tipCopyStyle + Common.Utils.String.platformKey('Ctrl+Shift+C'));
|
this.btnCopyStyle.updateHint(this.tipCopyStyle + Common.Utils.String.platformKey('Ctrl+Shift+C'));
|
||||||
this.btnColorSchemas.updateHint(this.tipColorSchemas);
|
this.btnColorSchemas.updateHint(this.tipColorSchemas);
|
||||||
|
|
@ -2362,7 +2414,14 @@ define([
|
||||||
textNewComboboxControl: 'New combo box',
|
textNewComboboxControl: 'New combo box',
|
||||||
textNewCheckboxControl: 'New check box',
|
textNewCheckboxControl: 'New check box',
|
||||||
textNewRadioboxControl: 'New radio box',
|
textNewRadioboxControl: 'New radio box',
|
||||||
textNewDropdownControl: 'New drop-down list'
|
textNewDropdownControl: 'New drop-down list',
|
||||||
|
capBtnLineNumbers: 'Line Numbers',
|
||||||
|
textContinuous: 'Continuous',
|
||||||
|
textRestartEachPage: 'Restart Each Page',
|
||||||
|
textRestartEachSection: 'Restart Each Section',
|
||||||
|
textSuppressForCurrentParagraph: 'Suppress for Current Paragraph',
|
||||||
|
textCustomLineNumbers: 'Custom Line Numbers',
|
||||||
|
tipLineNumbers: 'Line Numbers'
|
||||||
}
|
}
|
||||||
})(), DE.Views.Toolbar || {}));
|
})(), DE.Views.Toolbar || {}));
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue