-/*global View CodeMirror render_template panels */
+/*global View CodeMirror ButtonToolbarView render_template panels */
var XMLView = View.extend({
_className: 'XMLView',
element: null,
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), {
});
},
+ 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)