 + ')
' +
+ '' +
'
' +
'
' +
' ' +
@@ -55,25 +206,20 @@ var documentsMain = {
mainTitle : '',
init : function(){
- $(documentsMain.UI.overlay).hide().appendTo(document.body);
documentsMain.UI.mainTitle = $('title').text();
},
- showOverlay : function(){
- $('#documents-overlay,#documents-overlay-below').fadeIn('fast');
- },
-
- hideOverlay : function(){
- $('#documents-overlay,#documents-overlay-below').fadeOut('fast');
- },
-
showEditor : function(title, canShare){
- $(document.body).prepend(documentsMain.UI.toolbar);
+ if (documentsMain.isGuest){
+ // !Login page mess wih WebODF toolbars
+ $(document.body).attr('id', 'body-user');
+ }
+
$('#document-title-container').text(title);
if (!canShare){
$('#odf-invite').remove();
} else {
- //TODO: fill in with users
+ $('#odf-invite').show();
}
$(document.body).addClass("claro");
$(document.body).prepend(documentsMain.UI.container);
@@ -83,16 +229,21 @@ var documentsMain = {
},
hideEditor : function(){
- // Fade out toolbar
- $('#odf-toolbar').fadeOut('fast');
- // Fade out editor
- $('#mainContainer').fadeOut('fast', function() {
- $('#mainContainer').remove();
- $('#odf-toolbar').remove();
- $('#content').fadeIn('fast');
- $(document.body).removeClass('claro');
- $('title').text(documentsMain.UI.mainTitle);
- });
+ if (documentsMain.isGuest){
+ // !Login page mess wih WebODF toolbars
+ $(document.body).attr('id', 'body-login');
+ $('header,footer,nav').show();
+ }
+
+ documentsMain.toolbar.documentToolbar('hide');
+
+ // Fade out editor
+ $('#mainContainer').fadeOut('fast', function() {
+ $('#mainContainer').remove();
+ $('#content').fadeIn('fast');
+ $(document.body).removeClass('claro');
+ $('title').text(documentsMain.UI.mainTitle);
+ });
},
showSave : function (){
@@ -145,11 +296,8 @@ var documentsMain = {
if (!OC.currentUser){
documentsMain.isGuest = true;
-
if ($("[name='document']").val()){
- // !Login page mess wih WebODF toolbars
- $(document.body).attr('id', 'body-user');
- $('header,footer').hide();
+ documentsMain.toolbar.documentToolbar('show');
documentsMain.prepareSession();
documentsMain.joinSession(
$("[name='document']").val()
@@ -163,7 +311,7 @@ var documentsMain = {
documentsMain.show();
if (fileId){
- documentsMain.UI.showOverlay();
+ documentsMain.overlay.documentOverlay('show');
}
var webodfSource = (oc_debug === true) ? 'webodf-debug' : 'webodf';
@@ -186,7 +334,7 @@ var documentsMain = {
prepareSession : function(){
documentsMain.isEditorMode = true;
- documentsMain.UI.showOverlay();
+ documentsMain.overlay.documentOverlay('show');
$(window).on('beforeunload', function(){
return t('documents', "Leaving this page in Editor mode might cause unsaved data. It is recommended to use 'Close' button instead.");
});
@@ -195,7 +343,7 @@ var documentsMain = {
prepareGrid : function(){
documentsMain.isEditorMode = false;
- documentsMain.UI.hideOverlay();
+ documentsMain.overlay.documentOverlay('hide');
},
initSession: function(response) {
@@ -203,8 +351,11 @@ var documentsMain = {
if(response && (response.id && !response.es_id)){
return documentsMain.view(response.id);
- }
-
+ }
+
+ $('header,footer,nav').hide();
+ documentsMain.toolbar.documentToolbar('show');
+
if (!response || !response.status || response.status==='error'){
documentsMain.onEditorShutdown(t('documents', 'Failed to load this document. Please check if it can be opened with an external odt editor. This might also mean it has been unshared or deleted recently.'));
return;
@@ -252,7 +403,7 @@ var documentsMain = {
// load the document and get called back when it's live
documentsMain.webodfEditorInstance.openSession(documentsMain.esId, documentsMain.memberId, function() {
documentsMain.webodfEditorInstance.startEditing();
- documentsMain.UI.hideOverlay();
+ documentsMain.overlay.documentOverlay('hide');
parent.location.hash = response.file_id;
});
});
@@ -430,15 +581,15 @@ var documentsMain = {
var extension = name.substr(lastPos + 1);
name = name.substr(0, lastPos);
var input = $('').val(name);
- $('#document-title').append(input);
- $('#document-title>div').hide();
+ $('#header').append(input);
+ $('#document-title-container').hide();
input.on('blur', function(){
var newName = input.val();
if (!newName || newName === name) {
input.tipsy('hide');
input.remove();
- $('#document-title>div').show();
+ $('#document-title-container').show();
return;
}
else {
@@ -449,7 +600,7 @@ var documentsMain = {
if (Files.isFileNameValid(newName)) {
input.tipsy('hide');
input.remove();
- $('#document-title>div').show();
+ $('#document-title-container').show();
documentsMain.renameDocument(newName);
}
}
@@ -518,10 +669,8 @@ var documentsMain = {
// successfull shutdown - all is good.
// TODO: proper session leaving call to server, either by webodfServerInstance or custom
// documentsMain.webodfServerInstance.leaveSession(sessionId, memberId, function() {
- if (documentsMain.isGuest){
- $(document.body).attr('id', 'body-login');
- $('header,footer').show();
- }
+
+ $('header,footer,nav').show();
documentsMain.webodfEditorInstance.destroy(documentsMain.UI.hideEditor);
var url = '';
@@ -557,8 +706,7 @@ var documentsMain = {
documentsMain.webodfEditorInstance.endEditing();
documentsMain.webodfEditorInstance.closeSession(function() {
if (documentsMain.isGuest){
- $(document.body).attr('id', 'body-login');
- $('header,footer').show();
+ $('header,footer,nav').show();
}
documentsMain.webodfEditorInstance.destroy(documentsMain.UI.hideEditor);
});
@@ -574,73 +722,8 @@ var documentsMain = {
return;
}
documentsMain.UI.showProgress(t('documents', 'Loading documents...'));
- jQuery.when(documentsMain.loadDocuments())
- .then(function(){
- documentsMain.renderDocuments();
- documentsMain.UI.hideProgress();
- });
- },
-
- loadDocuments: function () {
- var self = this;
- var def = new $.Deferred();
- jQuery.getJSON(OC.generateUrl('apps/documents/ajax/documents/list'))
- .done(function (data) {
- self._documents = data.documents;
- self._sessions = data.sessions;
- self._members = data.members;
- def.resolve();
- })
- .fail(function(data){
- console.log(t('documents','Failed to load documents.'));
- });
- return def;
- },
-
- renderDocuments: function () {
- var self = this,
- hasDocuments = false;
-
- //remove all but template
- $('.documentslist .document:not(.template,.progress)').remove();
-
- jQuery.each(this._documents, function(i,document){
- var docElem = $('.documentslist .template').clone();
- docElem.removeClass('template');
- docElem.addClass('document');
- docElem.attr('data-id', document.fileid);
-
- var a = docElem.find('a');
- a.attr('href', OC.generateUrl('apps/files/download{file}',{file:document.path}));
- a.find('label').text(document.name);
- a.css('background-image', 'url("'+document.icon+'")');
- Files.lazyLoadPreview(document.path, document.mimetype, function(node){ return function(path){node.css('background-image', 'url("'+ path +'")');}; }(a), 200, 200, document.etag, document.icon);
-//function(path, mime, ready, width, height, etag) {
- $('.documentslist').append(docElem);
- docElem.show();
- hasDocuments = true;
- });
- jQuery.each(this._sessions, function(i,session){
- if (self._members[session.es_id].length > 0) {
- var docElem = $('.documentslist .document[data-id="'+session.file_id+'"]');
- if (docElem.length > 0) {
- docElem.attr('data-esid', session.es_id);
- docElem.find('label').after('+')
');
- docElem.addClass('session');
- } else {
- console.log('Could not find file '+session.file_id+' for session '+session.es_id);
- }
- }
- });
-
- if (!hasDocuments){
- $('#documents-content').append('
'
- + t('documents', 'No documents are found. Please upload or create a document!')
- + '
'
- );
- } else {
- $('#emptycontent').remove();
- }
+ documentsMain.docs.documentGrid('render');
+ documentsMain.UI.hideProgress();
}
};
@@ -686,59 +769,6 @@ var Files = Files || {
return true;
},
- generatePreviewUrl : function(urlSpec) {
- urlSpec = urlSpec || {};
- if (!urlSpec.x) {
- urlSpec.x = $('#filestable').data('preview-x');
- }
- if (!urlSpec.y) {
- urlSpec.y = $('#filestable').data('preview-y');
- }
- urlSpec.y *= window.devicePixelRatio;
- urlSpec.x *= window.devicePixelRatio;
- urlSpec.forceIcon = 0;
- return OC.generateUrl('/core/preview.png?') + $.param(urlSpec);
- },
-
- lazyLoadPreview : function(path, mime, ready, width, height, etag, defaultIcon) {
- var urlSpec = {};
- var previewURL;
- ready(defaultIcon); // set mimeicon URL
-
- urlSpec.file = Files.fixPath(path);
- if (etag){
- // use etag as cache buster
- urlSpec.c = etag;
- } else {
- console.warn('Files.lazyLoadPreview(): missing etag argument');
- }
-
- urlSpec.x = width;
- urlSpec.y = height;
- if ( $('#isPublic').length ) {
- urlSpec.t = $('#dirToken').val();
- }
- previewURL = Files.generatePreviewUrl(urlSpec);
- previewURL = previewURL.replace('(', '%28');
- previewURL = previewURL.replace(')', '%29');
-
- // preload image to prevent delay
- // this will make the browser cache the image
- var img = new Image();
- img.onload = function(){
- //set preview thumbnail URL
- ready(previewURL);
- };
- img.src = previewURL;
- },
-
- fixPath: function(fileName) {
- if (fileName.substr(0, 2) === '//') {
- return fileName.substr(1);
- }
- return fileName;
- },
-
updateStorageStatistics: function(){}
},
FileList = FileList || {};
@@ -750,6 +780,10 @@ FileList.getCurrentDirectory = function(){
$(document).ready(function() {
"use strict";
+ documentsMain.docs = $('.documentslist').documentGrid();
+ documentsMain.overlay = $('').documentOverlay();
+ documentsMain.toolbar = $('').documentToolbar();
+
$('.documentslist').on('click', 'li:not(.add-document)', function(event) {
event.preventDefault();
@@ -763,7 +797,7 @@ $(document).ready(function() {
}
});
- $(document.body).on('click', '#document-title>div', documentsMain.onRenamePrompt);
+ $(document.body).on('click', '#document-title-container', documentsMain.onRenamePrompt);
$(document.body).on('click', '#odf-close', documentsMain.onClose);
$(document.body).on('click', '#odf-invite', documentsMain.onInvite);
@@ -774,15 +808,14 @@ $(document).ready(function() {
if (typeof supportAjaxUploadWithProgress !== 'undefined' && supportAjaxUploadWithProgress()) {
file_upload_start.on('fileuploadstart', function(e, data) {
$('#upload').addClass('icon-loading');
- $('.add-document .upload').css({opacity:0})
+ $('.add-document .upload').css({opacity:0});
});
}
file_upload_start.on('fileuploaddone', function(){
$('#upload').removeClass('icon-loading');
- $('.add-document .upload').css({opacity:0.7})
+ $('.add-document .upload').css({opacity:0.7});
documentsMain.show();
});
- //TODO when ending a session as the last user close session?
OC.addScript('documents', '3rdparty/webodf/dojo-amalgamation', documentsMain.onStartup);
});