Empty folder message is back

css/style.css

@@ -1,5 +1,7 @@
-#emptyfolder {
-	position:absolute; margin:10em 0 0 10em;
+#documents-content #emptyfolder {
+	position: static;
+	margin:0;
+	text-align:center;
 	font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0;
 }
 

js/documents.js

@@ -272,7 +272,8 @@ var documentsMain = {
 	},
 	
 	renderDocuments: function () {
-		var self = this;
+		var self = this,
+		hasDocuments = false;
 
 		//remove all but template
 		$('.documentslist .document:not(.template)').remove();
@@ -290,6 +291,7 @@ var documentsMain = {
 
 			$('.documentslist').append(docElem);
 			docElem.show();
+			hasDocuments = true;
 		});
 		jQuery.each(this._sessions, function(i,session){
 			if (self._members[session.es_id].length > 0) {
@@ -303,6 +305,15 @@ var documentsMain = {
 				}
 			}
 		});
+		
+		if (!hasDocuments){
+			$('#documents-content').append('<div id="emptyfolder">'
+				+ t('documents', 'No documents are found. Please upload or create a document!')
+				+ '</div>'
+			);
+		} else {
+			$('#emptyfolder').remove();
+		}
 	}
 };
 
@@ -336,7 +347,6 @@ $(document).ready(function() {
 	documentsMain.show();
 	var file_upload_start = $('#file_upload_start');
 	file_upload_start.on('fileuploaddone', documentsMain.show);
-	//TODO show "no docs, please upload"
 	//TODO when ending a session as the last user close session?
 
 	OC.addScript('documents', '3rdparty/webodf/webodf_bootstrap', documentsMain.onStartup);

templates/documents.php

@@ -1,5 +1,3 @@
-<div id="editor-content">
-</div>
 <div id="documents-content">
 	<ul class="documentslist">
 		<li class="add-document">