Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[DE] Add document protection

Browse source
This commit is contained in:
Julia Radzhabova 2022-09-21 17:15:33 +03:00
parent aa28b7eeca
commit ca9b1bcf22
7 changed files with 593 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/documenteditor/main/app.js
View file

@ -157,6 +157,7 @@ require([
'Main',
'ViewTab',
'Search',
'DocProtection',
'Common.Controllers.Fonts',
'Common.Controllers.History'
/** coauthoring begin **/
@ -191,6 +192,7 @@ require([
'documenteditor/main/app/controller/Main',
'documenteditor/main/app/controller/ViewTab',
'documenteditor/main/app/controller/Search',
'documenteditor/main/app/controller/DocProtection',
'documenteditor/main/app/view/FileMenuPanels',
'documenteditor/main/app/view/ParagraphSettings',
'documenteditor/main/app/view/HeaderFooterSettings',

203
apps/documenteditor/main/app/controller/DocProtection.js Normal file
View file

@ -0,0 +1,203 @@
/*
*
* (c) Copyright Ascensio System SIA 2010-2022
*
* 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
*
*/
/**
* DocProtection.js
*
* Created by Julia Radzhabova on 21.09.2022
* Copyright (c) 2022 Ascensio System SIA. All rights reserved.
*
*/
define([
'core',
'common/main/lib/view/Protection',
'documenteditor/main/app/view/DocProtection',
'documenteditor/main/app/view/ProtectDialog'
], function () {
'use strict';
if (!Common.enumLock)
Common.enumLock = {};
var enumLock = {
docLockView: 'lock-mode-view',
docLockForms: 'lock-mode-forms',
docLockReview: 'lock-mode-review',
docLockComments: 'lock-mode-comments'
};
for (var key in enumLock) {
if (enumLock.hasOwnProperty(key)) {
Common.enumLock[key] = enumLock[key];
}
}
DE.Controllers.DocProtection = Backbone.Controller.extend(_.extend({
models : [],
collections : [
],
views : [
'DocProtection'
],
initialize: function () {
this.addListeners({
'DocProtection': {
'protect:document': _.bind(this.onProtectDocClick, this)
}
});
},
onLaunch: function () {
this._state = {};
Common.NotificationCenter.on('app:ready', this.onAppReady.bind(this));
},
setConfig: function (data, api) {
this.setApi(api);
},
setApi: function (api) {
if (api) {
this.api = api;
this.api.asc_registerCallback('asc_onChangeProtectDocument',_.bind(this.onChangeProtectDocument, this));
}
},
setMode: function(mode) {
this.appConfig = mode;
this.appConfig.isEdit && (this.view = this.createView('DocProtection', {
mode: mode
}));
return this;
},
createToolbarPanel: function() {
if (this.view)
return this.view.getPanel();
},
getView: function(name) {
return !name && this.view ?
this.view : Backbone.Controller.prototype.getView.call(this, name);
},
onProtectDocClick: function(state) {
this.view.btnProtectDoc.toggle(!state, true);
if (state) {
var me = this,
btn,
win = new DE.Views.ProtectDialog({
handler: function(result, value, props) {
btn = result;
if (result == 'ok') {
// var props = me.api.asc_getProtectedDocument();
// props.asc_setLockMode(props);
// props.asc_setLockPwd(value);
// me.api.asc_setProtectedDocument(props);
}
Common.NotificationCenter.trigger('edit:complete');
}
}).on('close', function() {
if (btn!=='ok')
me.view.btnProtectDoc.toggle(false, true);
});
win.show();
} else {
var me = this,
btn,
props = me.api.asc_getProtectedDocument();
if (props.asc_isPassword()) {
var win = new Common.Views.OpenDialog({
title: me.view.txtWBUnlockTitle,
closable: true,
type: Common.Utils.importTextType.DRM,
txtOpenFile: me.view.txtWBUnlockDescription,
validatePwd: false,
handler: function (result, value) {
btn = result;
if (result == 'ok') {
if (me.api) {
// props.asc_setLockPwd(value && value.drmOptions ? value.drmOptions.asc_getPassword() : undefined);
// me.api.asc_setProtectedDocument(props);
}
Common.NotificationCenter.trigger('edit:complete');
}
}
}).on('close', function() {
if (btn!=='ok')
me.view.btnProtectDoc.toggle(true, true);
});
win.show();
} else {
props.asc_setLockPwd();
me.api.asc_setProtectedDocument(props);
}
}
},
onAppReady: function (config) {
if (!this.view) return;
var me = this;
(new Promise(function (resolve) {
resolve();
})).then(function () {
// me.view.btnProtectDoc.toggle(me.api.asc_isProtectedDocument(), true);
});
},
onChangeProtectDocument: function() {
// this.view && this.view.btnProtectDoc.toggle(this.api.asc_isProtectedDocument(), true);
},
getDocProps: function(update) {
if (!this.appConfig || !this.appConfig.isEdit && !this.appConfig.isRestrictedEdit) return;
if (update || !this._state.protection) {
var docProtected = !!this.api.asc_isProtectedDocument(),
type;
if (docProtected) {
var props = this.api.asc_getProtectedDocument();
type = props.asc_getLockMode();
}
this._state.protection = {docLock: docProtected, lockMode: type};
}
return this._state.protection;
}
}, DE.Controllers.DocProtection || {}));
});

4
apps/documenteditor/main/app/controller/Main.js
View file

@ -1700,8 +1700,8 @@ define([
fontsControllers && fontsControllers.setApi(me.api);
rightmenuController && rightmenuController.setApi(me.api);
if (this.appOptions.canProtect)
application.getController('Common.Controllers.Protection').setMode(me.appOptions).setConfig({config: me.editorConfig}, me.api);
application.getController('Common.Controllers.Protection').setMode(me.appOptions).setConfig({config: me.editorConfig}, me.api);
application.getController('DocProtection').setMode(me.appOptions).setConfig({config: me.editorConfig}, me.api);
var viewport = this.getApplication().getController('Viewport').getView('Viewport');

23
apps/documenteditor/main/app/controller/Toolbar.js
View file

@ -3203,13 +3203,24 @@ define([
me.toolbar.processPanelVisible(null, true, true);
}
if ( config.isDesktopApp ) {
if ( config.canProtect ) {
tab = {action: 'protect', caption: me.toolbar.textTabProtect, dataHintTitle: 'T', layoutname: 'toolbar-protect'};
$panel = me.getApplication().getController('Common.Controllers.Protection').createToolbarPanel();
// if ( config.isDesktopApp ) {
// if ( config.canProtect ) {
// tab = {action: 'protect', caption: me.toolbar.textTabProtect, dataHintTitle: 'T', layoutname: 'toolbar-protect'};
// $panel = me.getApplication().getController('Common.Controllers.Protection').createToolbarPanel();
//
// if ($panel) me.toolbar.addTab(tab, $panel, 6);
// }
// }
if ($panel) me.toolbar.addTab(tab, $panel, 6);
}
tab = {action: 'protect', caption: me.toolbar.textTabProtect, layoutname: 'toolbar-protect', dataHintTitle: 'T'};
$panel = me.getApplication().getController('Common.Controllers.Protection').createToolbarPanel();
if ($panel) {
config.canProtect && $panel.append($('<div class="separator long"></div>'));
var doctab = me.getApplication().getController('DocProtection');
$panel.append(doctab.createToolbarPanel());
me.toolbar.addTab(tab, $panel, 6);
me.toolbar.setVisible('protect', Common.UI.LayoutManager.isElementVisible('toolbar-protect'));
Array.prototype.push.apply(me.toolbar.lockControls, doctab.getView('DocProtection').getButtons());
}
var links = me.getApplication().getController('Links');

130
apps/documenteditor/main/app/view/DocProtection.js Normal file
View file

@ -0,0 +1,130 @@
/*
*
* (c) Copyright Ascensio System SIA 2010-2022
*
* 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
*
*/
/**
* DocProtection.js
*
* Created by Julia Radzhabova on 21.09.2022
* Copyright (c) 2022 Ascensio System SIA. All rights reserved.
*
*/
define([
'common/main/lib/util/utils',
'common/main/lib/component/BaseView',
'common/main/lib/component/Layout',
'common/main/lib/component/Window'
], function (template) {
'use strict';
DE.Views.DocProtection = Common.UI.BaseView.extend(_.extend((function(){
var template =
'<div class="group">' +
'<span id="slot-btn-protect-doc" class="btn-slot text x-huge"></span>' +
'</div>';
function setEvents() {
var me = this;
this.btnProtectDoc.on('click', function (btn, e) {
me.fireEvent('protect:document', [btn.pressed]);
});
me._isSetEvents = true;
}
return {
options: {},
initialize: function (options) {
Common.UI.BaseView.prototype.initialize.call(this, options);
this.appConfig = options.mode;
var _set = Common.enumLock;
this.lockedControls = [];
this._state = {disabled: false};
this.btnProtectDoc = new Common.UI.Button({
cls: 'btn-toolbar x-huge icon-top',
iconCls: 'toolbar__icon protect-workbook',
enableToggle: true,
caption: this.txtProtectDoc,
lock : [_set.lostConnect, _set.coAuth],
dataHint : '1',
dataHintDirection: 'bottom',
dataHintOffset: 'small'
});
this.lockedControls.push(this.btnProtectDoc);
Common.NotificationCenter.on('app:ready', this.onAppReady.bind(this));
},
render: function (el) {
return this;
},
onAppReady: function (config) {
var me = this;
(new Promise(function (accept, reject) {
accept();
})).then(function(){
me.btnProtectDoc.updateHint(me.hintProtectDoc);
setEvents.call(me);
});
},
getPanel: function () {
this.$el = $(_.template(template)( {} ));
this.btnProtectDoc.render(this.$el.find('#slot-btn-protect-doc'));
return this.$el;
},
getButtons: function(type) {
if (type===undefined)
return this.lockedControls;
return [];
},
show: function () {
Common.UI.BaseView.prototype.show.call(this);
this.fireEvent('show', this);
},
txtProtectDoc: 'Protect Document',
txtDocUnlockTitle: 'Unprotect Document',
hintProtectDoc: 'Protect document',
txtDocUnlockDescription: 'Enter a password to unprotect document'
}
}()), DE.Views.DocProtection || {}));
});

237
apps/documenteditor/main/app/view/ProtectDialog.js Normal file
View file

@ -0,0 +1,237 @@
/*
*
* (c) Copyright Ascensio System SIA 2010-2022
*
* 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
*
*/
/**
* ProtectDialog.js
*
* Created by Julia Radzhabova on 21.09.2022
* Copyright (c) 2022 Ascensio System SIA. All rights reserved.
*
*/
define([
'common/main/lib/component/Window'
], function () {
'use strict';
Asc.c_oAscProtection = {
View: 1,
Forms: 2,
Review: 3,
Comments: 4
};
DE.Views.ProtectDialog = Common.UI.Window.extend(_.extend({
initialize : function (options) {
var t = this,
_options = {};
_.extend(_options, {
title: options.title ? options.title : this.txtTitle,
cls: 'modal-dlg',
width: 350,
height: 'auto',
buttons: options.buttons ? options.buttons : [{
value: 'ok',
caption: this.txtProtect
}, 'cancel']
}, options);
this.handler = options.handler;
this.txtDescription = options.txtDescription || '';
this.props = options.props;
this.isEdit = options.isEdit;
this.api = options.api;
this.template = options.template || [
'<div class="box">',
'<div class="input-row">',
'<label>' + t.txtPassword + ' (' + t.txtOptional + ')' + '</label>',
'</div>',
'<div id="id-protect-password-txt" class="input-row" style="margin-bottom: 5px;"></div>',
'<div class="input-row">',
'<label>' + t.txtRepeat + '</label>',
'</div>',
'<div id="id-protect-repeat-txt" class="input-row" style="margin-bottom: 10px;"></div>',
'<div class="input-row" style="margin-bottom: 5px;">',
'<label style="font-weight: bold;letter-spacing: 0.01em;margin-bottom: 5px;">' + t.txtAllow + '</label>',
'</div>',
'<div id="id-protect-radio-view" style="margin-bottom: 8px;"></div>',
'<div id="id-protect-radio-forms" style="margin-bottom: 8px;"></div>',
'<div id="id-protect-radio-review" style="margin-bottom: 8px;"></div>',
'<div id="id-protect-radio-comment" style="margin-bottom: 8px;"></div>',
'<label>' + t.txtWarning + '</label>',
'</div>'
].join('');
_options.tpl = _.template(this.template)(_options);
Common.UI.Window.prototype.initialize.call(this, _options);
},
render: function () {
Common.UI.Window.prototype.render.call(this);
var me = this;
this.$window.find('.dlg-btn').on('click', _.bind(this.onBtnClick, this));
this.repeatPwd = new Common.UI.InputField({
el: this.$window.find('#id-protect-repeat-txt'),
type: 'password',
allowBlank : true,
style : 'width: 100%;',
maxLength: 255,
validateOnBlur: false,
validation : function(value) {
return me.txtIncorrectPwd;
}
});
this.inputPwd = new Common.UI.InputFieldBtnPassword({
el: this.$window.find('#id-protect-password-txt'),
type: 'password',
allowBlank : true,
style : 'width: 100%;',
maxLength: 255,
validateOnBlur: false,
repeatInput: this.repeatPwd,
showPwdOnClick: true
});
this.rbView = new Common.UI.RadioBox({
el: this.$window.find('#id-protect-radio-view'),
labelText: this.textView,
name: 'asc-radio-protect-mode',
value: Asc.c_oAscProtection.View,
checked: true
});
this.rbForms = new Common.UI.RadioBox({
el: this.$window.find('#id-protect-radio-forms'),
labelText: this.textForms,
name: 'asc-radio-protect-mode',
value: Asc.c_oAscProtection.Forms
});
this.rbReview = new Common.UI.RadioBox({
el: this.$window.find('#id-protect-radio-review'),
labelText: this.textReview,
name: 'asc-radio-protect-mode',
value: Asc.c_oAscProtection.Review
});
this.rbComments = new Common.UI.RadioBox({
el: this.$window.find('#id-protect-radio-comment'),
labelText: this.textComments,
name: 'asc-radio-protect-mode',
value: Asc.c_oAscProtection.Comments
});
this.afterRender();
},
getFocusedComponents: function() {
return [this.inputPwd, this.repeatPwd, this.rbView, this.rbForms, this.rbReview, this.rbComments];
},
getDefaultFocusableComponent: function () {
return this.inputPwd;
},
afterRender: function() {
this._setDefaults(this.props);
},
onPrimary: function(event) {
this._handleInput('ok');
return false;
},
onBtnClick: function(event) {
this._handleInput(event.currentTarget.attributes['result'].value);
},
_handleInput: function(state) {
if (this.handler) {
if (state == 'ok') {
if (this.inputPwd.checkValidate() !== true) {
this.inputPwd.focus();
return;
}
if (this.inputPwd.getValue() !== this.repeatPwd.getValue()) {
this.repeatPwd.checkValidate();
this.repeatPwd.focus();
return;
}
}
this.handler.call(this, state, this.inputPwd.getValue(), (state == 'ok') ? this.getSettings() : undefined);
}
this.close();
},
_setDefaults: function (props) {
if (props) {
var type = props.asc_getType();
switch (type) {
case Asc.c_oAscProtection.Forms: this.rbForms.setValue(true, true); break;
case Asc.c_oAscProtection.Review: this.rbReview.setValue(true, true); break;
case Asc.c_oAscProtection.Comments: this.rbComments.setValue(true, true); break;
}
}
},
getSettings: function() {
if (this.rbView.getValue())
return Asc.c_oAscProtection.View;
if (this.rbForms.getValue())
return Asc.c_oAscProtection.Forms;
if (this.rbReview.getValue())
return Asc.c_oAscProtection.Review;
if (this.rbComments.getValue())
return Asc.c_oAscProtection.Comments;
},
txtPassword : "Password",
txtRepeat: 'Repeat password',
txtOptional: 'optional',
txtIncorrectPwd: 'Confirmation password is not identical',
txtWarning: 'Warning: If you lose or forget the password, it cannot be recovered. Please keep it in a safe place.',
txtProtect: 'Protect',
txtTitle: 'Protect',
txtAllow: 'Allow only this type of editing in the document',
textView: 'No changes (Read only)',
textForms: 'Filling forms',
textReview: 'Tracked changes',
textComments: 'Comments'
}, DE.Views.ProtectDialog || {}));
});

2
apps/documenteditor/main/app_dev.js
View file

@ -147,6 +147,7 @@ require([
'Main',
'ViewTab',
'Search',
'DocProtection',
'Common.Controllers.Fonts',
'Common.Controllers.History'
/** coauthoring begin **/
@ -181,6 +182,7 @@ require([
'documenteditor/main/app/controller/Main',
'documenteditor/main/app/controller/ViewTab',
'documenteditor/main/app/controller/Search',
'documenteditor/main/app/controller/DocProtection',
'documenteditor/main/app/view/FileMenuPanels',
'documenteditor/main/app/view/ParagraphSettings',
'documenteditor/main/app/view/HeaderFooterSettings',