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.

This commit is contained in:
Roberto Rosario
2015-01-24 03:36:33 -04:00
parent 56d0c7074d
commit f8621eebba
3 changed files with 6 additions and 5 deletions

View File

@@ -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})
)

View File

@@ -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()

View File

@@ -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;