From eee32b1483a26a3faa9ad19beb32cfd57aca6c4b Mon Sep 17 00:00:00 2001 From: Lukasz Rekucki <lreqc@localhost.(none)> Date: Sun, 23 Aug 2009 18:02:49 +0200 Subject: [PATCH] =?utf8?q?Automatyczna=20zmiana=20wysoko=C5=9Bci=20edytora?= =?utf8?q?=20w=20CSS.?= MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit --- project/static/css/master.css | 9 +++++- project/templates/explorer/file_xml.html | 24 ++++++-------- .../templates/explorer/panels/xmleditor.html | 32 ++++++++++++++++--- 3 files changed, 46 insertions(+), 19 deletions(-) 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"> </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> --> -- 2.20.1