mirror of
https://github.com/coderaiser/cloudcmd.git
synced 2026-01-23 18:55:26 +00:00
refactor(client) add constructor
This commit is contained in:
coderaiser
parent
e1fd590894
commit
e7108e130d
1 changed files with 437 additions and 434 deletions
871
lib/client.js
871
lib/client.js
|
|
@ -4,480 +4,483 @@
|
|||
*/
|
||||
var Util, DOM, CloudFunc, CloudCmd;
|
||||
|
||||
(function(Util, DOM) {
|
||||
(function(scope, Util, DOM) {
|
||||
'use strict';
|
||||
|
||||
var Key, Config, Modules, Extensions, FileTemplate, PathTemplate, Listeners,
|
||||
Storage = DOM.Storage;
|
||||
scope.CloudCmd = new CloudCmdProto(Util, DOM);
|
||||
|
||||
CloudCmd = {
|
||||
LIBDIR : '/lib/',
|
||||
LIBDIRCLIENT : '/lib/client/',
|
||||
JSONDIR : '/json/',
|
||||
HTMLDIR : '/html/',
|
||||
MIN_ONE_PANEL_WIDTH : 1155,
|
||||
OLD_BROWSER : false,
|
||||
function CloudCmdProto(Util, DOM) {
|
||||
var Key, Config, Modules, Extensions,
|
||||
FileTemplate, PathTemplate, Listeners,
|
||||
CloudCmd = this;
|
||||
Storage = DOM.Storage;
|
||||
|
||||
HOST : (function() {
|
||||
this.LIBDIR = '/lib/';
|
||||
this.LIBDIRCLIENT = '/lib/client/';
|
||||
this.JSONDIR = '/json/';
|
||||
this.HTMLDIR = '/html/';
|
||||
this.MIN_ONE_PANEL_WIDTH = 1155;
|
||||
this.OLD_BROWSER = false;
|
||||
this.HOST = (function() {
|
||||
var lLocation = document.location;
|
||||
return lLocation.protocol + '//' + lLocation.host;
|
||||
})()
|
||||
};
|
||||
|
||||
/**
|
||||
* Функция привязываеться ко всем ссылкам и
|
||||
* загружает содержимое каталогов
|
||||
*
|
||||
* @param pLink - ссылка
|
||||
* @param pNeedRefresh - необходимость обязательной загрузки данных с сервера
|
||||
*/
|
||||
CloudCmd.loadDir = function(pLink, pNeedRefresh) {
|
||||
return function(pEvent) {
|
||||
/* показываем гиф загрузки возле пути папки сверху
|
||||
* ctrl+r нажата? */
|
||||
|
||||
var lCurrentLink = DOM.getCurrentLink(),
|
||||
lHref = lCurrentLink.href,
|
||||
lLink = pLink || Util.removeStr(lHref, CloudCmd.HOST);
|
||||
|
||||
lLink += '?json';
|
||||
|
||||
if (lLink || lCurrentLink.target !== '_blank') {
|
||||
DOM.Images.showLoad(pNeedRefresh ? {top:true} : null);
|
||||
|
||||
/* загружаем содержимое каталога */
|
||||
CloudCmd.ajaxLoad(lLink, { refresh: pNeedRefresh });
|
||||
}
|
||||
|
||||
DOM.preventDefault(pEvent);
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* функция устанавливает курсор на каталог
|
||||
* с которого мы пришли, если мы поднялись
|
||||
* в верх по файловой структуре
|
||||
* @param pDirName - имя каталога с которого мы пришли
|
||||
*/
|
||||
function currentToParent(pDirName) {
|
||||
var lRootDir;
|
||||
/* убираем слэш с имени каталога */
|
||||
pDirName = Util.removeStr(pDirName, '/');
|
||||
lRootDir = DOM.getCurrentFileByName(pDirName);
|
||||
})();
|
||||
|
||||
if (lRootDir) {
|
||||
DOM.setCurrentFile(lRootDir);
|
||||
DOM.scrollIntoViewIfNeeded(lRootDir, true);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* function load modules
|
||||
* @pParams = {name, path, func, dobefore, arg}
|
||||
*/
|
||||
function loadModule(pParams) {
|
||||
if (pParams) {
|
||||
var lName = pParams.name,
|
||||
lPath = pParams.path,
|
||||
lFunc = pParams.func,
|
||||
lDoBefore = pParams.dobefore;
|
||||
|
||||
if ( Util.isString(pParams) )
|
||||
lPath = pParams;
|
||||
|
||||
if (lPath && !lName) {
|
||||
lName = Util.getStrBigFirst(lPath);
|
||||
lName = Util.removeStr(lName, '.js');
|
||||
/**
|
||||
* Функция привязываеться ко всем ссылкам и
|
||||
* загружает содержимое каталогов
|
||||
*
|
||||
* @param pLink - ссылка
|
||||
* @param pNeedRefresh - необходимость обязательной загрузки данных с сервера
|
||||
*/
|
||||
this.loadDir = function(pLink, pNeedRefresh) {
|
||||
return function(pEvent) {
|
||||
/* показываем гиф загрузки возле пути папки сверху
|
||||
* ctrl+r нажата? */
|
||||
|
||||
var lSlash = lName.indexOf('/');
|
||||
if (lSlash > 0) {
|
||||
var lAfterSlash = lName.substr(lSlash);
|
||||
lName = Util.removeStr(lName, lAfterSlash);
|
||||
}
|
||||
}
|
||||
|
||||
if ( !Util.isContainStr(lPath, '.js') )
|
||||
lPath += '.js';
|
||||
|
||||
if (!CloudCmd[lName])
|
||||
CloudCmd[lName] = function(pArg) {
|
||||
Util.exec(lDoBefore);
|
||||
var lCurrentLink = DOM.getCurrentLink(),
|
||||
lHref = lCurrentLink.href,
|
||||
lLink = pLink || Util.removeStr(lHref, CloudCmd.HOST);
|
||||
|
||||
lLink += '?json';
|
||||
|
||||
if (lLink || lCurrentLink.target !== '_blank') {
|
||||
DOM.Images.showLoad(pNeedRefresh ? {top:true} : null);
|
||||
|
||||
return DOM.jsload(CloudCmd.LIBDIRCLIENT + lPath, lFunc ||
|
||||
function() {
|
||||
var Proto = CloudCmd[lName];
|
||||
|
||||
if (Util.isFunction(Proto))
|
||||
CloudCmd[lName] = new Proto(pArg);
|
||||
});
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/** Конструктор CloudClient, который
|
||||
* выполняет весь функционал по
|
||||
* инициализации
|
||||
*/
|
||||
CloudCmd.init = function() {
|
||||
var lCallBack, lFunc;
|
||||
|
||||
lCallBack = function() {
|
||||
Util.loadOnLoad([
|
||||
Util.retFunc(CloudCmd.route, location.hash),
|
||||
baseInit,
|
||||
initModules,
|
||||
]);
|
||||
},
|
||||
lFunc = function(pCallBack) {
|
||||
CloudCmd.OLD_BROWSER = true;
|
||||
var lSrc = CloudCmd.LIBDIRCLIENT + 'polyfill.js';
|
||||
|
||||
DOM.jqueryLoad(
|
||||
DOM.retJSLoad(lSrc, pCallBack)
|
||||
);
|
||||
/* загружаем содержимое каталога */
|
||||
CloudCmd.ajaxLoad(lLink, { refresh: pNeedRefresh });
|
||||
}
|
||||
|
||||
DOM.preventDefault(pEvent);
|
||||
};
|
||||
};
|
||||
|
||||
Util.ifExec(document.body.scrollIntoViewIfNeeded, lCallBack, lFunc);
|
||||
};
|
||||
|
||||
CloudCmd.route = function(pPath) {
|
||||
var lQuery, lModule, lFile, lCurrent, lMsg;
|
||||
|
||||
if (pPath.length > 0) {
|
||||
lQuery = pPath.split('/');
|
||||
/**
|
||||
* функция устанавливает курсор на каталог
|
||||
* с которого мы пришли, если мы поднялись
|
||||
* в верх по файловой структуре
|
||||
* @param pDirName - имя каталога с которого мы пришли
|
||||
*/
|
||||
function currentToParent(pDirName) {
|
||||
var lRootDir;
|
||||
/* убираем слэш с имени каталога */
|
||||
pDirName = Util.removeStr(pDirName, '/');
|
||||
lRootDir = DOM.getCurrentFileByName(pDirName);
|
||||
|
||||
if (lQuery.length > 0) {
|
||||
lModule = Util.getStrBigFirst(lQuery[1]);
|
||||
lFile = lQuery[2];
|
||||
lCurrent = DOM.getCurrentFileByName(lFile);
|
||||
if (lFile && !lCurrent) {
|
||||
lMsg = CloudFunc.formatMsg('set current file', lFile, 'error');
|
||||
Util.log(lMsg);
|
||||
} else {
|
||||
DOM.setCurrentFile(lCurrent);
|
||||
CloudCmd.execFromModule(lModule, 'show');
|
||||
}
|
||||
if (lRootDir) {
|
||||
DOM.setCurrentFile(lRootDir);
|
||||
DOM.scrollIntoViewIfNeeded(lRootDir, true);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function initModules(pCallBack) {
|
||||
Util.ifExec(CloudCmd.Key, function() {
|
||||
Key = new CloudCmd.Key();
|
||||
CloudCmd.Key = Key;
|
||||
Key.bind();
|
||||
}, function(callback) {
|
||||
loadModule({
|
||||
/* привязываем клавиши к функциям */
|
||||
path : 'key.js',
|
||||
func : callback
|
||||
});
|
||||
});
|
||||
|
||||
CloudCmd.getModules(function(pModules) {
|
||||
pModules = pModules || [];
|
||||
|
||||
var i, n, lStorage = 'storage',
|
||||
lShowLoadFunc = Util.retFunc( DOM.Images.showLoad, {top:true} ),
|
||||
/**
|
||||
* function load modules
|
||||
* @pParams = {name, path, func, dobefore, arg}
|
||||
*/
|
||||
function loadModule(pParams) {
|
||||
if (pParams) {
|
||||
var lName = pParams.name,
|
||||
lPath = pParams.path,
|
||||
lFunc = pParams.func,
|
||||
lDoBefore = pParams.dobefore;
|
||||
|
||||
lDoBefore = {
|
||||
'edit' : lShowLoadFunc,
|
||||
'view' : lShowLoadFunc,
|
||||
'menu' : lShowLoadFunc
|
||||
},
|
||||
if ( Util.isString(pParams) )
|
||||
lPath = pParams;
|
||||
|
||||
lLoad = function(pName, pPath, pDoBefore) {
|
||||
loadModule({
|
||||
path : pPath,
|
||||
name : pName,
|
||||
dobefore : pDoBefore
|
||||
});
|
||||
};
|
||||
|
||||
for (i = 0, n = pModules.length; i < n ; i++) {
|
||||
var lModule = pModules[i];
|
||||
if (lPath && !lName) {
|
||||
lName = Util.getStrBigFirst(lPath);
|
||||
lName = Util.removeStr(lName, '.js');
|
||||
|
||||
var lSlash = lName.indexOf('/');
|
||||
if (lSlash > 0) {
|
||||
var lAfterSlash = lName.substr(lSlash);
|
||||
lName = Util.removeStr(lName, lAfterSlash);
|
||||
}
|
||||
}
|
||||
|
||||
if ( Util.isString(lModule) )
|
||||
lLoad(null, lModule, lDoBefore[lModule]);
|
||||
if ( !Util.isContainStr(lPath, '.js') )
|
||||
lPath += '.js';
|
||||
|
||||
if (!CloudCmd[lName])
|
||||
CloudCmd[lName] = function(pArg) {
|
||||
Util.exec(lDoBefore);
|
||||
|
||||
return DOM.jsload(CloudCmd.LIBDIRCLIENT + lPath, lFunc ||
|
||||
function() {
|
||||
var Proto = CloudCmd[lName];
|
||||
|
||||
if (Util.isFunction(Proto))
|
||||
CloudCmd[lName] = new Proto(pArg);
|
||||
});
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/** Конструктор CloudClient, который
|
||||
* выполняет весь функционал по
|
||||
* инициализации
|
||||
*/
|
||||
this.init = function() {
|
||||
var lCallBack, lFunc;
|
||||
|
||||
var lStorageObj = Util.findObjByNameInArr( pModules, lStorage ),
|
||||
lMod = Util.getNamesFromObjArray( lStorageObj );
|
||||
lCallBack = function() {
|
||||
Util.loadOnLoad([
|
||||
Util.retFunc(CloudCmd.route, location.hash),
|
||||
baseInit,
|
||||
initModules,
|
||||
]);
|
||||
},
|
||||
lFunc = function(pCallBack) {
|
||||
CloudCmd.OLD_BROWSER = true;
|
||||
var lSrc = CloudCmd.LIBDIRCLIENT + 'polyfill.js';
|
||||
|
||||
for (i = 0, n = lMod.length; i < n; i++) {
|
||||
var lName = lMod[i],
|
||||
lPath = lStorage + '/_' + lName.toLowerCase();
|
||||
DOM.jqueryLoad(
|
||||
DOM.retJSLoad(lSrc, pCallBack)
|
||||
);
|
||||
};
|
||||
|
||||
Util.ifExec(document.body.scrollIntoViewIfNeeded, lCallBack, lFunc);
|
||||
};
|
||||
|
||||
this.route = function(pPath) {
|
||||
var lQuery, lModule, lFile, lCurrent, lMsg;
|
||||
|
||||
if (pPath.length > 0) {
|
||||
lQuery = pPath.split('/');
|
||||
|
||||
lLoad(lName, lPath);
|
||||
if (lQuery.length > 0) {
|
||||
lModule = Util.getStrBigFirst(lQuery[1]);
|
||||
lFile = lQuery[2];
|
||||
lCurrent = DOM.getCurrentFileByName(lFile);
|
||||
if (lFile && !lCurrent) {
|
||||
lMsg = CloudFunc.formatMsg('set current file', lFile, 'error');
|
||||
Util.log(lMsg);
|
||||
} else {
|
||||
DOM.setCurrentFile(lCurrent);
|
||||
CloudCmd.execFromModule(lModule, 'show');
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function initModules(pCallBack) {
|
||||
Util.ifExec(CloudCmd.Key, function() {
|
||||
Key = new CloudCmd.Key();
|
||||
CloudCmd.Key = Key;
|
||||
Key.bind();
|
||||
}, function(callback) {
|
||||
loadModule({
|
||||
/* привязываем клавиши к функциям */
|
||||
path : 'key.js',
|
||||
func : callback
|
||||
});
|
||||
});
|
||||
|
||||
CloudCmd.getModules(function(pModules) {
|
||||
pModules = pModules || [];
|
||||
|
||||
var i, n, lStorage = 'storage',
|
||||
lShowLoadFunc = Util.retFunc( DOM.Images.showLoad, {top:true} ),
|
||||
|
||||
lDoBefore = {
|
||||
'edit' : lShowLoadFunc,
|
||||
'view' : lShowLoadFunc,
|
||||
'menu' : lShowLoadFunc
|
||||
},
|
||||
|
||||
lLoad = function(pName, pPath, pDoBefore) {
|
||||
loadModule({
|
||||
path : pPath,
|
||||
name : pName,
|
||||
dobefore : pDoBefore
|
||||
});
|
||||
};
|
||||
|
||||
for (i = 0, n = pModules.length; i < n ; i++) {
|
||||
var lModule = pModules[i];
|
||||
|
||||
if ( Util.isString(lModule) )
|
||||
lLoad(null, lModule, lDoBefore[lModule]);
|
||||
}
|
||||
|
||||
var lStorageObj = Util.findObjByNameInArr( pModules, lStorage ),
|
||||
lMod = Util.getNamesFromObjArray( lStorageObj );
|
||||
|
||||
for (i = 0, n = lMod.length; i < n; i++) {
|
||||
var lName = lMod[i],
|
||||
lPath = lStorage + '/_' + lName.toLowerCase();
|
||||
|
||||
lLoad(lName, lPath);
|
||||
}
|
||||
|
||||
|
||||
Util.exec(pCallBack);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function baseInit(pCallBack) {
|
||||
var LIB = CloudCmd.LIBDIR,
|
||||
LIBCLIENT = CloudCmd.LIBDIRCLIENT,
|
||||
files = [
|
||||
LIB + 'cloudfunc.js',
|
||||
LIBCLIENT + 'listeners.js'
|
||||
];
|
||||
|
||||
Listeners = CloudCmd.Listeners;
|
||||
|
||||
Listeners.init();
|
||||
/* загружаем Google Analytics */
|
||||
Listeners.analytics();
|
||||
Listeners.changeLinks(CloudFunc.LEFTPANEL);
|
||||
Listeners.changeLinks(CloudFunc.RIGHTPANEL);
|
||||
|
||||
CloudCmd.KeysPanel = Listeners.initKeysPanel();
|
||||
|
||||
CloudCmd.getConfig(function(config) {
|
||||
var localStorage = config.localStorage;
|
||||
/* устанавливаем переменную доступности кэша */
|
||||
Storage.setAllowed(localStorage);
|
||||
/* Устанавливаем кэш корневого каталога */
|
||||
var lDirPath = DOM.getCurrentDirPath();
|
||||
if (!Storage.get(lDirPath))
|
||||
Storage.set(lDirPath, getJSONfromFileTable());
|
||||
});
|
||||
|
||||
Util.exec(pCallBack);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function baseInit(pCallBack) {
|
||||
var LIB = CloudCmd.LIBDIR,
|
||||
LIBCLIENT = CloudCmd.LIBDIRCLIENT,
|
||||
files = [
|
||||
LIB + 'cloudfunc.js',
|
||||
LIBCLIENT + 'listeners.js'
|
||||
];
|
||||
|
||||
Listeners = CloudCmd.Listeners;
|
||||
|
||||
Listeners.init();
|
||||
/* загружаем Google Analytics */
|
||||
Listeners.analytics();
|
||||
Listeners.changeLinks(CloudFunc.LEFTPANEL);
|
||||
Listeners.changeLinks(CloudFunc.RIGHTPANEL);
|
||||
|
||||
CloudCmd.KeysPanel = Listeners.initKeysPanel();
|
||||
|
||||
CloudCmd.getConfig(function(config) {
|
||||
var localStorage = config.localStorage;
|
||||
/* устанавливаем переменную доступности кэша */
|
||||
Storage.setAllowed(localStorage);
|
||||
/* Устанавливаем кэш корневого каталога */
|
||||
var lDirPath = DOM.getCurrentDirPath();
|
||||
if (!Storage.get(lDirPath))
|
||||
Storage.set(lDirPath, getJSONfromFileTable());
|
||||
});
|
||||
|
||||
Util.exec(pCallBack);
|
||||
|
||||
/* выделяем строку с первым файлом */
|
||||
var lFmHeader = DOM.getByClass('fm-header');
|
||||
if (lFmHeader && lFmHeader[0]) {
|
||||
var lCurrent = lFmHeader[0].nextSibling;
|
||||
DOM.setCurrentFile(lCurrent);
|
||||
}
|
||||
|
||||
Util.exec(CloudCmd.Key);
|
||||
}
|
||||
|
||||
function getSystemFile(pGlobal, pURL) {
|
||||
|
||||
function lGetSysFile(pCallBack) {
|
||||
Util.ifExec(pGlobal, pCallBack, function(pCallBack) {
|
||||
DOM.ajax({
|
||||
url : pURL,
|
||||
success : function(pLocal) {
|
||||
pGlobal = pLocal;
|
||||
Util.exec(pCallBack, pLocal);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
return lGetSysFile;
|
||||
}
|
||||
|
||||
CloudCmd.setConfig = function(config) { Config = config; };
|
||||
CloudCmd.getConfig = getSystemFile(Config, CloudCmd.JSONDIR + 'config.json');
|
||||
CloudCmd.getModules = getSystemFile(Modules, CloudCmd.JSONDIR + 'modules.json');
|
||||
CloudCmd.getExt = getSystemFile(Extensions, CloudCmd.JSONDIR + 'ext.json');
|
||||
CloudCmd.getFileTemplate = getSystemFile(FileTemplate, CloudCmd.HTMLDIR + 'file.html');
|
||||
CloudCmd.getPathTemplate = getSystemFile(PathTemplate, CloudCmd.HTMLDIR + 'path.html');
|
||||
|
||||
CloudCmd.execFromModule = function(pModuleName, pFuncName, pParams) {
|
||||
var lObject = CloudCmd[pModuleName];
|
||||
Util.ifExec(Util.isObject(lObject),
|
||||
function() {
|
||||
var lObj = CloudCmd[pModuleName];
|
||||
Util.exec( lObj[pFuncName], pParams);
|
||||
},
|
||||
|
||||
function(pCallBack) {
|
||||
Util.exec(lObject, pCallBack);
|
||||
});
|
||||
};
|
||||
|
||||
CloudCmd.refresh = function(pCurrent) {
|
||||
var lNEEDREFRESH = true,
|
||||
lPanel = pCurrent && pCurrent.parentElement,
|
||||
lPath = DOM.getCurrentDirPath(lPanel),
|
||||
lLink = CloudFunc.FS + lPath,
|
||||
lNotSlashlLink = CloudFunc.removeLastSlash(lLink),
|
||||
lLoad = CloudCmd.loadDir(lNotSlashlLink, lNEEDREFRESH);
|
||||
|
||||
lLoad();
|
||||
};
|
||||
|
||||
/**
|
||||
* Функция загружает json-данные о Файловой Системе
|
||||
* через ajax-запрос.
|
||||
* @param path - каталог для чтения
|
||||
* @param pOptions
|
||||
* { refresh, nohistory } - необходимость обновить данные о каталоге
|
||||
*/
|
||||
CloudCmd.ajaxLoad = function(pPath, pOptions) {
|
||||
if (!pOptions)
|
||||
pOptions = {};
|
||||
|
||||
/* Отображаем красивые пути */
|
||||
var lSLASH = '/',
|
||||
lFSPath = decodeURI(pPath),
|
||||
lNOJSPath = Util.removeStr( lFSPath, '?json' ),
|
||||
lCleanPath = Util.removeStrOneTime( lNOJSPath, CloudFunc.FS ) || lSLASH,
|
||||
|
||||
lOldURL = window.location.pathname;
|
||||
|
||||
if (lCleanPath === lSLASH)
|
||||
lNOJSPath = lSLASH;
|
||||
|
||||
Util.log ('reading dir: "' + lCleanPath + '";');
|
||||
|
||||
if (!pOptions.nohistory)
|
||||
DOM.setHistory(lNOJSPath, null, lNOJSPath);
|
||||
|
||||
DOM.setTitle( CloudFunc.getTitle(lCleanPath) );
|
||||
|
||||
var lPanel = DOM.getPanel().id;
|
||||
/* если доступен localStorage и
|
||||
* в нём есть нужная нам директория -
|
||||
* читаем данные с него и
|
||||
* выходим
|
||||
* если стоит поле обязательной перезагрузки -
|
||||
* перезагружаемся
|
||||
*/
|
||||
var lRet = pOptions.refresh;
|
||||
if (!lRet) {
|
||||
var lJSON = Storage.get(lCleanPath);
|
||||
|
||||
if (lJSON) {
|
||||
lJSON = Util.parseJSON(lJSON);
|
||||
createFileTable(lPanel, lJSON);
|
||||
/* выделяем строку с первым файлом */
|
||||
var lFmHeader = DOM.getByClass('fm-header');
|
||||
if (lFmHeader && lFmHeader[0]) {
|
||||
var lCurrent = lFmHeader[0].nextSibling;
|
||||
DOM.setCurrentFile(lCurrent);
|
||||
}
|
||||
else
|
||||
lRet = true;
|
||||
|
||||
Util.exec(CloudCmd.Key);
|
||||
}
|
||||
|
||||
if (lRet)
|
||||
DOM.getCurrentFileContent({
|
||||
url : lFSPath,
|
||||
|
||||
dataType: 'json',
|
||||
|
||||
error : function() {
|
||||
DOM.setHistory(lOldURL, null, lOldURL);
|
||||
function getSystemFile(pGlobal, pURL) {
|
||||
|
||||
function lGetSysFile(pCallBack) {
|
||||
Util.ifExec(pGlobal, pCallBack, function(pCallBack) {
|
||||
DOM.ajax({
|
||||
url : pURL,
|
||||
success : function(pLocal) {
|
||||
pGlobal = pLocal;
|
||||
Util.exec(pCallBack, pLocal);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
return lGetSysFile;
|
||||
}
|
||||
|
||||
this.setConfig = function(config) { Config = config; };
|
||||
this.getConfig = getSystemFile(Config, CloudCmd.JSONDIR + 'config.json');
|
||||
this.getModules = getSystemFile(Modules, CloudCmd.JSONDIR + 'modules.json');
|
||||
this.getExt = getSystemFile(Extensions, CloudCmd.JSONDIR + 'ext.json');
|
||||
this.getFileTemplate = getSystemFile(FileTemplate, CloudCmd.HTMLDIR + 'file.html');
|
||||
this.getPathTemplate = getSystemFile(PathTemplate, CloudCmd.HTMLDIR + 'path.html');
|
||||
|
||||
this.execFromModule = function(pModuleName, pFuncName, pParams) {
|
||||
var lObject = CloudCmd[pModuleName];
|
||||
Util.ifExec(Util.isObject(lObject),
|
||||
function() {
|
||||
var lObj = CloudCmd[pModuleName];
|
||||
Util.exec( lObj[pFuncName], pParams);
|
||||
},
|
||||
|
||||
success : function(pData) {
|
||||
createFileTable(lPanel, pData);
|
||||
|
||||
/* переводим таблицу файлов в строку, для *
|
||||
* сохранения в localStorage */
|
||||
var lJSON_s = Util.stringifyJSON(pData);
|
||||
Util.log(lJSON_s.length);
|
||||
|
||||
/* если размер данных не очень бошьой *
|
||||
* сохраняем их в кэше */
|
||||
if (lJSON_s.length < 50000 )
|
||||
Storage.set(lCleanPath, lJSON_s);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Функция строит файловую таблицу
|
||||
* @param pEleme - родительский элемент
|
||||
* @param pJSON - данные о файлах
|
||||
*/
|
||||
function createFileTable(pElem, pJSON) {
|
||||
var lElem = DOM.getById(pElem),
|
||||
/* getting current element if was refresh */
|
||||
lPath = DOM.getByClass('path', lElem),
|
||||
|
||||
lCurrent = DOM.getCurrentFile(),
|
||||
lDir = DOM.getCurrentDirName(),
|
||||
|
||||
lName = DOM.getCurrentName(lCurrent),
|
||||
lWasRefresh_b = lPath[0].textContent === pJSON[0].path,
|
||||
lFuncs = [
|
||||
CloudCmd.getFileTemplate,
|
||||
CloudCmd.getPathTemplate
|
||||
];
|
||||
function(pCallBack) {
|
||||
Util.exec(lObject, pCallBack);
|
||||
});
|
||||
};
|
||||
|
||||
Util.asyncCall(lFuncs, function(pTemplate, pPathTemplate) {
|
||||
/* очищаем панель */
|
||||
var i = lElem.childNodes.length;
|
||||
this.refresh = function(pCurrent) {
|
||||
var lNEEDREFRESH = true,
|
||||
lPanel = pCurrent && pCurrent.parentElement,
|
||||
lPath = DOM.getCurrentDirPath(lPanel),
|
||||
lLink = CloudFunc.FS + lPath,
|
||||
lNotSlashlLink = CloudFunc.removeLastSlash(lLink),
|
||||
lLoad = CloudCmd.loadDir(lNotSlashlLink, lNEEDREFRESH);
|
||||
|
||||
while(i--)
|
||||
lElem.removeChild(lElem.lastChild);
|
||||
lLoad();
|
||||
};
|
||||
|
||||
/**
|
||||
* Функция загружает json-данные о Файловой Системе
|
||||
* через ajax-запрос.
|
||||
* @param path - каталог для чтения
|
||||
* @param pOptions
|
||||
* { refresh, nohistory } - необходимость обновить данные о каталоге
|
||||
*/
|
||||
this.ajaxLoad = function(pPath, pOptions) {
|
||||
if (!pOptions)
|
||||
pOptions = {};
|
||||
|
||||
lElem.innerHTML = CloudFunc.buildFromJSON(pJSON, pTemplate, pPathTemplate);
|
||||
/* Отображаем красивые пути */
|
||||
var lSLASH = '/',
|
||||
lFSPath = decodeURI(pPath),
|
||||
lNOJSPath = Util.removeStr( lFSPath, '?json' ),
|
||||
lCleanPath = Util.removeStrOneTime( lNOJSPath, CloudFunc.FS ) || lSLASH,
|
||||
|
||||
lOldURL = window.location.pathname;
|
||||
|
||||
/* если нажали на ссылку на верхний каталог*/
|
||||
var lFound;
|
||||
/* searching current file */
|
||||
if (lWasRefresh_b) {
|
||||
var n = lElem.childNodes.length;
|
||||
for(i = 2; i < n ; i++) {
|
||||
var lVarCurrent = lElem.childNodes[i],
|
||||
lVarName = DOM.getCurrentName(lVarCurrent);
|
||||
if (lCleanPath === lSLASH)
|
||||
lNOJSPath = lSLASH;
|
||||
|
||||
Util.log ('reading dir: "' + lCleanPath + '";');
|
||||
|
||||
if (!pOptions.nohistory)
|
||||
DOM.setHistory(lNOJSPath, null, lNOJSPath);
|
||||
|
||||
DOM.setTitle( CloudFunc.getTitle(lCleanPath) );
|
||||
|
||||
var lPanel = DOM.getPanel().id;
|
||||
/* если доступен localStorage и
|
||||
* в нём есть нужная нам директория -
|
||||
* читаем данные с него и
|
||||
* выходим
|
||||
* если стоит поле обязательной перезагрузки -
|
||||
* перезагружаемся
|
||||
*/
|
||||
var lRet = pOptions.refresh;
|
||||
if (!lRet) {
|
||||
var lJSON = Storage.get(lCleanPath);
|
||||
|
||||
if (lJSON) {
|
||||
lJSON = Util.parseJSON(lJSON);
|
||||
createFileTable(lPanel, lJSON);
|
||||
}
|
||||
else
|
||||
lRet = true;
|
||||
}
|
||||
|
||||
if (lRet)
|
||||
DOM.getCurrentFileContent({
|
||||
url : lFSPath,
|
||||
|
||||
lFound = lVarName === lName;
|
||||
dataType: 'json',
|
||||
|
||||
if (lFound) {
|
||||
lCurrent = lElem.childNodes[i];
|
||||
break;
|
||||
error : function() {
|
||||
DOM.setHistory(lOldURL, null, lOldURL);
|
||||
},
|
||||
|
||||
success : function(pData) {
|
||||
createFileTable(lPanel, pData);
|
||||
|
||||
/* переводим таблицу файлов в строку, для *
|
||||
* сохранения в localStorage */
|
||||
var lJSON_s = Util.stringifyJSON(pData);
|
||||
Util.log(lJSON_s.length);
|
||||
|
||||
/* если размер данных не очень бошьой *
|
||||
* сохраняем их в кэше */
|
||||
if (lJSON_s.length < 50000 )
|
||||
Storage.set(lCleanPath, lJSON_s);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Функция строит файловую таблицу
|
||||
* @param pEleme - родительский элемент
|
||||
* @param pJSON - данные о файлах
|
||||
*/
|
||||
function createFileTable(pElem, pJSON) {
|
||||
var lElem = DOM.getById(pElem),
|
||||
/* getting current element if was refresh */
|
||||
lPath = DOM.getByClass('path', lElem),
|
||||
|
||||
lCurrent = DOM.getCurrentFile(),
|
||||
lDir = DOM.getCurrentDirName(),
|
||||
|
||||
lName = DOM.getCurrentName(lCurrent),
|
||||
lWasRefresh_b = lPath[0].textContent === pJSON[0].path,
|
||||
lFuncs = [
|
||||
CloudCmd.getFileTemplate,
|
||||
CloudCmd.getPathTemplate
|
||||
];
|
||||
|
||||
Util.asyncCall(lFuncs, function(pTemplate, pPathTemplate) {
|
||||
/* очищаем панель */
|
||||
var i = lElem.childNodes.length;
|
||||
|
||||
while(i--)
|
||||
lElem.removeChild(lElem.lastChild);
|
||||
|
||||
lElem.innerHTML = CloudFunc.buildFromJSON(pJSON, pTemplate, pPathTemplate);
|
||||
|
||||
/* если нажали на ссылку на верхний каталог*/
|
||||
var lFound;
|
||||
/* searching current file */
|
||||
if (lWasRefresh_b) {
|
||||
var n = lElem.childNodes.length;
|
||||
for(i = 2; i < n ; i++) {
|
||||
var lVarCurrent = lElem.childNodes[i],
|
||||
lVarName = DOM.getCurrentName(lVarCurrent);
|
||||
|
||||
lFound = lVarName === lName;
|
||||
|
||||
if (lFound) {
|
||||
lCurrent = lElem.childNodes[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!lFound) /* .. */
|
||||
lCurrent = lElem.childNodes[2];
|
||||
|
||||
DOM.setCurrentFile(lCurrent);
|
||||
|
||||
Listeners.changeLinks(pElem);
|
||||
|
||||
if (lName === '..' && lDir !== '/')
|
||||
currentToParent(lDir);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Функция генерирует JSON из html-таблицы файлов и
|
||||
* используеться при первом заходе в корень
|
||||
*/
|
||||
function getJSONfromFileTable() {
|
||||
var lLeft = DOM.getById('left'),
|
||||
lPath = DOM.getByClass('path')[0].textContent,
|
||||
|
||||
lFileTable = [{
|
||||
path : lPath,
|
||||
size : 'dir'
|
||||
}],
|
||||
|
||||
lLI = DOM.getByTag('li', lLeft),
|
||||
i, n, j = 1; /* счётчик реальных файлов */
|
||||
|
||||
/* счётчик элементов файлов в DOM
|
||||
* Если путь отличный от корневного
|
||||
* второй элемент li - это ссылка на верхний
|
||||
* каталог '..'
|
||||
*/
|
||||
|
||||
/* пропускам Path и Header*/
|
||||
for(i = 2, n = lLI.length; i < n; i++) {
|
||||
var lCurrent = lLI[i],
|
||||
lName = DOM.getCurrentName(lCurrent),
|
||||
lSize = DOM.getCurrentSize(lCurrent),
|
||||
|
||||
lMode = DOM.getCurrentMode(lCurrent);
|
||||
lMode = CloudFunc.getNumericPermissions(lMode);
|
||||
|
||||
if (lName !== '..')
|
||||
lFileTable[ j++ ] = {
|
||||
name: lName,
|
||||
size: lSize,
|
||||
mode: lMode
|
||||
};
|
||||
if (!lFound) /* .. */
|
||||
lCurrent = lElem.childNodes[2];
|
||||
|
||||
DOM.setCurrentFile(lCurrent);
|
||||
|
||||
Listeners.changeLinks(pElem);
|
||||
|
||||
if (lName === '..' && lDir !== '/')
|
||||
currentToParent(lDir);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Функция генерирует JSON из html-таблицы файлов и
|
||||
* используеться при первом заходе в корень
|
||||
*/
|
||||
function getJSONfromFileTable() {
|
||||
var lLeft = DOM.getById('left'),
|
||||
lPath = DOM.getByClass('path')[0].textContent,
|
||||
|
||||
lFileTable = [{
|
||||
path : lPath,
|
||||
size : 'dir'
|
||||
}],
|
||||
|
||||
lLI = DOM.getByTag('li', lLeft),
|
||||
i, n, j = 1; /* счётчик реальных файлов */
|
||||
|
||||
/* счётчик элементов файлов в DOM
|
||||
* Если путь отличный от корневного
|
||||
* второй элемент li - это ссылка на верхний
|
||||
* каталог '..'
|
||||
*/
|
||||
|
||||
/* пропускам Path и Header*/
|
||||
for(i = 2, n = lLI.length; i < n; i++) {
|
||||
var lCurrent = lLI[i],
|
||||
lName = DOM.getCurrentName(lCurrent),
|
||||
lSize = DOM.getCurrentSize(lCurrent),
|
||||
|
||||
lMode = DOM.getCurrentMode(lCurrent);
|
||||
lMode = CloudFunc.getNumericPermissions(lMode);
|
||||
|
||||
if (lName !== '..')
|
||||
lFileTable[ j++ ] = {
|
||||
name: lName,
|
||||
size: lSize,
|
||||
mode: lMode
|
||||
};
|
||||
}
|
||||
return Util.stringifyJSON(lFileTable);
|
||||
}
|
||||
return Util.stringifyJSON(lFileTable);
|
||||
}
|
||||
})(Util, DOM);
|
||||
})(this, Util, DOM);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue