{% extends "base.html" %}
-{% load toolbar_tags %}
{% block extrahead %}
<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.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 maincontent %}
<div id="panels">
+ <div class="panels-mouse-overlay"><!-- mouse overlay --></div>
<div id="left-panel-wrap" class="panel-wrap">
<div id="left-panel" class="panel">
- <div id="slider" style="float: right"></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="panel1">Panel 1</option>
- <option value="panel2">Panel 2</option>
- </select>
- <div id="left-panel-contents" class="panel-contents">
- </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>
+ <button class="panel-slider"> </button>
</div>
</div>
- <div id="right-panel-wrap" class="panel-wrap">
- <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="panel1">Panel 1</option>
- <option value="panel2">Panel 2</option>
- </select>
- <div id="right-panel-contents" class="panel-contents">
- </div>
- </div>
- {# <textarea id="id_text" name="text" width="480px">{{ form.text.field.initial }}</textarea> #}
- </div>
+ <div id="right-panel-wrap" class="panel-wrap no-slider">
+ <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 id="toggle-sidebar" style="float: right"></div> #}
- {# <div id="whatever"> #}
- {# <div id="sidebar-toolbar"> #}
- {# <ol id="sidebar-tabs"> #}
- {# <li>Tab</li> #}
- {# <li>Tab 2</li> #}
- {# </ol> #}
- {# </div> #}
- {# <div id="images-wrap"> #}
- {# #}
- {# <div style="clear: both; height: 0; width: 0"> </div> #}
- {# <div id="images"> #}
- {# <p>Aby zobaczyć obrazki wybierz folder poniżej:</p> #}
- {# <p>{{ image_folders_form.folders }}</p> #}
- {# </div> #}
- {# </div> #}
- {# </div> #}
- {# </div> #}
- {# {% toolbar %} #}
</div>
{% endblock maincontent %}