project/templates/explorer/file_html.html

   1 {% extends "base.html" %}
   2
   3 {% block extrahead %}
   4     <script src="/static/js/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
   5     <script type="text/javascript" charset="utf-8">
   6         $(function() {
   7             $('#id_folders').change(function() {
   8                 $('#images').load('/images/' + $('#id_folders').val() + '/', function() {
   9                     $('#images').data('lastScroll', -1000);
  10                 });
  11             });
  12
  13             function resizePanels() {
  14                 $('#images-wrap').height($(window).height() - 80);
  15                 $('#file-text').height($(window).height() - 80);
  16             }
  17
  18             $(window).resize(resizePanels)
  19             resizePanels();
  20
  21             $('#images-wrap').lazyload('.image-box', {threshold: 600});
  22         });
  23     </script>
  24 {% endblock extrahead %}
  25
  26 {% block breadcrumbs %}<a href="/">Platforma Redakcyjna</a> ❯ plik {{ hash }}{% endblock breadcrumbs %}
  27
  28 {% block maincontent %}
  29     <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>
  30
  31     <div id="sidebar">
  32         <div id="images-wrap">
  33             <div id="images">
  34                 <p>Aby zobaczyć obrazki wybierz folder z obrazkami powyżej.</p>
  35             </div>
  36         </div>
  37         <div id="toggle-sidebar"></div>
  38     </div>
  39     <div id="file-text">
  40     {{ object|safe }}
  41     </div>
  42 {% endblock maincontent %}