7d502a3135
This reverts commit c6a3e02b4b7af75341c573340ef11baef8bee39d partially. Presumably, some unwanted modifications also found its way in with above patch breaking the app. Revert problematic pieces.
566 lines
18 KiB
JavaScript
566 lines
18 KiB
JavaScript
/*globals $,OC,fileDownloadPath,t,document,odf,alert,require,dojo,runtime,Handlebars */
|
|
|
|
$.widget('oc.documentGrid', {
|
|
options : {
|
|
context : '.documentslist',
|
|
documents : {},
|
|
sessions : {},
|
|
members : {}
|
|
},
|
|
|
|
render : function(fileId){
|
|
var that = this;
|
|
jQuery.when(this._load(fileId))
|
|
.then(function(){
|
|
that._render();
|
|
documentsMain.renderComplete = true;
|
|
});
|
|
},
|
|
|
|
_load : function (fileId){
|
|
documentsMain.initSession();
|
|
},
|
|
|
|
_render : function (data){
|
|
var that = this,
|
|
documents = data && data.documents || this.options.documents,
|
|
sessions = data && data.sessions || this.options.sessions,
|
|
members = data && data.members || this.options.members,
|
|
hasDocuments = false
|
|
;
|
|
|
|
$(this.options.context + ' .document:not(.template,.progress)').remove();
|
|
|
|
if (documentsMain.loadError) {
|
|
$(this.options.context).after('<div id="errormessage">'
|
|
+ '<p>' + documentsMain.loadErrorMessage + '</p><p>'
|
|
+ documentsMain.loadErrorHint
|
|
+ '</p></div>'
|
|
);
|
|
return;
|
|
}
|
|
}
|
|
});
|
|
|
|
$.widget('oc.documentOverlay', {
|
|
options : {
|
|
parent : 'document.body'
|
|
},
|
|
_create : function (){
|
|
$(this.element).hide().appendTo(document.body);
|
|
},
|
|
show : function(){
|
|
$(this.element).fadeIn('fast');
|
|
},
|
|
hide : function(){
|
|
$(this.element).fadeOut('fast');
|
|
}
|
|
});
|
|
|
|
var documentsMain = {
|
|
isEditorMode : false,
|
|
isViewerMode: false,
|
|
isGuest : false,
|
|
esId : false,
|
|
ready :false,
|
|
fileName: null,
|
|
baseName: null,
|
|
canShare : false,
|
|
canEdit: false,
|
|
loadError : false,
|
|
loadErrorMessage : '',
|
|
loadErrorHint : '',
|
|
renderComplete: false, // false till page is rendered with all required data about the document(s)
|
|
toolbar : '<div id="ocToolbar"><div id="ocToolbarInside"></div><span id="toolbar" class="claro"></span></div>',
|
|
|
|
UI : {
|
|
/* Editor wrapper HTML */
|
|
container : '<div id="mainContainer" class="claro">' +
|
|
'</div>',
|
|
|
|
viewContainer: '<div id="revViewerContainer" class="claro">' +
|
|
'<div id="revViewer"></div>' +
|
|
'</div>',
|
|
|
|
revHistoryContainerTemplate: '<div id="revPanelContainer" class="loleaflet-font">' +
|
|
'<div id="revPanelHeader">' +
|
|
'<h2>Revision History</h2>' +
|
|
'<span>{{filename}}</span>' +
|
|
'<a class="closeButton"><img src={{closeButtonUrl}} width="22px" height="22px"></a>' +
|
|
'</div>' +
|
|
'<div id="revisionsContainer" class="loleaflet-font">' +
|
|
'<ul></ul>' +
|
|
'</div>' +
|
|
'<input type="button" id="show-more-versions" class="loleaflet-font" value="{{moreVersionsLabel}}" />' +
|
|
'</div>',
|
|
|
|
revHistoryItemTemplate: '<li>' +
|
|
'<a href="{{downloadUrl}}" class="downloadVersion has-tooltip" title="' + t('richdocuments', 'Download this revision') + '"><img src="{{downloadIconUrl}}" />' +
|
|
'<a class="versionPreview"><span class="versiondate has-tooltip" title="{{formattedTimestamp}}">{{relativeTimestamp}}</span></a>' +
|
|
'<a href="{{restoreUrl}}" class="restoreVersion has-tooltip" title="' + t('richdocuments', 'Restore this revision') + '"><img src="{{restoreIconUrl}}" />' +
|
|
'</a>' +
|
|
'</li>',
|
|
|
|
/* Previous window title */
|
|
mainTitle : '',
|
|
/* Number of revisions already loaded */
|
|
revisionsStart: 0,
|
|
|
|
init : function(){
|
|
documentsMain.UI.mainTitle = $('title').text();
|
|
},
|
|
|
|
showViewer: function(fileId, title){
|
|
// remove previous viewer, if open, and set a new one
|
|
if (documentsMain.isViewerMode) {
|
|
$('#revViewer').remove();
|
|
$('#revViewerContainer').prepend($('<div id="revViewer">'));
|
|
}
|
|
|
|
// WOPISrc - URL that loolwsd will access (ie. pointing to ownCloud)
|
|
var wopiurl = window.location.protocol + '//' + window.location.host + OC.generateUrl('apps/richdocuments/wopi/files/{file_id}', {file_id: fileId});
|
|
var wopisrc = encodeURIComponent(wopiurl);
|
|
|
|
// urlsrc - the URL from discovery xml that we access for the particular
|
|
// document; we add various parameters to that.
|
|
// The discovery is available at
|
|
// https://<loolwsd-server>:9980/hosting/discovery
|
|
var urlsrc = documentsMain.urlsrc +
|
|
"WOPISrc=" + wopisrc +
|
|
"&title=" + encodeURIComponent(title) +
|
|
"&lang=" + OC.getLocale().replace('_', '-') + // loleaflet expects a BCP47 language tag syntax
|
|
"&permission=readonly";
|
|
|
|
// access_token - must be passed via a form post
|
|
var access_token = encodeURIComponent(documentsMain.token);
|
|
|
|
// form to post the access token for WOPISrc
|
|
var form = '<form id="loleafletform_viewer" name="loleafletform_viewer" target="loleafletframe_viewer" action="' + urlsrc + '" method="post">' +
|
|
'<input name="access_token" value="' + access_token + '" type="hidden"/></form>';
|
|
|
|
// iframe that contains the Collabora Online Viewer
|
|
var frame = '<iframe id="loleafletframe_viewer" name= "loleafletframe_viewer" style="width:100%;height:100%;position:absolute;"/>';
|
|
|
|
$('#revViewer').append(form);
|
|
$('#revViewer').append(frame);
|
|
|
|
// submit that
|
|
$('#loleafletform_viewer').submit();
|
|
documentsMain.isViewerMode = true;
|
|
|
|
// for closing revision mode
|
|
$('#revPanelHeader .closeButton').click(function(e) {
|
|
e.preventDefault();
|
|
documentsMain.onCloseViewer();
|
|
});
|
|
},
|
|
|
|
addRevision: function(fileId, version, relativeTimestamp, documentPath) {
|
|
var formattedTimestamp = OC.Util.formatDate(parseInt(version) * 1000);
|
|
var fileName = documentsMain.fileName.substring(0, documentsMain.fileName.indexOf('.'));
|
|
var downloadUrl, restoreUrl;
|
|
if (version === 0) {
|
|
formattedTimestamp = t('richdocuments', 'Latest revision');
|
|
downloadUrl = OC.generateUrl('apps/files/download'+ documentPath);
|
|
} else {
|
|
downloadUrl = OC.generateUrl('apps/files_versions/download.php?file={file}&revision={revision}',
|
|
{file: documentPath, revision: version});
|
|
fileId = fileId + '_' + version;
|
|
restoreUrl = OC.generateUrl('apps/files_versions/ajax/rollbackVersion.php?file={file}&revision={revision}',
|
|
{file: documentPath, revision: version});
|
|
}
|
|
|
|
var revHistoryItemTemplate = Handlebars.compile(documentsMain.UI.revHistoryItemTemplate);
|
|
var html = revHistoryItemTemplate({
|
|
downloadUrl: downloadUrl,
|
|
downloadIconUrl: OC.imagePath('core', 'actions/download'),
|
|
restoreUrl: restoreUrl,
|
|
restoreIconUrl: OC.imagePath('core', 'actions/history'),
|
|
relativeTimestamp: relativeTimestamp,
|
|
formattedTimestamp: formattedTimestamp
|
|
});
|
|
|
|
html = $(html).attr('data-fileid', fileId)
|
|
.attr('data-title', fileName + ' - ' + formattedTimestamp);
|
|
$('#revisionsContainer ul').append(html);
|
|
},
|
|
|
|
fetchAndFillRevisions: function(documentPath) {
|
|
// fill #rev-history with file versions
|
|
$.get(OC.generateUrl('apps/files_versions/ajax/getVersions.php?source={documentPath}&start={start}',
|
|
{ documentPath: documentPath, start: documentsMain.UI.revisionsStart }),
|
|
function(result) {
|
|
for(var key in result.data.versions) {
|
|
documentsMain.UI.addRevision(documentsMain.fileId,
|
|
result.data.versions[key].version,
|
|
result.data.versions[key].humanReadableTimestamp,
|
|
documentPath);
|
|
}
|
|
|
|
// owncloud only gives 5 version at max in one go
|
|
documentsMain.UI.revisionsStart += 5;
|
|
|
|
if (result.data.endReached) {
|
|
// Remove 'More versions' button
|
|
$('#show-more-versions').addClass('hidden');
|
|
}
|
|
});
|
|
},
|
|
|
|
showRevHistory: function(documentPath) {
|
|
$(document.body).prepend(documentsMain.UI.viewContainer);
|
|
|
|
var revHistoryContainerTemplate = Handlebars.compile(documentsMain.UI.revHistoryContainerTemplate);
|
|
var revHistoryContainer = revHistoryContainerTemplate({
|
|
filename: documentsMain.fileName,
|
|
moreVersionsLabel: t('richdocuments', 'More versions…'),
|
|
closeButtonUrl: OC.imagePath('core', 'actions/close')
|
|
});
|
|
$('#revViewerContainer').prepend(revHistoryContainer);
|
|
|
|
documentsMain.UI.revisionsStart = 0;
|
|
|
|
// append current document first
|
|
documentsMain.UI.addRevision(documentsMain.fileId, 0, t('richdocuments', 'Just now'), documentPath);
|
|
|
|
// add "Show more versions" button
|
|
$('#show-more-versions').click(function(e) {
|
|
e.preventDefault();
|
|
documentsMain.UI.fetchAndFillRevisions(documentPath);
|
|
});
|
|
|
|
// fake click to load first 5 versions
|
|
$('#show-more-versions').click();
|
|
|
|
// make these revisions clickable/attach functionality
|
|
$('#revisionsContainer').on('click', '.versionPreview', function(e) {
|
|
e.preventDefault();
|
|
documentsMain.UI.showViewer(e.currentTarget.parentElement.dataset.fileid,
|
|
e.currentTarget.parentElement.dataset.title);
|
|
|
|
// mark only current <li> as active
|
|
$(e.currentTarget.parentElement.parentElement).find('li').removeClass('active');
|
|
$(e.currentTarget.parentElement).addClass('active');
|
|
});
|
|
|
|
$('#revisionsContainer').on('click', '.restoreVersion', function(e) {
|
|
e.preventDefault();
|
|
|
|
// close the viewer
|
|
documentsMain.onCloseViewer();
|
|
|
|
// close the editor
|
|
documentsMain.UI.hideEditor();
|
|
|
|
// If there are changes in the opened editor, we need to wait
|
|
// for sometime before these changes can be saved and a revision is created for it,
|
|
// before restoring to requested version.
|
|
documentsMain.overlay.documentOverlay('show');
|
|
setTimeout(function() {
|
|
// restore selected version
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: e.currentTarget.href,
|
|
success: function(response) {
|
|
if (response.status === 'error') {
|
|
documentsMain.UI.notify(t('richdocuments', 'Failed to revert the document to older version'));
|
|
}
|
|
|
|
// load the file again, it should get reverted now
|
|
window.location = OC.generateUrl('apps/richdocuments/index#{fileid}', {fileid: e.currentTarget.parentElement.dataset.fileid});
|
|
window.location.reload();
|
|
documentsMain.overlay.documentOverlay('hide');
|
|
}
|
|
});
|
|
}, 1000);
|
|
});
|
|
|
|
// fake click on first revision (i.e current revision)
|
|
$('#revisionsContainer li').first().find('.versionPreview').click();
|
|
},
|
|
|
|
showEditor : function(title, fileId, action){
|
|
if (documentsMain.isGuest){
|
|
// !Login page mess wih WebODF toolbars
|
|
$(document.body).attr('id', 'body-user');
|
|
}
|
|
|
|
if (documentsMain.loadError) {
|
|
documentsMain.onEditorShutdown(documentsMain.loadErrorMessage + '\n' + documentsMain.loadErrorHint);
|
|
return;
|
|
}
|
|
|
|
if (!documentsMain.renderComplete) {
|
|
setTimeout(function() { documentsMain.UI.showEditor(title, action); }, 500);
|
|
console.log('Waiting for page to render…');
|
|
return;
|
|
}
|
|
parent.postMessage('loading', '*');
|
|
|
|
$(document.body).addClass("claro");
|
|
$(document.body).prepend(documentsMain.UI.container);
|
|
|
|
$('title').text(title + ' - ' + documentsMain.UI.mainTitle);
|
|
|
|
|
|
// WOPISrc - URL that loolwsd will access (ie. pointing to ownCloud)
|
|
var wopiurl = window.location.protocol + '//' + window.location.host + OC.generateUrl('apps/richdocuments/wopi/files/{file_id}', {file_id: documentsMain.fileId});
|
|
var wopisrc = encodeURIComponent(wopiurl);
|
|
|
|
// urlsrc - the URL from discovery xml that we access for the particular
|
|
// document; we add various parameters to that.
|
|
// The discovery is available at
|
|
// https://<loolwsd-server>:9980/hosting/discovery
|
|
var urlsrc = documentsMain.urlsrc +
|
|
"WOPISrc=" + wopisrc +
|
|
"&title=" + encodeURIComponent(title) +
|
|
"&lang=" + OC.getLocale().replace('_', '-') + // loleaflet expects a BCP47 language tag syntax
|
|
"&closebutton=1" +
|
|
"&revisionhistory=1";
|
|
if (!documentsMain.canEdit || action === "view") {
|
|
urlsrc += "&permission=readonly";
|
|
}
|
|
|
|
// access_token - must be passed via a form post
|
|
var access_token = encodeURIComponent(documentsMain.token);
|
|
|
|
// form to post the access token for WOPISrc
|
|
var form = '<form id="loleafletform" name="loleafletform" target="loleafletframe" action="' + urlsrc + '" method="post">' +
|
|
'<input name="access_token" value="' + access_token + '" type="hidden"/></form>';
|
|
|
|
// iframe that contains the Collabora Online
|
|
var frame = '<iframe id="loleafletframe" name= "loleafletframe" allowfullscreen style="width:100%;height:100%;position:absolute;" />';
|
|
|
|
$('#mainContainer').append(form);
|
|
$('#mainContainer').append(frame);
|
|
|
|
// Listen for App_LoadingStatus as soon as possible
|
|
$('#loleafletframe').ready(function() {
|
|
var editorInitListener = function(e) {
|
|
var msg = JSON.parse(e.data);
|
|
if (msg.MessageId === 'App_LoadingStatus') {
|
|
window.removeEventListener('message', editorInitListener, false);
|
|
}
|
|
};
|
|
window.addEventListener('message', editorInitListener, false);
|
|
});
|
|
|
|
$('#loleafletframe').load(function(){
|
|
// And start listening to incoming post messages
|
|
window.addEventListener('message', function(e){
|
|
if (documentsMain.isViewerMode) {
|
|
return;
|
|
}
|
|
|
|
try {
|
|
var msg = JSON.parse(e.data).MessageId;
|
|
} catch(exc) {
|
|
msg = e.data;
|
|
}
|
|
if (msg === 'UI_Close' || msg === 'close') {
|
|
documentsMain.onClose();
|
|
} else if (msg === 'rev-history') {
|
|
documentsMain.UI.showRevHistory(documentsMain.fullPath);
|
|
}
|
|
});
|
|
|
|
// Tell the LOOL iframe that we are ready now
|
|
documentsMain.WOPIPostMessage($('#loleafletframe')[0], 'Host_PostmessageReady', {});
|
|
|
|
// LOOL Iframe is ready, turn off our overlay
|
|
// This should ideally be taken off when we receive App_LoadingStatus, but
|
|
// for backward compatibility with older lool, lets keep it here till we decide
|
|
// to break older lools
|
|
documentsMain.overlay.documentOverlay('hide');
|
|
});
|
|
|
|
// submit that
|
|
$('#loleafletform').submit();
|
|
|
|
},
|
|
|
|
hideEditor : function(){
|
|
if (documentsMain.isGuest){
|
|
// !Login page mess wih WebODF toolbars
|
|
$(document.body).attr('id', 'body-login');
|
|
$('footer,nav').show();
|
|
}
|
|
|
|
// Fade out editor
|
|
$('#mainContainer').fadeOut('fast', function() {
|
|
$('#mainContainer').remove();
|
|
$('#content-wrapper').fadeIn('fast');
|
|
$(document.body).removeClass('claro');
|
|
$('title').text(documentsMain.UI.mainTitle);
|
|
});
|
|
},
|
|
|
|
showProgress : function(message){
|
|
if (!message){
|
|
message = ' ';
|
|
}
|
|
$('.documentslist .progress div').text(message);
|
|
$('.documentslist .progress').show();
|
|
},
|
|
|
|
hideProgress : function(){
|
|
$('.documentslist .progress').hide();
|
|
},
|
|
|
|
notify : function(message){
|
|
OC.Notification.show(message);
|
|
setTimeout(OC.Notification.hide, 10000);
|
|
}
|
|
},
|
|
|
|
onStartup: function() {
|
|
var fileId;
|
|
documentsMain.UI.init();
|
|
|
|
// Does anything indicate that we need to autostart a session?
|
|
fileId = getURLParameter('fileid').replace(/^\W*/, '');
|
|
|
|
documentsMain.show(fileId);
|
|
|
|
if (fileId) {
|
|
documentsMain.overlay.documentOverlay('show');
|
|
documentsMain.prepareSession();
|
|
}
|
|
|
|
documentsMain.ready = true;
|
|
},
|
|
|
|
WOPIPostMessage: function(iframe, msgId, values) {
|
|
if (iframe) {
|
|
var msg = {
|
|
'MessageId': msgId,
|
|
'SendTime': Date.now(),
|
|
'Values': values
|
|
};
|
|
|
|
iframe.contentWindow.postMessage(JSON.stringify(msg), '*');
|
|
}
|
|
},
|
|
|
|
prepareSession : function(){
|
|
documentsMain.isEditorMode = true;
|
|
documentsMain.overlay.documentOverlay('show');
|
|
},
|
|
|
|
initSession: function() {
|
|
documentsMain.urlsrc = richdocuments_urlsrc;
|
|
documentsMain.fullPath = richdocuments_path;
|
|
documentsMain.token = richdocuments_token;
|
|
|
|
$('footer,nav').hide();
|
|
$(documentsMain.toolbar).appendTo('#header');
|
|
|
|
documentsMain.canShare = !documentsMain.isGuest
|
|
&& typeof OC.Share !== 'undefined' && richdocuments_permissions & OC.PERMISSION_SHARE;
|
|
|
|
// fade out file list and show the cloudsuite
|
|
$('#content-wrapper').fadeOut('fast').promise().done(function() {
|
|
|
|
documentsMain.fileId = richdocuments_fileId;
|
|
documentsMain.fileName = richdocuments_title;
|
|
|
|
documentsMain.canEdit = Boolean(richdocuments_permissions & OC.PERMISSION_UPDATE);
|
|
|
|
documentsMain.loadDocument(documentsMain.fileName, documentsMain.fileId);
|
|
|
|
if (documentsMain.isGuest){
|
|
$('#odf-close').text(t('richdocuments', 'Save') );
|
|
$('#odf-close').removeClass('icon-view-close');
|
|
}
|
|
});
|
|
},
|
|
|
|
view : function(id){
|
|
OC.addScript('richdocuments', 'viewer/viewer', function() {
|
|
$(window).off('beforeunload');
|
|
$(window).off('unload');
|
|
var path = $('li[data-id='+ id +']>a').attr('href');
|
|
odfViewer.isDocuments = true;
|
|
odfViewer.onView(path);
|
|
});
|
|
},
|
|
|
|
loadDocument: function(title, fileId) {
|
|
documentsMain.UI.showEditor(title, fileId, 'write');
|
|
},
|
|
|
|
onEditorShutdown : function (message){
|
|
OC.Notification.show(message);
|
|
|
|
$(window).off('beforeunload');
|
|
$(window).off('unload');
|
|
if (documentsMain.isEditorMode){
|
|
documentsMain.isEditorMode = false;
|
|
parent.location.hash = "";
|
|
} else {
|
|
setTimeout(OC.Notification.hide, 7000);
|
|
}
|
|
documentsMain.UI.hideEditor();
|
|
|
|
documentsMain.show();
|
|
$('footer,nav').show();
|
|
},
|
|
|
|
|
|
onClose: function() {
|
|
documentsMain.isEditorMode = false;
|
|
$(window).off('beforeunload');
|
|
$(window).off('unload');
|
|
parent.location.hash = "";
|
|
|
|
$('footer,nav').show();
|
|
documentsMain.UI.hideEditor();
|
|
$('#ocToolbar').remove();
|
|
|
|
parent.postMessage('close', '*');
|
|
},
|
|
|
|
onCloseViewer: function() {
|
|
$('#revisionsContainer *').off();
|
|
|
|
$('#revPanelContainer').remove();
|
|
$('#revViewerContainer').remove();
|
|
documentsMain.isViewerMode = false;
|
|
documentsMain.UI.revisionsStart = 0;
|
|
|
|
$('#loleafletframe').focus();
|
|
},
|
|
|
|
show: function(fileId){
|
|
if (documentsMain.isGuest){
|
|
return;
|
|
}
|
|
documentsMain.UI.showProgress(t('richdocuments', 'Loading documents…'));
|
|
documentsMain.docs.documentGrid('render', fileId);
|
|
documentsMain.UI.hideProgress();
|
|
}
|
|
};
|
|
|
|
$(document).ready(function() {
|
|
|
|
if (!OCA.Files) {
|
|
OCA.Files = {};
|
|
OCA.Files.App = {};
|
|
OCA.Files.App.fileList = FileList;
|
|
}
|
|
|
|
if (!OC.Share) {
|
|
OC.Share = {};
|
|
}
|
|
|
|
window.Files = FileList;
|
|
|
|
documentsMain.docs = $('.documentslist').documentGrid();
|
|
documentsMain.overlay = $('<div id="documents-overlay" class="icon-loading"></div><div id="documents-overlay-below" class="icon-loading-dark"></div>').documentOverlay();
|
|
|
|
$('li.document a').tipsy({fade: true, live: true});
|
|
|
|
|
|
documentsMain.onStartup();
|
|
});
|