From 71049f33bd15585a7b12f632ced2c6ce4755820b Mon Sep 17 00:00:00 2001
From: Roberto Rosario <Roberto.Rosario.Gonzalez@gmail.com>
Date: Sun, 1 May 2011 22:57:35 -0400
Subject: [PATCH] Display loading spinner while document thumbnail is ready

---
 apps/ocr/views.py | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/ocr/views.py b/apps/ocr/views.py
index f90e9893e3..162d66c1da 100644
--- a/apps/ocr/views.py
+++ b/apps/ocr/views.py
@@ -8,6 +8,7 @@ from django.contrib import messages
 from django.views.generic.list_detail import object_list
 from django.core.urlresolvers import reverse
 from django.utils.translation import ugettext as _
+from django.conf import settings
 
 from celery.task.control import inspect
 from permissions.api import check_permissions
@@ -26,9 +27,11 @@ from ocr.api import clean_pages
 
 def _display_thumbnail(ocr_document):
     try:
-        preview_url = reverse('document_preview', args=[ocr_document.document.pk])
-        thumbnail_url = reverse('document_thumbnail', args=[ocr_document.document.pk])
-        return u'<a class="fancybox" href="%s"><img src="%s" alt="%s" /></a>' % (preview_url, thumbnail_url, _(u'thumbnail'))
+        return u'<a class="fancybox" href="%(url)s"><img class="lazy-load" data-href="%(thumbnail_url)s" src="%(media_url)s/images/ajax-loader.gif" /><noscript><img src="%(thumbnail_url)s" /></noscript></a>' % {
+            'url': reverse('document_preview', args=[ocr_document.document.pk]),
+            'thumbnail_url': reverse('document_thumbnail', args=[ocr_document.document.pk]),
+            'media_url': settings.MEDIA_URL
+        }
     except:
         return u''