mirror of
https://github.com/coderaiser/cloudcmd.git
synced 2026-01-23 18:55:26 +00:00
refactored
This commit is contained in:
parent
d64a58692f
commit
778fb8ebbb
5 changed files with 57 additions and 52 deletions
|
|
@ -181,10 +181,10 @@ body{
|
|||
font-weight: bold;
|
||||
}
|
||||
#path{
|
||||
margin-left:1.5%;
|
||||
margin-left:1.5%;
|
||||
}
|
||||
#left{
|
||||
float:left;
|
||||
.left, #left{
|
||||
float:left;
|
||||
}
|
||||
/* фон файла, на котором курсор*/
|
||||
.current-file{
|
||||
|
|
@ -192,9 +192,11 @@ body{
|
|||
}
|
||||
.selected-file{
|
||||
color:white;
|
||||
background-color: rgb(49, 123, 249);
|
||||
background-color: rgba(49, 123, 249, .40);
|
||||
}
|
||||
#right{
|
||||
|
||||
.right, #right{
|
||||
float:right;
|
||||
}
|
||||
.panel{
|
||||
|
|
|
|||
|
|
@ -99,11 +99,15 @@ var CloudCommander, Util, DOM, CloudFunc;
|
|||
* @param pElement {document by default}
|
||||
*/
|
||||
DOM.addListener = function(pType, pListener, pUseCapture, pElement){
|
||||
return (pElement || document).addEventListener(
|
||||
var lRet = this;
|
||||
|
||||
(pElement || document).addEventListener(
|
||||
pType,
|
||||
pListener,
|
||||
pUseCapture || false
|
||||
);
|
||||
|
||||
return lRet;
|
||||
};
|
||||
|
||||
/**
|
||||
|
|
@ -111,7 +115,7 @@ var CloudCommander, Util, DOM, CloudFunc;
|
|||
* @param pListener
|
||||
* @param pUseCapture
|
||||
*/
|
||||
DOM.addKeyListener = function(pListener, pUseCapture){
|
||||
DOM.addKeyListener = function(pListener, pUseCapture){
|
||||
return DOM.addListener('keydown', pListener, pUseCapture);
|
||||
};
|
||||
|
||||
|
|
@ -288,6 +292,8 @@ var CloudCommander, Util, DOM, CloudFunc;
|
|||
* @param pFunc - onload function
|
||||
*/
|
||||
DOM.anyLoadOnLoad = function(pParams_a, pFunc){
|
||||
var lRet = this;
|
||||
|
||||
if( Util.isArray(pParams_a) ) {
|
||||
var lParam = pParams_a.pop(),
|
||||
lFunc = function(){
|
||||
|
|
@ -309,6 +315,8 @@ var CloudCommander, Util, DOM, CloudFunc;
|
|||
}else
|
||||
Util.exec(pFunc);
|
||||
}
|
||||
|
||||
return lRet;
|
||||
};
|
||||
|
||||
/**
|
||||
|
|
@ -320,7 +328,7 @@ var CloudCommander, Util, DOM, CloudFunc;
|
|||
* @param pFunc - onload function
|
||||
*/
|
||||
DOM.anyLoadInParallel = function(pParams_a, pFunc){
|
||||
var lRet = Util.isArray(pParams_a),
|
||||
var lRet = this,
|
||||
done = [],
|
||||
|
||||
doneFunc = function (pCallBack){
|
||||
|
|
@ -330,7 +338,7 @@ var CloudCommander, Util, DOM, CloudFunc;
|
|||
Util.exec(pFunc);
|
||||
};
|
||||
|
||||
if(!lRet){
|
||||
if( !Util.isArray(pParams_a) ){
|
||||
pParams_a = [pParams_a];
|
||||
}
|
||||
|
||||
|
|
@ -347,8 +355,6 @@ var CloudCommander, Util, DOM, CloudFunc;
|
|||
lParam.func = Util.retExec(doneFunc, lFunc);
|
||||
|
||||
DOM.anyload(lParam);
|
||||
|
||||
lRet = true;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -21,22 +21,22 @@ var CloudCommander, Util, DOM, CloudFunc, CodeMirror;
|
|||
/* private functions */
|
||||
|
||||
function setCSS(){
|
||||
return DOM.cssSet({
|
||||
var lPosition = DOM.getPanel().id,
|
||||
lRet = 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;' +
|
||||
'float' + ':' + lPosition +
|
||||
'}'
|
||||
});
|
||||
|
||||
return lRet;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -83,27 +83,26 @@ var CloudCommander, Util, DOM, CloudFunc, CodeMirror;
|
|||
*/
|
||||
function load(pCallBack){
|
||||
console.time('codemirror load');
|
||||
var lDir = cloudcmd.LIBDIRCLIENT + 'editor/codemirror/';
|
||||
|
||||
DOM.anyLoadOnLoad(
|
||||
[
|
||||
var lDir = cloudcmd.LIBDIRCLIENT + 'editor/codemirror/',
|
||||
lFiles =
|
||||
[
|
||||
lDir + 'codemirror.css',
|
||||
lDir + 'theme/night.css',
|
||||
lDir + 'mode/javascript.js',
|
||||
],
|
||||
|
||||
lDir + 'codemirror.js'
|
||||
],
|
||||
|
||||
function(){
|
||||
console.timeEnd('codemirror load');
|
||||
CodeMirrorLoaded = true;
|
||||
Util.exec(pCallBack);
|
||||
});
|
||||
|
||||
}
|
||||
[
|
||||
lDir + 'codemirror.css',
|
||||
lDir + 'theme/night.css',
|
||||
lDir + 'mode/javascript.js',
|
||||
],
|
||||
|
||||
lDir + 'codemirror.js'
|
||||
];
|
||||
|
||||
DOM.anyLoadOnLoad(lFiles, function(){
|
||||
console.timeEnd('codemirror load');
|
||||
CodeMirrorLoaded = true;
|
||||
Util.exec(pCallBack);
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* function shows CodeMirror editor
|
||||
*/
|
||||
|
|
@ -235,9 +234,8 @@ var CloudCommander, Util, DOM, CloudFunc, CodeMirror;
|
|||
};
|
||||
|
||||
/* добавляем обработчик клавишь */
|
||||
DOM.addKeyListener( lKeyListener );
|
||||
|
||||
DOM.setButtonKey('f4', lEditor);
|
||||
DOM.addKeyListener( lKeyListener )
|
||||
.setButtonKey('f4', lEditor);
|
||||
};
|
||||
|
||||
cloudcmd.Editor.CodeMirror = CodeMirrorEditor;
|
||||
|
|
|
|||
|
|
@ -46,13 +46,16 @@ var Util, DOM, $;
|
|||
* @param pListener
|
||||
*/
|
||||
DOM.addListener = function(pType, pListener){
|
||||
var lType = 'on' + pType,
|
||||
var lRet = this,
|
||||
lType = 'on' + pType,
|
||||
lFunc = document[lType];
|
||||
|
||||
document[lType] = function(){
|
||||
Util.exec(lFunc);
|
||||
pListener();
|
||||
};
|
||||
|
||||
return lRet;
|
||||
};
|
||||
|
||||
if(!document.getElementsByClassName){
|
||||
|
|
|
|||
|
|
@ -96,19 +96,16 @@ var CloudCommander, Util, DOM, CloudFunc, $;
|
|||
*/
|
||||
FancyBox.load = function(pCallBack){
|
||||
console.time('fancybox load');
|
||||
var lDir = cloudcmd.LIBDIRCLIENT + 'viewer/fancybox/';
|
||||
var lDir = cloudcmd.LIBDIRCLIENT + 'viewer/fancybox/',
|
||||
lFiles = [ lDir + 'jquery.fancybox.css',
|
||||
lDir + 'jquery.fancybox.js' ];
|
||||
|
||||
|
||||
DOM.anyLoadInParallel([
|
||||
lDir + 'jquery.fancybox.css',
|
||||
lDir + 'jquery.fancybox.js'],
|
||||
|
||||
function(){
|
||||
console.timeEnd('fancybox load');
|
||||
pCallBack();
|
||||
});
|
||||
|
||||
DOM.cssSet({id:'viewer',
|
||||
DOM.anyLoadInParallel(lFiles, function(){
|
||||
console.timeEnd('fancybox load');
|
||||
pCallBack();
|
||||
})
|
||||
.cssSet({id:'viewer',
|
||||
inner : '#CloudViewer{' +
|
||||
'font-size: 16px;' +
|
||||
'white-space :pre' +
|
||||
|
|
@ -215,9 +212,8 @@ var CloudCommander, Util, DOM, CloudFunc, $;
|
|||
};
|
||||
|
||||
/* добавляем обработчик клавишь */
|
||||
DOM.addKeyListener(lKeyListener);
|
||||
|
||||
DOM.setButtonKey('f3', lView);
|
||||
DOM.addKeyListener(lKeyListener)
|
||||
.setButtonKey('f3', lView);
|
||||
};
|
||||
|
||||
cloudcmd.Viewer.FancyBox = FancyBox;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue