Show loader message. Closes #117

css/style.css

@@ -62,6 +62,11 @@
 	background: #e8e8e8 url('%webroot%/core/img/loading.gif') 50% 50% no-repeat;
 }
 
+.documentslist .progress div{
+	margin-top: 144px;
+	text-align: center;
+}
+
 .documentslist .document:hover,
 .documentslist .document a:focus {
 	background-color: #ddd;

js/documents.js

@@ -88,7 +88,11 @@ var documentsMain = {
 					$('title').text(documentsMain.UI.mainTitle);
 				});
 		},
-		showProgress : function(){
+		showProgress : function(message){
+			if (!message){
+				message = ' ';
+			}
+			$('.documentslist .progress div').text(message);
 			$('.documentslist .progress').show();
 		},
 		
@@ -420,7 +424,7 @@ var documentsMain = {
 		if (documentsMain.isGuest){
 			return;
 		}
-		documentsMain.UI.showProgress();
+		documentsMain.UI.showProgress(t('documents', 'Loading documents...'));
 		jQuery.when(documentsMain.loadDocuments())
 			.then(function(){
 				documentsMain.renderDocuments();

templates/documents.php

@@ -28,7 +28,7 @@
 				</form>
 			</div>
 		</li>
-		<li class="progress">&nbsp;</li>
+		<li class="progress"><div><?php p($l->t('Loading documents...')); ?></div></li>
 		<li class="document template" data-id="" style="display:none;">
 			<a target="_blank" href=""><label></label></a>
 		</li>