Automatyczna zmiana wysokości edytora w CSS.

diff --git a/project/static/css/master.css b/project/static/css/master.css
index f7450f5..bbd9815 100644 (file)
--- a/project/static/css/master.css
+++ b/project/static/css/master.css
@@ -80,7 +80,14 @@ label {
 
 #panels {
        position: absolute;
-       bottom: 0px; left: 0px; right: 0px; top: 100px;
+       bottom: 0px; left: 0px; right: 0px; top: 50px;
+}
+
+.panels-mouse-overlay {
+       position: absolute;
+       top: 0px; bottom: 0px; left: 0px; right: 0px;
+       z-index: 0;
+       background: transparent;
 }
 
 .panel-wrap {

diff --git a/project/templates/explorer/file_xml.html b/project/templates/explorer/file_xml.html
index 30c52f7..4bf439c 100644 (file)
--- a/project/templates/explorer/file_xml.html
+++ b/project/templates/explorer/file_xml.html
@@ -14,34 +14,30 @@
 
 {% 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>
-                        <div id="left-panel-toolbar" class="panel-toolbar">
+                     <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>
+                               <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">&nbsp;</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">
+                <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>
+                    </select>
+                 </div>
+                 <div id="right-panel-contents" class="panel-contents"></div>
             </div>
         </div>
 {% endblock maincontent %}    

diff --git a/project/templates/explorer/panels/xmleditor.html b/project/templates/explorer/panels/xmleditor.html
index ef5976c..8115308 100644 (file)
--- a/project/templates/explorer/panels/xmleditor.html
+++ b/project/templates/explorer/panels/xmleditor.html
@@ -1,10 +1,34 @@
 {% load toolbar_tags %}
 
-<div class="panel">
-    {% toolbar %}
-    <textarea name="text" width="480px">{{ text }}</textarea>
+{% toolbar %}
+<div class="iframe-container" style="position: absolute; top: 48px; left:0px; right:0px; bottom: 0px;">
+       <textarea name="text">{{ text }}</textarea>
 </div>
+
 <script type="text/javascript" charset="utf-8">
+(function() {
+       function xmleditor_onload(event, me) {
+               console.log('loading: ', me);
+               var textareaId = 'xmleditor-' + Math.ceil(Math.random() * 1000000000);
+               $('textarea', panel).attr('id', textareaId);
+               var editor = CodeMirror.fromTextArea(textareaId, {
+                       parserfile: 'parsexml.js',
+                       path: "/static/js/codemirror/",
+                       stylesheet: "/static/css/xmlcolors.css",
+                       parserConfig: {useHTMLKludges: false},
+               })
+               console.log('Frame is: ', editor.frame);
+               var frame = $(editor.frame)
+               frame.css({width: '100%', height: '100%', background: 'yellow'});
+       };
+
+       function xmleditor_onunload(event, me) {}
+
+       panel(xmleditor_onload, xmleditor_onunload);
+})();
+</script>
+
+<!-- <script type="text/javascript" charset="utf-8">
     (function() {
         function resizeEditor(event, panel) {
             var panel = panel || event.data.panel;
@@ -28,4 +52,4 @@
             console.log('unloaded xmleditor panel', panel);
         })
     })();
-</script>
+</script> -->