X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/38343a3fc11f5509c8522fec94c0ae7085b7244f..01d8396fa9a6baf7276659e6afc625fd0f7a25b7:/project/templates/explorer/file_html.html

diff --git a/project/templates/explorer/file_html.html b/project/templates/explorer/file_html.html
index 8fed0828..f3fe1876 100644
--- a/project/templates/explorer/file_html.html
+++ b/project/templates/explorer/file_html.html
@@ -1,9 +1,28 @@
 {% 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);
+                });
+            });
+            
+            $('#images').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">&nbsp;</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">&nbsp;</div></div>    
+
+    <div id="images">
+        <p>Aby zobaczyć obrazki wybierz folder z obrazkami powyżej.</p>
+    </div>
     <div id="file-text">
     {{ object|safe }}
     </div>