var CloudCommander, Util, DOM, CloudFunc, CodeMirror; /* object contains editors CodeMirror */ (function(){ "use strict"; var cloudcmd = CloudCommander, KeyBinding = CloudCommander.KeyBinding, CodeMirrorEditor = {}, FM, CodeMirrorElement, CodeMirrorLoaded = false, /* indicator says CodeMirror still loads */ Loading = false, ReadOnly = false; cloudcmd.Editor = { get : (function(){ return this.CodeMirror; }) }; /* private functions */ function setCSS(){ return DOM.cssSet({ id : 'editor', inner : '.CodeMirror{' + 'font-family' + ': \'Droid Sans Mono\';' + 'font-size' + ': 15px;' + /* codemirror v3 */ //'height : ' + cloudcmd.HEIGHT + 'px' + '}' + '.CodeMirror-scroll{' + 'height' + ':' + cloudcmd.HEIGHT + 'px' + '}' + '#CodeMirrorEditor{' + 'float' + ':' + DOM.getPanel().id + // 'padding :20px 20px 20px 20px;' + '}' }); } /** * function initialize CodeMirror * @param {value, callback} */ function initCodeMirror(pData){ if(!pData) pData = {}; if(!FM) FM = DOM.getFM(); var lCSS = setCSS(); CodeMirrorElement = DOM.anyload({ name : 'div', id : 'CodeMirrorEditor', className : 'panel', parent : FM }); CodeMirrorEditor.CodeMirror = new CodeMirror(CodeMirrorElement,{ mode : 'javascript', value : pData.data, theme : 'night', lineNumbers : true, //переносим длинные строки lineWrapping: false, autofocus : true, extraKeys: { //Сохранение 'Esc': function(){ DOM.remove(lCSS, document.head); Util.exec(pData.callback); } }, readOnly : ReadOnly }); } /** * function loads CodeMirror js and css files */ function load(pCallBack){ console.time('codemirror load'); var lDir = cloudcmd.LIBDIRCLIENT + 'editor/codemirror/'; DOM.anyLoadOnLoad([ lDir + 'codemirror.css', lDir + 'theme/night.css', lDir + 'mode/javascript.js', lDir + 'codemirror.js'], function(){ console.timeEnd('codemirror load'); CodeMirrorLoaded = true; Util.exec(pCallBack); } ); } /** * function shows CodeMirror editor */ CodeMirrorEditor.show = function(pCallBack){ /* if CodeMirror function show already * called do not call it again * if f4 key pressed couple times */ if(Loading) return; /* getting link */ var lCurrentFile = DOM.getCurrentFile(), lA = DOM.getCurrentLink(lCurrentFile); lA = lA.href; /* убираем адрес хоста*/ lA = lA.replace(cloudcmd.HOST, ''); /* checking is this link is to directory */ var lSize = DOM.getByClass('size', lCurrentFile); if(lSize){ lSize = lSize[0].textContent; /* if directory - load json * not html data */ if (lSize === ''){ var lIndexOfNOJS = lA.indexOf(CloudFunc.NOJS); if (lIndexOfNOJS === CloudFunc.FS.length){ lA = lA.replace(CloudFunc.NOJS, ''); /* when folder view * is no need to edit * data */ ReadOnly = true; } } } Loading = true; setTimeout(function(){ Loading = false; }, 400); /* reading data from current file */ DOM.ajax({ url:lA, error: function(jqXHR, textStatus, errorThrown){ Loading = false; return DOM.Images.showError(jqXHR); }, success:function(data, textStatus, jqXHR){ /* if we got json - show it */ if(typeof data === 'object') data = JSON.stringify(data, null, 4); var lHided = DOM.hidePanel(); if(lHided){ Util.exec(pCallBack, data); /* removing keyBinding if set */ KeyBinding.unSet(); } DOM.Images.hideLoad(); Loading = false; } }); }; /** * function hides CodeMirror editor */ CodeMirrorEditor.hide = function() { var lElem = CodeMirrorElement; KeyBinding.set(); if(lElem && FM) FM.removeChild(lElem); DOM.showPanel(); }; /** * function bind keys */ cloudcmd.Editor.Keys = function(pReadOnly){ ReadOnly = pReadOnly; var lShowCodemirror = [ CodeMirrorEditor.hide, initCodeMirror, CodeMirrorEditor.show, load ], lEditor = function(){ DOM.Images.showLoad(); Util.loadOnLoad( lShowCodemirror ); }; lEditor(); lShowCodemirror.pop(); var lKeyListener = function(pEvent){ /* если клавиши можно обрабатывать */ if( KeyBinding.get() ){ /* if f4 or f3 pressed */ var lF3 = cloudcmd.KEY.F3, lF4 = cloudcmd.KEY.F4; if(!pEvent.shiftKey) switch(pEvent.keyCode) { case lF4: ReadOnly = false; lEditor(); break; case lF3: ReadOnly = true; lEditor(); break; } } }; /* добавляем обработчик клавишь */ DOM.addKeyListener( lKeyListener ); DOM.setButtonKey('f4', lEditor); }; cloudcmd.Editor.CodeMirror = CodeMirrorEditor; })();