Działający edytor CodeMirror.

diff --git a/project/static/css/master.css b/project/static/css/master.css
index 6ac3696..1a110b5 100644 (file)
--- a/project/static/css/master.css
+++ b/project/static/css/master.css
@@ -359,3 +359,11 @@ text#commit-dialog-message {
     height: 100%;
     background-color: #CCC;
 }
+
+.panel-container {
+    height: 100%;
+}
+
+.xmlview {
+    height: 100%;
+}

diff --git a/project/static/js/views/xml.js b/project/static/js/views/xml.js
index 529253b..4ed9fc0 100644 (file)
--- a/project/static/js/views/xml.js
+++ b/project/static/js/views/xml.js
@@ -1,12 +1,34 @@
-/*global Class render_template panels */
+/*global Class CodeMirror render_template panels */
 var XMLView = Class.extend({
   element: null,
   template: 'xml-view-template',
+  editor: null,
   
   init: function(element, template) {
     this.element = $(element);
     this.template = template || this.template;
     this.element.html(render_template(this.template, {}));
+    
+    var self = this;
+       this.editor = CodeMirror.fromTextArea($('textarea', this.element)[0], {
+      parserfile: 'parsexml.js',
+      path: "/static/js/lib/codemirror/",
+      stylesheet: "/static/css/xmlcolors.css",
+      parserConfig: {useHTMLKludges: false},
+      // onChange: function() {
+      //        self.fireEvent('contentChanged');
+      // },
+      initCallback: function(editor) {
+        console.log('whatever');
+        // editor.grabKeys(
+        //   $.fbind(self, self.hotkeyPressed),
+        //   $.fbind(self, self.isHotkey)
+        // );
+        editor.setCode('Ala ma kota a kot ma Alę!');
+      }
+    });
+    console.log(this.editor);
+    $(this.editor.frame).css({width: '100%', height: '100%'});
   },
   
   dispose: function() {