1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
|
/* -*- js-indent-level: 8 -*- */
/*
* Document permission handler
*/
/* global app $ _ vex */
L.Map.include({
readonlyStartingFormats: {
'txt': { canEdit: true, odfFormat: 'odt' },
'csv': { canEdit: true, odfFormat: 'ods' },
'xlsb': { canEdit: false, odfFormat: 'ods' }
},
setPermission: function (perm) {
var button = $('#mobile-edit-button');
button.off('click');
// app.file.fileBasedView is new view that has continuous scrolling
// used for PDF and we dont permit editing for PDFs
// this._shouldStartReadOnly() is a check for files that should start in readonly mode and even on desktop browser
// we warn the user about loosing the rich formatting and offer an option to
// save as ODF instead of the current format
//
// For mobile we need to display the edit button for all the cases except for PDF
// we offer save-as to another place where the user can edit the document
if (!app.file.fileBasedView && (this._shouldStartReadOnly() || window.mode.isMobile() || window.mode.isTablet())) {
button.show();
} else {
button.hide();
}
var that = this;
if (perm === 'edit') {
if (this._shouldStartReadOnly() || window.mode.isMobile() || window.mode.isTablet()) {
button.on('click', function () {
that._switchToEditMode();
});
// temporarily, before the user touches the floating action button
this._enterReadOnlyMode('readonly');
}
else if (this.options.canTryLock) {
// This is a success response to an attempt to lock using mobile-edit-button
this._switchToEditMode();
}
else {
this._enterEditMode(perm);
}
}
else if (perm === 'view' || perm === 'readonly') {
if (window.ThisIsTheAndroidApp) {
button.on('click', function () {
that._requestFileCopy();
});
} else if (!this.options.canTryLock && (window.mode.isMobile() || window.mode.isTablet())) {
$('#mobile-edit-button').hide();
}
this._enterReadOnlyMode(perm);
}
},
onLockFailed: function(reason) {
if (this.options.canTryLock === undefined) {
// This is the initial notification. This status is not permanent.
// Allow to try to lock the file for edit again.
this.options.canTryLock = true;
var alertMsg = _('The document could not be locked, and is opened in read-only mode.');
if (reason) {
alertMsg += '\n' + _('Server returned this reason:') + '\n"' + reason + '"';
}
vex.dialog.alert({ message: alertMsg });
var button = $('#mobile-edit-button');
// TODO: modify the icon here
button.show();
button.off('click');
button.on('click', function () {
app.socket.sendMessage('attemptlock');
});
}
else if (this.options.canTryLock) {
// This is a failed response to an attempt to lock using mobile-edit-button
alertMsg = _('The document could not be locked.');
if (reason) {
alertMsg += '\n' + _('Server returned this reason:') + '\n"' + reason + '"';
}
vex.dialog.alert({ message: alertMsg });
}
// do nothing if this.options.canTryLock is defined and is false
},
_getFileExtension: function (filename) {
return filename.substring(filename.lastIndexOf('.') + 1);
},
_shouldStartReadOnly: function () {
var fileName = this['wopi'].BaseFileName;
// use this feature for only integration.
if (!fileName) return false;
var extension = this._getFileExtension(fileName);
if (!Object.prototype.hasOwnProperty.call(this.readonlyStartingFormats, extension))
return false;
return true;
},
_proceedEditMode: function() {
var fileName = this['wopi'].BaseFileName;
if (fileName) {
var extension = this._getFileExtension(fileName);
var extensionInfo = this.readonlyStartingFormats[extension];
if (extensionInfo && !extensionInfo.canEdit)
return;
}
this.options.canTryLock = false; // don't respond to lockfailed anymore
$('#mobile-edit-button').hide();
this._enterEditMode('edit');
if (window.mode.isMobile() || window.mode.isTablet()) {
this.fire('editorgotfocus');
this.fire('closemobilewizard');
// In the iOS/android app, just clicking the mobile-edit-button is
// not reason enough to pop up the on-screen keyboard.
if (!(window.ThisIsTheiOSApp || window.ThisIsTheAndroidApp))
this.focus();
}
},
_offerSaveAs: function() {
var that = this;
var fileName = this['wopi'].BaseFileName;
if (!fileName) return false;
var extension = this._getFileExtension(fileName);
var extensionInfo = this.readonlyStartingFormats[extension];
var saveAsFormat = extensionInfo.odfFormat;
vex.dialog.prompt({
message: _('Enter a file name'),
placeholder: _('filename'),
callback: function (value) {
if (!value) return;
that.saveAs(value + '.' + saveAsFormat, saveAsFormat);
}
});
},
// from read-only to edit mode
_switchToEditMode: function () {
// This will be handled by the native mobile app instead
if (this._shouldStartReadOnly() && !window.ThisIsAMobileApp) {
var that = this;
var fileName = this['wopi'].BaseFileName;
var extension = this._getFileExtension(fileName);
var extensionInfo = this.readonlyStartingFormats[extension];
var buttonList = [];
if (!this['wopi'].UserCanNotWriteRelative) {
buttonList.push($.extend({}, vex.dialog.buttons.YES, { text: _('Save as ODF format') }));
}
buttonList.push($.extend({}, vex.dialog.buttons.NO, { text: extensionInfo.canEdit ? _('Continue editing') : _('Continue read only')}));
vex.dialog.open({
message: _('This document may contain formatting or content that cannot be saved in the current file format.'),
overlayClosesOnClick: false,
callback: L.bind(function (value) {
if (value) {
// offer save-as instead
this._offerSaveAs();
} else {
this._proceedEditMode();
}
}, that),
buttons: buttonList
});
} else {
this._proceedEditMode();
}
},
_requestFileCopy: function() {
if (window.docPermission === 'readonly') {
window.postMobileMessage('REQUESTFILECOPY');
} else {
this._switchToEditMode();
}
},
_enterEditMode: function (perm) {
this._permission = perm;
app.socket.sendMessage('requestloksession');
if (!L.Browser.touch) {
this.dragging.disable();
}
this.fire('updatepermission', {perm : perm});
if (this._docLayer._docType === 'text') {
this.setZoom(10);
}
if (window.ThisIsTheiOSApp && window.mode.isTablet() && this._docLayer._docType === 'spreadsheet')
this.showCalcInputBar(0);
if (window.ThisIsTheAndroidApp)
window.postMobileMessage('EDITMODE on');
},
_enterReadOnlyMode: function (perm) {
this._permission = perm;
this.dragging.enable();
// disable all user interaction, will need to add keyboard too
if (this._docLayer) {
this._docLayer._onUpdateCursor();
this._docLayer._clearSelections();
this._docLayer._onUpdateTextSelection();
}
this.fire('updatepermission', {perm : perm});
this.fire('closemobilewizard');
if (window.ThisIsTheAndroidApp)
window.postMobileMessage('EDITMODE off');
},
enableSelection: function () {
if (this.isPermissionEdit()) {
return;
}
app.socket.sendMessage('requestloksession');
this.dragging.disable();
},
disableSelection: function () {
if (this.isPermissionEdit()) {
return;
}
this.dragging.enable();
},
isPermissionEditForComments: function() {
// Currently we allow user to perform comment operations
// even in the view/readonly mode(initial mobile mode)
// allow comment operations if user has edit permission for doc
return window.docPermission === 'edit';
},
isPermissionReadOnly: function() {
return this._permission === 'readonly';
},
isPermissionEdit: function() {
return this._permission === 'edit';
}
});
|
