From f8621eebbad553bec907b1253c2f251a44c1d6f9 Mon Sep 17 00:00:00 2001
From: Roberto Rosario <roberto.rosario.gonzalez@gmail.com>
Date: Sat, 24 Jan 2015 03:36:33 -0400
Subject: [PATCH] Make the difference of the full-height class elements
 variable. Make the document preview and document content windows full screen.
 Make the document preview image scollable by dragging too.

---
 mayan/apps/documents/forms.py            | 2 +-
 mayan/apps/documents/widgets.py          | 4 ++--
 mayan/apps/main/templates/main/base.html | 5 +++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/mayan/apps/documents/forms.py b/mayan/apps/documents/forms.py
index 78e3950b0b..e1a67e4619 100644
--- a/mayan/apps/documents/forms.py
+++ b/mayan/apps/documents/forms.py
@@ -151,7 +151,7 @@ class DocumentContentForm(forms.Form):
 
     contents = forms.CharField(
         label=_('Contents'),
-        widget=TextAreaDiv()
+        widget=TextAreaDiv(attrs={'class': 'text_area_div full-height', 'data-height-difference': 360})
     )
 
 
diff --git a/mayan/apps/documents/widgets.py b/mayan/apps/documents/widgets.py
index 9170277f80..83057433d7 100644
--- a/mayan/apps/documents/widgets.py
+++ b/mayan/apps/documents/widgets.py
@@ -23,7 +23,7 @@ class DocumentPageImageWidget(forms.widgets.Widget):
         rotation = final_attrs.get('rotation', 0)
         if value:
             output = []
-            output.append('<div class="full-height scrollable mayan-page-wrapper-interactive">')
+            output.append('<div class="full-height scrollable mayan-page-wrapper-interactive" data-height-difference=230>')
             output.append(document_html_widget(value.document, page=value.page_number, zoom=zoom, rotation=rotation, image_class='lazy-load-interactive', nolazyload=False, size=DISPLAY_SIZE))
             output.append('</div>')
             return mark_safe(''.join(output))
@@ -37,7 +37,7 @@ class DocumentPagesCarouselWidget(forms.widgets.Widget):
     """
     def render(self, name, value, attrs=None):
         output = []
-        output.append('<div id="carousel-container">')
+        output.append('<div id="carousel-container" class="full-height scrollable" data-height-difference=360>')
 
         try:
             document_pages = value.pages.all()
diff --git a/mayan/apps/main/templates/main/base.html b/mayan/apps/main/templates/main/base.html
index f9de942ec5..475b18d544 100644
--- a/mayan/apps/main/templates/main/base.html
+++ b/mayan/apps/main/templates/main/base.html
@@ -409,10 +409,11 @@
                     });
                 });
                 $('.scrollable').scrollview();
-                $('.full-height').height($(window).height() - 230);
+                $('.full-height').height($(window).height() - $('.full-height').data('heightDifference'));
                 $(window).resize(function() {
-                    $('.full-height').height($(window).height() - 230);
+                    $('.full-height').height($(window).height() - $('.full-height').data('heightDifference'));
                 });
+
                 $('.no-parent-history', this).click(function() {
                     location.replace(this.href);
                     return false;