From: Lukasz Rekucki <lreqc@localhost.(none)>
Date: Sun, 23 Aug 2009 16:02:49 +0000 (+0200)
Subject: Automatyczna zmiana wysokości edytora w CSS.
X-Git-Url: https://git.mdrn.pl/redakcja.git/commitdiff_plain/eee32b1483a26a3faa9ad19beb32cfd57aca6c4b?ds=inline

Automatyczna zmiana wysokości edytora w CSS.
---

diff --git a/project/static/css/master.css b/project/static/css/master.css
index f7450f52..bbd98155 100644
--- 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 30c52f72..4bf439c4 100644
--- 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 ef5976c5..81153085 100644
--- 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> -->