X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/38343a3fc11f5509c8522fec94c0ae7085b7244f..8dab5054c8fd93cbb2c3067fe48a5efff0c75867:/project/templates/explorer/file_html.html diff --git a/project/templates/explorer/file_html.html b/project/templates/explorer/file_html.html index 8fed0828..ab8e40b4 100644 --- a/project/templates/explorer/file_html.html +++ b/project/templates/explorer/file_html.html @@ -1,9 +1,41 @@ {% extends "base.html" %} +{% block extrahead %} + <script src="/static/js/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script> + <script type="text/javascript" charset="utf-8"> + $(function() { + $('#id_folders').change(function() { + $('#images').load('/images/' + $('#id_folders').val() + '/', function() { + $('#images').data('lastScroll', -1000); + }); + }); + + function resizePanels() { + $('#images-wrap').height($(window).height() - 80); + $('#file-text').height($(window).height() - 80); + } + + $(window).resize(resizePanels) + resizePanels(); + + $('#images-wrap').lazyload('.image-box', {threshold: 600}); + }); + </script> +{% endblock extrahead %} + {% block breadcrumbs %}<a href="/">Platforma Redakcyjna</a> ⯠plik {{ hash }}{% endblock breadcrumbs %} {% block maincontent %} - <div id="tabs"><a href="{% url file_xml hash %}">ŹródÅo</a><a href="{% url file_html hash %}" class="active">HTML</a><div style="clear: both; height: 0; width: 0"> </div></div> + <div id="tabs"><a href="{% url file_xml hash %}">ŹródÅo</a><a href="{% url file_html hash %}" class="active">HTML</a><div style="padding: 3px; margin-left: 10px">{{ image_folders_form.folders }}</div><div style="clear: both; height: 0; width: 0"> </div></div> + + <div id="sidebar"> + <div id="images-wrap"> + <div id="images"> + <p>Aby zobaczyÄ obrazki wybierz folder z obrazkami powyżej.</p> + </div> + </div> + <div id="toggle-sidebar"></div> + </div> <div id="file-text"> {{ object|safe }} </div>