X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/b348abeb083671e831f711d3d41949a9b3f3a7b4..1eb24182f3aa52108546f0cacd17e52e54a3a57c:/project/static/js/views/xml.js diff --git a/project/static/js/views/xml.js b/project/static/js/views/xml.js index 460317bc..caafa715 100644 --- a/project/static/js/views/xml.js +++ b/project/static/js/views/xml.js @@ -32,24 +32,25 @@ 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); }, + reload: function() { + this.model.load(true); + }, + 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)); + .addObserver(this, 'state', this.modelStateChanged.bind(this)) + .load(); this.parent.unfreeze(); this.editor.setCode(this.model.get('data')); - if (!this.model.get('synced')) { - this.parent.freeze('Niezsynchronizowany...'); - this.model.load(); - } - + this.modelStateChanged('state', this.model.get('state')); + // editor.grabKeys( // $.fbind(self, self.hotkeyPressed), // $.fbind(self, self.isHotkey) @@ -66,11 +67,17 @@ var XMLView = View.extend({ } }, - modelSyncChanged: function(property, value) { - if (value) { - this.parent.unfreeze(); - } else { - this.parent.freeze('Niezsynchronizowany...'); + modelStateChanged: function(property, value) { + if (value == 'synced' || value == 'dirty') { + this.unfreeze(); + } else if (value == 'unsynced') { + this.freeze('Niezsynchronizowany...'); + } else if (value == 'loading') { + this.freeze('Ładowanie...'); + } else if (value == 'saving') { + this.freeze('Zapisywanie...'); + } else if (value == 'error') { + this.freeze(this.model.get('error')); } },