X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/f46d9319a26b5cf74fcf5aa24a5a8df18f1bda74..9c3c3bf7dd4eb215e3e215d581fa72c276b03a25:/project/static/js/views/xml.js diff --git a/project/static/js/views/xml.js b/project/static/js/views/xml.js index 9de8d2a1..460317bc 100644 --- a/project/static/js/views/xml.js +++ b/project/static/js/views/xml.js @@ -1,4 +1,4 @@ -/*global View CodeMirror render_template panels */ +/*global View CodeMirror ButtonToolbarView render_template panels */ var XMLView = View.extend({ _className: 'XMLView', element: null, @@ -10,6 +10,11 @@ var XMLView = View.extend({ init: function(element, model, parent, template) { this._super(element, model, template); this.parent = parent; + this.buttonToolbar = new ButtonToolbarView( + $('.xmlview-toolbar', this.element), + this.model.toolbarButtonsModel, parent); + + $('.xmlview-toolbar', this.element).bind('resize.xmlview', this.resized.bind(this)); this.parent.freeze('Ładowanie edytora...'); this.editor = new CodeMirror($('.xmlview', this.element).get(0), { @@ -25,22 +30,26 @@ var XMLView = View.extend({ }); }, + resized: function(event) { + var height = this.element.height() - $('.xmlview-toolbar', this.element).outerHeight(); + console.log('.xmlview height =', height); + $('.xmlview', this.element).height(height); + }, + editorDidLoad: function(editor) { $(editor.frame).css({width: '100%', height: '100%'}); - this.model .addObserver(this, 'data', this.modelDataChanged.bind(this)) .addObserver(this, 'synced', this.modelSyncChanged.bind(this)); this.parent.unfreeze(); - + + this.editor.setCode(this.model.get('data')); if (!this.model.get('synced')) { this.parent.freeze('Niezsynchronizowany...'); this.model.load(); - } else { - this.editor.setCode(this.model.get('data')); } - + // editor.grabKeys( // $.fbind(self, self.hotkeyPressed), // $.fbind(self, self.isHotkey)