X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/af0452ad29bec28c7095f144e11337e0972b7670..514e98aeae05045d0086aae39960124a572e646f:/platforma/static/js/views/xml.js?ds=sidebyside diff --git a/platforma/static/js/views/xml.js b/platforma/static/js/views/xml.js deleted file mode 100644 index 0dd5453f..00000000 --- a/platforma/static/js/views/xml.js +++ /dev/null @@ -1,189 +0,0 @@ -/*global View CodeMirror ToolbarView render_template panels */ -var XMLView = View.extend({ - _className: 'XMLView', - element: null, - model: null, - template: 'xml-view-template', - editor: null, - buttonToolbar: null, - - init: function(element, model, parent, template) { - var submodel = model.contentModels['xml']; - this._super(element, submodel, template); - - this.parent = parent; - - this.buttonToolbar = new ButtonToolbarView( - $('.xmlview-toolbar', this.element), - this.model.toolbarButtonsModel, parent); - - this.hotkeys = []; - var self = this; - - $('.xmlview-toolbar', this.element).bind('resize.xmlview', this.resized.bind(this)); - - // scroll to the given position (if availble) - this.scrollCallback = this.scrollOnRequest.bind(this); - $(document).bind('xml-scroll-request', this.scrollCallback); - - this.parent.freeze('Ładowanie edytora...'); - - setTimeout((function(){ - - this.editor = new CodeMirror($('.xmlview', this.element).get(0), { - parserfile: 'parsexml.js', - path: documentInfo.staticURL + "js/lib/codemirror/", - stylesheet: documentInfo.staticURL + "css/xmlcolors.css", - parserConfig: { - useHTMLKludges: false - }, - textWrapping: true, - tabMode: 'spaces', - indentUnit: 0, - onChange: this.editorDataChanged.bind(this), - initCallback: this.editorDidLoad.bind(this) - }); - - }).bind(this), 0); - }, - - resized: function(event) { - var height = this.element.height() - $('.xmlview-toolbar', this.element).outerHeight(); - $('.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, 'state', this.modelStateChanged.bind(this)) - .load(); - - this.editor.setCode(this.model.get('data')); - this.modelStateChanged('state', this.model.get('state')); - - editor.grabKeys( - this.hotkeyPressed.bind(this), - this.isHotkey.bind(this) - ); - - this.parent.unfreeze(); - }, - - editorDataChanged: function() { - this.model.set('data', this.editor.getCode()); - }, - - modelDataChanged: function(property, value) { - if (this.editor.getCode() != value) { - this.editor.setCode(value); - } - }, - - 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 danych...'); - } else if (value == 'saving') { - this.freeze('Zapisywanie...'); - } else if (value == 'error') { - this.freeze(this.model.get('error')); - } - }, - - dispose: function() { - $(document).unbind('xml-scroll-request', this.scrollCallback); - - this.model.removeObserver(this); - $(this.editor.frame).remove(); - this._super(); - }, - - getHotkey: function(event) { - var code = event.keyCode; - if(!((code >= 97 && code <= 122) - || (code >= 65 && code <= 90)) ) return null; - - var ch = String.fromCharCode(code & 0xff).toLowerCase(); - /* # console.log(ch.charCodeAt(0), '#', buttons); */ - - var buttons = $('.buttontoolbarview-button[hotkey='+ch+']', this.element); - var mod = 0; - - if(event.altKey) mod |= 0x01; - if(event.ctrlKey) mod |= 0x02; - if(event.shiftKey) mod |= 0x04; - - if(buttons.length) { - var match = null; - - buttons.each(function() { - if( parseInt($(this).attr('ui:hotkey_mod')) == mod ) { - match = this; - return; - } - }) - - return match; - } - else { - return null; - } - }, - - isHotkey: function() { - /* console.log(arguments); */ - if(this.getHotkey.apply(this, arguments)) - return true; - else - return false; - }, - - hotkeyPressed: function() { - var button = this.getHotkey.apply(this, arguments); - this.buttonToolbar.buttonPressed({ - target: button - }); - }, - - scrollOnRequest: function(event, data) - { - try { - var line = this.editor.nthLine(data.line); - this.editor.selectLines(line, (data.column-1)); - } catch(e) { - console.log('Exception in scrollOnRequest:', e); - } - } - -}); - -function Hotkey(code) { - this.code = code; - this.has_alt = ((code & 0x01 << 8) !== 0); - this.has_ctrl = ((code & 0x01 << 9) !== 0); - this.has_shift = ((code & 0x01 << 10) !== 0); - this.character = String.fromCharCode(code & 0xff); -} - -Hotkey.prototype.toString = function() { - var mods = []; - if(this.has_alt) mods.push('Alt'); - if(this.has_ctrl) mods.push('Ctrl'); - if(this.has_shift) mods.push('Shift'); - mods.push('"'+this.character+'"'); - return mods.join('+'); -}; - -// Register view -panels['xml'] = XMLView;