Consolidate the page thumbnail and staging folder thumbnail widgets.

Update the staging folder file image API end point to work
in the same way the document page image API works.

mayan/apps/appearance/static/appearance/css/base.css

@@ -102,15 +102,6 @@ img.lazy-load-carousel {
     height: 0px;
 }
 
-.tc {
-    margin: auto;
-    text-align: center;
-}
-
-.tc a {
-    text-align: center;
-}
-
 .img-nolazyload {
     border: 1px solid black;
 }
@@ -127,6 +118,10 @@ img.lazy-load-carousel {
     visibility: visible;
 }
 
+.instance-image-widget {
+    text-align: center;
+}
+
 hr {
     margin-top: 5px;
     margin-bottom: 11px;
@@ -148,10 +143,6 @@ hr {
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
 }
 
-.a-caption {
-    color: white;
-}
-
 .radio ul li {
     list-style-type:none;
 }

mayan/apps/appearance/static/appearance/js/base.js

@@ -65,29 +65,6 @@ jQuery(document).ready(function() {
         autoResize  : true,
     });
 
-    $('a.fancybox-staging').click(function(e) {
-        var $this = $(this);
-
-            $.get($this.attr('href'), function( result ) {
-                if (result.status == 'success') {
-                    $.fancybox.open([
-                        {
-                            href : result.data,
-                            title : $this.attr('title'),
-                            openEffect  : 'elastic',
-                            closeEffect : 'elastic',
-                            prevEffect  : 'none',
-                            nextEffect  : 'none',
-                            titleShow   : true,
-                            type        : 'image',
-                            autoResize  : true,
-                        },
-                    ]);
-                }
-            })
-        e.preventDefault();
-    })
-
    $('img.lazy-load').lazyload({
         appear: function(elements_left, settings) {
             loadImage($(this));