{% 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"> </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="images">
+ <p>Aby zobaczyć obrazki wybierz folder z obrazkami powyżej.</p>
+ </div>
<div id="file-text">
{{ object|safe }}
</div>