X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/0c64954c4295bea6529f13fa027341ce50dfd4fa..53aa67dfd12e44e9ed8fffabec228ec7a4e2d144:/project/templates/explorer/file_xml.html?ds=inline diff --git a/project/templates/explorer/file_xml.html b/project/templates/explorer/file_xml.html index 08e42e4c..30c52f72 100644 --- a/project/templates/explorer/file_xml.html +++ b/project/templates/explorer/file_xml.html @@ -1,74 +1,47 @@ {% extends "base.html" %} {% block extrahead %} - <script src="/static/js/jquery.fieldselection.js" type="text/javascript" charset="utf-8"></script> - <script type="text/javascript" charset="utf-8"> - function aboveViewport(container, element, treshold) { - return $(container).offset().top >= $(element).offset().top + $(element).height() + treshold; - } - - function belowViewport(container, element, treshold) { - return $(container).offset().top + $(container).height() + treshold <= $(element).offset().top; - } - - var TRESHOLD = 600; - var lastScroll = -1000; - - function checkScroll() { - if (Math.abs($('#images').scrollTop() - lastScroll) > 300) { - var container = $('#images'); - lastScroll = container.scrollTop(); - - $('#images .image-box').each(function() { - if (aboveViewport(container, this, TRESHOLD)) { - $(this).html('loading...'); - } else if (belowViewport(container, this, TRESHOLD)) { - $(this).html('loading...'); - } else { - $(this).html('<img src="' + $(this).attr('src') + '" width="460" height="460"/>'); - } - }) - } - setTimeout(checkScroll, 2000); - } - - function addEditorButton(label, fn) { - $('<button type="button">' + label + '</button>').click(function(event) { - var text = $('#id_text').getSelection().text; - $('#id_text').replaceSelection(fn(text)); - event.preventDefault(); - }).appendTo('#buttons'); - } - - $(function() { - $('#id_folders').change(function() { - $('#images').load('/images/' + $('#id_folders').val() + '/', function() { - lastScroll = -1000; - }); - }); - - addEditorButton('utwór', function(text) { return '<utwor>' + text + '</utwor>'; }); - addEditorButton('akap', function(text) { return '<akap>' + text + '</akap>'; }); - - setTimeout(checkScroll, 2000); - }); - </script> + <script src="/static/js/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script> + <script src="/static/js/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script> + <script src="/static/js/jquery.autoscroll.js" type="text/javascript" charset="utf-8"></script> + <script src="/static/js/jquery.wtooltip.js" type="text/javascript" charset="utf-8"></script> +<!-- <script src="/static/js/jquery.resizable.js" type="text/javascript" charset="utf-8"></script> --> + <script src="/static/js/jquery.hpanel.js" type="text/javascript" charset="utf-8"></script> + <script src="/static/js/panels.js" type="text/javascript" charset="utf-8"></script> {% endblock extrahead %} -{% block breadcrumbs %}<a href="/">Platforma Redakcyjna</a> ⯠plik {{ hash }}{% endblock breadcrumbs %} +{% block breadcrumbs %}<a href="{% url file_list %}">Platforma Redakcyjna</a> ⯠plik {{ hash }}{% endblock breadcrumbs %} {% block maincontent %} - <div id="tabs"><a href="{% url file_xml hash %}" class="active">ŹródÅo</a><a href="{% url file_html hash %}">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> - <form action="." method="post" accept-charset="utf-8"> - <div id="buttons"></div> - {{ form.text }} - {{ form.user.errors }} - <p>Użytkownik: {{ form.user }}</p> - {{ form.commit_message.errors }} - <p>Opis zmian: {{ form.commit_message }} <input type="submit" value="Zapisz"/></p> - </form> + <div id="panels"> + <div id="left-panel-wrap" class="panel-wrap"> + <div id="left-panel" class="panel"> + <div> + <div id="left-panel-toolbar" class="panel-toolbar"> + <label for="select-left-panel">Lewy panel:</label> + <select name="select-left-panel" id="select-left-panel"> + <option value="{% url xmleditor_panel hash %}">Edytor XML</option> + <option value="{% url htmleditor_panel hash %}">Edytor HTML</option> + <option value="{% url gallery_panel hash %}">Galeria skanów</option> </select> + </div> + <div id="left-panel-contents" class="panel-contents"></div> + </div> + <button class="panel-slider"> </button> + </div> + </div> + <div id="right-panel-wrap" class="panel-wrap no-slider"> + <div id="right-panel" class="panel"> + <div id="right-panel-toolbar" class="panel-toolbar"> + <label for="select-right-panel">Prawy panel:</label> + <select name="select-right-panel" id="select-right-panel"> + <option value="{% url xmleditor_panel hash %}">Edytor XML</option> + <option value="{% url htmleditor_panel hash %}">Edytor HTML</option> + <option value="{% url gallery_panel hash %}">Galeria skanów</option> + </select> + </div> + <div id="right-panel-contents" class="panel-contents"> + </div> + </div> + </div> + </div> {% endblock maincontent %}