var CloudCommander, CloudFunc, CodeMirror; /* object contains editors CodeMirror * and later will be Ace */ (function(){ "use strict"; var cloudcmd = CloudCommander; var Util = CloudCommander.Util; var KeyBinding = CloudCommander.KeyBinding; CloudCommander.Editor = { get : (function(){ return this.CodeMirror; }) }; var CloudMirror = {}; /* indicator says CodeMirror still loads */ CloudMirror.loading = false; /* function loads CodeMirror js and css files */ CloudMirror.load = (function(pCurrentFile, pIsReadOnly){ /* function shows editor */ var lThis = this; var createEditorDiv = function(){ if (!Util.getById('CloudEditor')) { var lFM = Util.getById('fm'); if(lFM) Util.anyload({ name : 'div', id : 'CloudEditor', parent : lFM }); else console.log('Error. Something went wrong FM not found'); lThis.show(pCurrentFile, pIsReadOnly); } }; /* function loads css files * of CodeMirror */ var loadAll = function() { Util.cssLoad([ { src : 'lib/client/editor/codemirror/codemirror.css'}, { src : 'lib/client/editor/codemirror/theme/night.css'} ]); Util.cssSet({id:'editor', inner : '.CodeMirror{' + 'font-family :\'Droid Sans Mono\';' + 'font-size :15px;' + 'padding :20px 0 0 0;' + '}' + '.CodeMirror-scroll{' + 'height : ' + (cloudcmd.HEIGHT-40) + 'px' + '}' }); Util.jsload('lib/client/editor/' + 'codemirror/mode/javascript.js', createEditorDiv); }; /* load CodeMirror main module */ Util.jsload('lib/client/editor/' + 'codemirror/codemirror.js', loadAll); }); /* function shows CodeMirror editor */ CloudMirror.show = (function(pCurrentFile, pIsReadOnly){ /* if CloudEditor is not loaded - loading him */ var lCloudEditor = Util.getById('CloudEditor'); if(!lCloudEditor) return this.load(pCurrentFile, pIsReadOnly); /* if CodeMirror function show already * called do not call it again * if f4 key pressed couple times */ if(this.loading) return; /* when folder view * is no need to edit * data */ var lReadOnly = pIsReadOnly || false; var lThis = this; var initCodeMirror_f = function(pValue){ lCloudEditor.className = 'panel'; new CodeMirror(lCloudEditor,{ mode : 'javascript', value : pValue, theme : 'night', lineNumbers : true, //переносим длинные строки lineWrapping: false, autofocus : true, extraKeys: { //Сохранение "Esc": lThis.hide(lThis) }, readOnly : lReadOnly }); }; var lA; /* getting link */ lA = Util.getByTag('a', pCurrentFile); lA = lA[0].href; /* убираем адрес хоста*/ lA = '/' + lA.replace(document.location.href,''); /* checking is this link is to directory */ var lSize = Util.getByClass('size', pCurrentFile); if(lSize){ lSize = lSize[0].textContent; /* if directory - load json * not html data */ if (lSize === ''){ if (lA.indexOf(CloudFunc.NOJS) === CloudFunc.FS.length) { lA = lA.replace(CloudFunc.NOJS, ''); lReadOnly = true; } } } this.loading = true; setTimeout(function(){ lThis.loading = false;}, 400); /* reading data from current file */ Util.ajax({ url:lA, error: (function(jqXHR, textStatus, errorThrown){ lThis.loading = false; return Util.Images.showError(jqXHR); }), success:function(data, textStatus, jqXHR){ /* if we got json - show it */ if(typeof data === 'object') data = JSON.stringify(data, null, 4); initCodeMirror_f(data); /* removing keyBinding if set */ KeyBinding.unSet(); Util.hidePanel(); Util.Images.hideLoad(); lThis.loading = false; } }); }); /* function hides CodeMirror editor */ CloudMirror.hide = (function() { return function(){ KeyBinding.set(); Util.showPanel(); var lCloudEditor = Util.getById('CloudEditor'); if(lCloudEditor){ lCloudEditor.className = 'hidden'; var lCodeMirror = Util.getByClass('CodeMirror', lCloudEditor); if(lCodeMirror.length) lCloudEditor .removeChild(lCodeMirror[0]); } }; }); cloudcmd.Editor.Keys = (function(pCurrentFile, pIsReadOnly){ "use strict"; var lThis = this.CodeMirror; /* loading js and css of CodeMirror */ this.CodeMirror.show(pCurrentFile, pIsReadOnly); var key_event = function(pEvent){ /* если клавиши можно обрабатывать */ if( KeyBinding.get() ){ /* if f4 or f3 pressed */ var lF3 = cloudcmd.KEY.F3; var lF4 = cloudcmd.KEY.F4; var lShow = lThis.show.bind(lThis); var lCurrentFile = Util.getCurrentFile(); if(!pEvent.shiftKey){ if(pEvent.keyCode === lF4) lShow(lCurrentFile); else if(pEvent.keyCode === lF3){ lShow(lCurrentFile, true); } } } }; /* добавляем обработчик клавишь */ if (document.addEventListener) document.addEventListener('keydown', key_event,false); else{ var lFunc; if(typeof document.onkeydown === 'function') lFunc = document.onkeydown; document.onkeydown = function(){ if(lFunc) lFunc(); key_event(); }; } }); cloudcmd.Editor.CodeMirror = CloudMirror; })();