cloudcmd/lib/client/editor.js

var CloudCommander, CloudFunc, CodeMirror;
/* object contains editors CodeMirror
 * and later will be Ace
 */
CloudCommander.Editor               = {
    get : (function(){
        return this.CodeMirror;
    })
};
CloudCommander.Editor.CodeMirror    = new CloudCommander.Util();

/* indicator says CodeMirror still loads */
CloudCommander.Editor.CodeMirror.loading = false;

/* function loads CodeMirror js and css files */
CloudCommander.Editor.CodeMirror.load = (function(pParent){
    /* function shows editor */
    var createEditorDiv = function(){
        if (!pParent.getById('CloudEditor')) {
            var lFM = pParent.getById('fm');
            if(lFM)
                pParent.anyload({
                    name    : 'div',
                    id      : 'CloudEditor',
                    parent : lFM
                });
            else
                console.log('Error. Something went wrong FM not found');
            
            pParent.show();
        }
    };
    /* function loads css files
     * of CodeMirror
     */
    var loadAll = function(pParent) {
        return function(){
            pParent.cssLoad([
                { src : 'lib/client/editor/codemirror/pack/codemirror.pack.css'},
                { src : 'lib/client/editor/codemirror/pack/night.pack.css'}
            ]);
          
          
            pParent.cssSet({id:'editor',
                inner : '.CodeMirror{'                          +
                            'font-family :\'Droid Sans Mono\';' +
                            'font-size   :15px;'                +
                            'padding     :20px;'                +
                        '}'                                     +
                        '.CodeMirror-scroll{'                   +
                            'height      : 660px;'              +
                        '}'
            });  
                      
            pParent.jsload('lib/client/editor/'                 +
                'codemirror/pack/javascript.pack.js',
                createEditorDiv);
        };
    };
    
    /* load CodeMirror main module */
    pParent.jsload('lib/client/editor/'                  +
        'codemirror/pack/codemirror.pack.js',
        loadAll(this));
});
    
 /* function shows CodeMirror editor */
CloudCommander.Editor.CodeMirror.show = (function(){
    /* if CloudEditor is not loaded - loading him */
    if(!this.getById('CloudEditor'))
        return this.load(this);   
    
    /* 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 = false;
    
    var lThis = this;    
    var initCodeMirror_f = function(pValue){
        CodeMirror(lCloudEditor,{
            mode        : 'javascript',
            value       : pValue,
            theme       : 'night',
            lineNumbers : true,
            //переносим длинные строки                    
            lineWrapping: false,
            autofocus   : true,            
            extraKeys: {
              //Сохранение
              "Esc": lThis.hide(lThis)
            },
            readOnly    : lReadOnly
        });
    };
    
    var lCloudEditor    = this.getById('CloudEditor');
                                
    var lCurrent        = this.getCurrentFile();
    var lA;

    /* getting link */
    lA = this.getByTag('a', lCurrent);                    
    
    lA = lA[0].href;
                
    /* убираем адрес хоста*/
    lA = '/' + lA.replace(document.location.href,'');
    
    /* checking is this link is to directory */
    var lSize = this.getByClass('size', lCurrent);
    if(lSize){
        lSize = lSize[0].textContent;
        
        /* if directory - load json
         * not html data
         */
        if (lSize === '<dir>'){
            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 */
    $.ajax({
        url:lA,
         error: (function(jqXHR, textStatus, errorThrown){
             lThis.loading             = false; 
             return lThis.Images.showError(jqXHR, textStatus, errorThrown);
         }),
         
         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 */
            CloudCommander.keyBinded    = false;
                        
            lThis.hidePanel();
            lThis.Images.hideLoad();
            
            lThis.loading             = false;
        }
    });
});

/* function hides CodeMirror editor */
CloudCommander.Editor.CodeMirror.hide =  (function(pParent) {
    return function(){
        CloudCommander.keyBinded = true;        
        pParent.showPanel();        
        
        var lCloudEditor    = pParent.getById('CloudEditor');            
        var lCodeMirror = pParent.getByClass('CodeMirror');
        
        if(lCodeMirror.length)
            lCloudEditor
                .removeChild(lCodeMirror[0]);
    };
});

CloudCommander.Editor.Keys = (function(){
    "use strict";
          
    /* loading js and css of CodeMirror */
    this.CodeMirror.show(this.CodeMirror);
    
    var key_event = function(event){

        /* если клавиши можно обрабатывать */
        if(CloudCommander.keyBinded){
            /* if f4 pressed */
            if(event.keyCode === CloudCommander.KEY.F4){
                CloudCommander.Editor.CodeMirror.show();
            }
        }
    };
       
    /* добавляем обработчик клавишь */
    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();
        };
    }
});