pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-07-24 14:22:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

[PDFE] Change edit/view modes

Browse Source
This commit is contained in:
Julia Radzhabova
2023-07-26 23:02:41 +03:00
parent 435d135759
commit 470fdcc1ba
4 changed files with 39 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/common/main/lib/view/Draw.js
View File

@ -249,7 +249,7 @@ define([
});
me.btnEraser.updateHint(me.hintEraser);
me.btnSelect.updateHint(me.hintSelect);
Common.NotificationCenter.trigger('tab:visible', 'draw', Common.UI.LayoutManager.isElementVisible('toolbar-draw'));
Common.NotificationCenter.trigger('tab:visible', 'draw', (!me.isPDFEditor || me.appConfig && me.appConfig.isPDFEdit) && Common.UI.LayoutManager.isElementVisible('toolbar-draw'));
setEvents.call(me);
});

37
apps/common/main/lib/view/Header.js
View File

@ -246,6 +246,14 @@ define([
}
}
function changePDFMode(config) {
var me = this;
if (!me.btnPDFMode || !config) return;
me.btnPDFMode.setIconCls('toolbar__icon icon--inverse ' + (config.isPDFEdit ? 'btn-edit' : (config.isPDFAnnotate ? 'btn-menu-comments' : 'btn-sheet-view')));
me.btnPDFMode.setCaption(config.isPDFEdit ? me.textEdit : (config.isPDFAnnotate ? me.textComment : me.textView));
me.btnPDFMode.updateHint(config.isPDFEdit ? me.tipEdit : (config.isPDFAnnotate ? me.tipComment : me.tipView));
}
function onResize() {
if (appConfig && appConfig.isEdit && !(appConfig.customization && appConfig.customization.compactHeader)) {
updateDocNamePosition(appConfig);
@ -388,17 +396,17 @@ define([
me.btnSearch.updateHint(me.tipSearch + Common.Utils.String.platformKey('Ctrl+F'));
if (me.btnPDFMode) {
// me.btnPDFMode.updateHint(me.tipPDFMode);
var menuTemplate = _.template('<a id="<%= id %>" tabindex="-1" type="menuitem"><div>' +
'<% if (!_.isEmpty(iconCls)) { %>' +
'<span class="menu-item-icon <%= iconCls %>"></span>' +
'<% } %>' +
'<b><%= caption %></b></div>' +
'<% if (options.description !== null) { %><label style="display: block;cursor: pointer;white-space: normal;"><%= options.description %></label>' +
'<% if (options.description !== null) { %><label style="display: block;cursor: pointer;white-space: normal;" class="margin-left-10"><%= options.description %></label>' +
'<% } %></a>');
me.btnPDFMode.setMenu(new Common.UI.Menu({
cls: 'ppm-toolbar',
style: 'max-width: 220px;',
style: 'width: 220px;',
menuAlign: 'tr-br',
items: [
{
caption: me.textEdit,
@ -423,6 +431,19 @@ define([
}
]
}));
me.btnPDFMode.menu.on('item:click', function (menu, item) {
if (item.value==='edit' && appConfig.canPDFEdit) {
appConfig.isPDFEdit = true;
appConfig.isPDFAnnotate = false;
} else if (item.value==='comment' && appConfig.canPDFAnnotate) {
appConfig.isPDFEdit = false;
appConfig.isPDFAnnotate = true;
} else if (item.value==='view') {
appConfig.isPDFEdit = appConfig.isPDFAnnotate = false;
}
changePDFMode.call(me, appConfig);
Common.NotificationCenter.trigger('pdf:mode');
});
}
if (appConfig.isEdit && !(appConfig.customization && appConfig.customization.compactHeader))
Common.NotificationCenter.on('window:resize', onResize);
@ -668,14 +689,15 @@ define([
if (isPDFEditor) {
me.btnPDFMode = new Common.UI.Button({
cls: 'btn-header btn-header-pdf-mode no-caret',
iconCls: 'toolbar__icon icon--inverse ' + (config.isPDFEdit ? 'btn-edit' : (config.isPDFAnnotate ? 'btn-menu-comments' : 'btn-sheet-view')),
caption: config.isPDFEdit ? me.textEdit : (config.isPDFAnnotate ? me.textComment : me.textView),
iconCls: 'toolbar__icon icon--inverse btn-sheet-view',
caption: me.textView,
menu: true,
dataHint: '0',
dataHintDirection: 'bottom',
dataHintOffset: 'big'
});
me.btnPDFMode.render($html.find('#slot-btn-pdf-mode'));
changePDFMode.call(me, config);
} else
$html.find('#slot-btn-pdf-mode').hide();
@ -999,7 +1021,10 @@ define([
textEdit: 'Editing',
textViewDesc: 'All changes will be saved locally',
textCommentDesc: 'All changes will be saved to the file. Real time collaboration',
textEditDesc: 'All changes will be saved to the file. Real time collaboration'
textEditDesc: 'All changes will be saved to the file. Real time collaboration',
tipView: 'Viewing',
tipComment: 'Commenting',
tipEdit: 'Editing'
}
}(), Common.Views.Header || {}))
});

1
apps/pdfeditor/main/app/controller/Main.js
View File

@ -1164,6 +1164,7 @@ define([
this.appOptions.canRequestEditRights = this.editorConfig.canRequestEditRights;
this.appOptions.canEdit = true;
this.appOptions.isEdit = true;
this.permissions.edit = this.permissions.comment = true; // !! Only for test !!
this.appOptions.canPDFEdit = (this.permissions.edit !== false) && // can edit
(this.editorConfig.canRequestEditRights || this.editorConfig.mode !== 'view') && // if mode=="view" -> canRequestEditRights must be defined
(this.appOptions.canLicense);

9
apps/pdfeditor/main/app/controller/Toolbar.js
View File

@ -190,6 +190,9 @@ define([
Common.NotificationCenter.on('api:disconnect', _.bind(this.onApiCoAuthoringDisconnect, this));
this.api.asc_registerCallback('asc_onCanCopyCut', _.bind(this.onApiCanCopyCut, this));
this.api.asc_registerCallback('asc_onContextMenu', _.bind(this.onContextMenu, this));
Common.NotificationCenter.on('pdf:mode', _.bind(function () {
this.toolbar.setVisible('draw', this.mode.isPDFEdit && Common.UI.LayoutManager.isElementVisible('toolbar-draw'));
}, this));
}
},
@ -472,19 +475,19 @@ define([
me.toolbar.btnCopy.$el.removeClass('split');
me.toolbar.processPanelVisible(null, true, true);
}
}
if ( config.canPDFEdit ) {
var drawtab = me.getApplication().getController('Common.Controllers.Draw');
drawtab.setApi(me.api).setMode(config);
$panel = drawtab.createToolbarPanel();
if ($panel) {
tab = {action: 'draw', caption: me.toolbar.textTabDraw, extcls: 'canedit', layoutname: 'toolbar-draw', dataHintTitle: 'C'};
me.toolbar.addTab(tab, $panel, 2);
me.toolbar.setVisible('draw', Common.UI.LayoutManager.isElementVisible('toolbar-draw'));
Array.prototype.push.apply(me.toolbar.lockControls, drawtab.getView().getButtons());
Array.prototype.push.apply(me.toolbar.paragraphControls, drawtab.getView().getButtons());
}
}
var tab = {caption: me.toolbar.textTabView, action: 'view', extcls: config.isEdit ? 'canedit' : '', layoutname: 'toolbar-view', dataHintTitle: 'W'};
var viewtab = me.getApplication().getController('ViewTab');
viewtab.setApi(me.api).setConfig({toolbar: me, mode: config});