cloudcmd/lib/client/keyBinding.js

var CloudCommander;
var CloudFunc;
CloudCommander.keyBinding=(function(){   
    "use strict";
    var key_event=function(event){            
            /* 
             * Делаем допущение что перезагружать Cloud Commander
             * посетителям не придёться, в любом случае, параметр
             * должен быть опциональным и должна быть возможность
             * его отключить. В любом случае, кроме хакеров и 
             * разработчиков (при чём сомнительно, что хакерам
             * это пригодиться), функция перезагрузки никому не
             * нужна, поскольку загружать весь дополнительный
             * контент снова (js,css) в готовой версии нет
             * необходимости.
             *
             */             
            //console.log(event.keyCode);
            var lCurrentFile;
            var lName;
            /* если клавиши можно обрабатывать*/
            if(CloudCommander.keyBinded){
                /* если нажали таб:
                 * переносим курсор на
                 * правую панель, если
                 * мы были на левой и
                 * наоборот
                 */
                if(event.keyCode===9){
                    console.log('Tab pressed');
                    try{
                        lCurrentFile=document.getElementsByClassName(CloudCommander.CURRENT_FILE)[0];
                    }catch(error){console.log(error);}
                }                
                /* навигация по таблице файлов*/
                /* если нажали клавишу вверх*/
                else if(event.keyCode===38){
                    /* получаем выдленный файл*/
                    lCurrentFile=document.getElementsByClassName(CloudCommander.CURRENT_FILE);
                    /* если ненайдены выделенные файлы - выходим*/
                    if(lCurrentFile.length===0)return;
                    lCurrentFile=lCurrentFile[0];
                    /* если это строка существет и
                     * если она не заголовок
                     * файловой таблицы
                     */
                    if(lCurrentFile.previousSibling && 
                       lCurrentFile.previousSibling.className!=='fm_header' ){
                        /* убираем выделение с текущего элемента */
                        lCurrentFile.className='';
                        /* и выделяем предыдущую строку*/
                        lCurrentFile.previousSibling.className=CloudCommander.CURRENT_FILE;
                        event.preventDefault();
                    }
                }
                /* если нажали клавишу в низ*/
                else if(event.keyCode===40){
                    /* получаем выдленный файл*/
                    lCurrentFile=document.getElementsByClassName(CloudCommander.CURRENT_FILE);                
                    /* если ненайдены выделенные файлы - выходим*/
                    if(lCurrentFile.length===0)return;
                    lCurrentFile=lCurrentFile[0];
                    /* если это не последняя строка */
                    if(lCurrentFile.nextSibling){
                        /* убираем с него выделение */
                        lCurrentFile.className='';
                        /* выделяем следующую строку*/
                        lCurrentFile.nextSibling.className=CloudCommander.CURRENT_FILE;
                        event.preventDefault();
                    }
                }
                /* если нажали клавишу page up или Home
                 * переходим к самому верхнему
                 * элементу
                 */
                else if(/*event.keyCode===33 ||*/ event.keyCode===36){
                        lCurrentFile=document.getElementsByClassName(CloudCommander.CURRENT_FILE)[0];
                        /* убираем выделение с текущего файла*/
                        lCurrentFile.className='';
                        /* получаем первый элемент*/
                        lCurrentFile.parentElement.firstElementChild
                        /* пропускаем путь и заголовки столбиков*/
                            .nextElementSibling.nextElementSibling
                            /* выделяем верхий файл */
                            .className=CloudCommander.CURRENT_FILE;
                }
                /* если нажали клавишу page down или End
                 * выделяем последний элемент
                 */
                else if(/*event.keyCode===34 ||*/ event.keyCode===35){
                        lCurrentFile=document.getElementsByClassName(CloudCommander.CURRENT_FILE)[0];
                        /* снимаем выделение с текущего файла*/
                        lCurrentFile.className='';
                        /* выделяем самый нижний файл */
                        lCurrentFile.parentElement.lastElementChild.className=CloudCommander.CURRENT_FILE;
                }
                /* если нажали Enter - открываем папку*/
                else if(event.keyCode===13){
                    lCurrentFile=document.getElementsByClassName(CloudCommander.CURRENT_FILE);
                    /* если ненайдены выделенные файлы - выходим*/
                    if(!lCurrentFile.length)return;
                    lCurrentFile=lCurrentFile[0];
                    /* из него достаём спан с именем файла*/
                    lName=lCurrentFile.getElementsByClassName('name');
                    /* если нету (что вряд ли) - выходим*/
                    if(!lName)return false;
                    /* достаём все ссылки*/
                    var lATag=lName[0].getElementsByTagName('a');
                    /* если нету - выходим */
                    if(!lATag)return false;
                    /* получаем ссылку на каталог,
                     * что на уровень выше
                     */
                    /* получаем имя каталога в котором находимся*/
                    var lHref;
                    try{
                        lHref=lCurrentFile.parentElement.getElementsByClassName('path')[0].innerText;
                    }catch(error){console.log('error');}
                    lHref=CloudFunc.removeLastSlash(lHref);
                    var lSubstr=lHref.substr(lHref,lHref.lastIndexOf('/'));
                    lHref=lHref.replace(lSubstr+'/','');
                    
                    /* вызываем ajaxload привязанный через changelinks
                     * пробулем нажать на ссылку, если не получиться
                     * (opera, ie), вызываем событие onclick,
                     * которое пока не прописано у файлов
                     */
                     
                     if(lCurrentFile.onclick)lCurrentFile.onclick(true);
                     else try{
                         lATag[0].click();                                                
                     }
                     catch(error){
                         console.log(error);
                     }
                }
                /* если нажали <ctr>+r */
                else if(event.keyCode===82 &&
                    event.ctrlKey){
                    console.log('<ctrl>+r pressed');
                    console.log('reloading page...');
                    console.log('press <alt>+q to remove all key-handlers');
                                    
                    /* обновляем страницу, */                
                    /* Загружаем содержимое каталога
                     * при этом данные берём всегда из
                     * сервера, а не из кэша
                     * (обновляем кэш)
                     */
                    /* Программно нажимаем на кнопку перезагрузки 
                     * содержимого каталога
                     */
                    var lRefreshIcon=document.getElementsByClassName(CloudFunc.REFRESHICON);
                    if(lRefreshIcon)lRefreshIcon=lRefreshIcon[0];
                    if(lRefreshIcon){
                        /* находим файл который сейчас выделен */
                         lCurrentFile=document.getElementsByClassName(CloudCommander.CURRENT_FILE);
                         if(lCurrentFile.length>0)lCurrentFile=lCurrentFile[0];
                         /* получаем название файла*/
                         var lSelectedName=lCurrentFile.getElementsByTagName('a')[0].innerText;
                         /* если нашли элемент нажимаем него
                          * а если не можем - нажимаем на 
                          * ссылку, на которую повешен eventHandler
                          * onclick
                          */
                        if(lRefreshIcon.click)lRefreshIcon.parentElement.click();
                        else lRefreshIcon.parentElement.onclick();
                        
                        /* перебираем файлы левой панели
                         * в поисках подсвеченого файла
                         */
                        var lLeft=document.getElementById('left');
                        if(lLeft){
                            /* перебираем все файлы в панели */
                            var lLi=lLeft.getElementsByTagName('li');
                            lCurrentFile.className='';
                            /* начинаем с 2-ух, по скольку
                             * 0 - это путь
                             * 1 - это заголовок файловой таблицы
                             */
                            for(var i=2;i<lLi.length;i++){
                                lName=lLi[i].getElementsByTagName('a')[0].innerText;
                                if(lSelectedName.length===lName.length &&
                                    !lSelectedName.indexOf(lName)){
                                        lLi[i].className=CloudCommander.CURRENT_FILE;
                                        break;
                                }
                            }                            
                        }
                                    
                        event.preventDefault();//запрет на дальнейшее действие
                    }
                }
                /* если нажали <ctrl>+d чистим кэш */
                else if(event.keyCode===68 &&
                    event.ctrlKey){
                        console.log('<ctrl>+d pressed');
                        console.log('clearing cache...');
                        console.log('press <alt>+q to remove all key-handlers');
    
                        var lClearCache=document.getElementById('clear-cache');
                        if(lClearCache && lClearCache.onclick)lClearCache.onclick();
                        
                        event.preventDefault();//запрет на дальнейшее действие
                }
                /* если нажали <alt>+q 
                 * убираем все обработчики
                 * нажатий клавиш
                 */             
                else if(event.keyCode===81 &&
                    event.altKey){
                        //document.removeEventListener('keydown', key_event,false);
                        console.log('<alt>+q pressed');
                        console.log('<ctrl>+r reload key-handerl - removed');
                        console.log('<ctrl>+s clear cache key-handler - removed');
                        console.log('press <alt>+s to to set them');
                        
                        /* обработчик нажатий клавиш снят*/
                        CloudCommander.keyBinded=false;
                }
            }
            /* если нажали <alt>+s 
             * устанавливаем все обработчики
             * нажатий клавиш
             */             
            else if(event.keyCode===83 &&
                event.altKey){
                    /*
                        document.addEventListener('keydown', key_event,false);
                    */
                    /* обрабатываем нажатия на клавиши*/
                    CloudCommander.keyBinded=true;
                    
                    console.log('<alt>+s pressed');
                    console.log('<ctrl>+r reload key-handerl - set');
                    console.log('<ctrl>+s clear cache key-handler - set');
                    console.log('press <alt>+q to remove them');
            }            
            
         return false;
    };
    /* добавляем обработчик клавишь */
    if(document.addEventListener)
        document.addEventListener('keydown', key_event,false);
    else document.onkeypress=key_event;
    /* клавиши назначены*/
    CloudCommander.keyBinded=true;
});