mirror of
https://github.com/coderaiser/cloudcmd.git
synced 2026-07-25 17:04:16 +00:00
added object Util
This commit is contained in:
coderaiser
parent
ea53d0fc02
commit
0b812d377b
1 changed files with 140 additions and 144 deletions
|
|
@ -1,145 +1,141 @@
|
|||
var CloudCommander, CloudFunc, $;
|
||||
/* object contains viewer FancyBox
|
||||
* https://github.com/fancyapps/fancyBox
|
||||
*/
|
||||
CloudCommander.Viewer = {
|
||||
dir : './lib/client/viewer/',
|
||||
|
||||
getByClass : function(pClass){
|
||||
return document.getElementsByClassName(pClass);
|
||||
}
|
||||
};
|
||||
CloudCommander.Viewer.FancyBox = {
|
||||
dir : CloudCommander.Viewer.dir + 'fancybox/',
|
||||
/* function return configureation
|
||||
* for FancyBox open and
|
||||
* onclick (it shoud be
|
||||
* different objects)
|
||||
*/
|
||||
getConfig: (function(){
|
||||
return{
|
||||
beforeShow : (function(){
|
||||
CloudCommander.keyBinded = false;
|
||||
}),
|
||||
beforeClose: (function(){
|
||||
CloudCommander.keyBinded = true;
|
||||
}),
|
||||
|
||||
openEffect : 'none',
|
||||
closeEffect : 'none',
|
||||
|
||||
helpers : {
|
||||
overlay : {
|
||||
opacity: 0.1,
|
||||
css : {
|
||||
'background-color' : '#fff'
|
||||
}
|
||||
}
|
||||
},
|
||||
padding : 0
|
||||
};
|
||||
}),
|
||||
/* function loads css and js of FancyBox
|
||||
* @pParent - this
|
||||
* @pCallBack - executes, when everything loaded
|
||||
*/
|
||||
load: (function(pParent, pCallBack){
|
||||
return function(){
|
||||
var ljsLoad_f = function(){
|
||||
var lSrc = pParent.dir + 'jquery.fancybox.pack.js';
|
||||
CloudCommander.jsload(lSrc,{
|
||||
onload: pCallBack
|
||||
});
|
||||
};
|
||||
|
||||
var lSrc = pParent.dir +'jquery.fancybox.pack.css';
|
||||
CloudCommander.cssLoad({
|
||||
src : lSrc,
|
||||
func : {
|
||||
onload: ljsLoad_f
|
||||
}
|
||||
});
|
||||
}();
|
||||
}),
|
||||
set: function(){
|
||||
if(this.getByClass('fancybox').length)
|
||||
return;
|
||||
try{
|
||||
/* get current panel (left or right) */
|
||||
var lPanel = this.getByClass('current-file');
|
||||
|
||||
lPanel.length &&
|
||||
(lPanel = lPanel[0].parentElement);
|
||||
|
||||
/* get all file links */
|
||||
var lA = lPanel.getElementsByTagName('a');
|
||||
|
||||
var lName;
|
||||
/* first two is not files nor folders*/
|
||||
for (var i=2; i < lA.length; i++) {
|
||||
lName = lA[i].title || lA[i].textContent;
|
||||
|
||||
CloudFunc.checkExtension(lName,['png','jpg']) &&
|
||||
(lA[i].className = 'fancybox') &&
|
||||
(lA[i].rel = 'gallery');
|
||||
}
|
||||
|
||||
$('.fancybox').fancybox(this.getConfig());
|
||||
}catch(pError){
|
||||
console.log(pError);
|
||||
}
|
||||
},
|
||||
|
||||
show : (function(pParent){
|
||||
CloudCommander.Viewer.FancyBox.set();
|
||||
|
||||
var lCurrent = this.getByClass('current-file');
|
||||
lCurrent.length &&
|
||||
(lCurrent = lCurrent[0]);
|
||||
|
||||
var lA = lCurrent.getElementsByClassName('fancybox');
|
||||
|
||||
var lConfig = this.getConfig();
|
||||
|
||||
lA.length &&
|
||||
$.fancybox.open({ href : lA[0].href },
|
||||
lConfig);
|
||||
}),
|
||||
|
||||
getById : function(pId){return document.getElementById(pId);},
|
||||
|
||||
getByClass : function(pClass){
|
||||
return document.getElementsByClassName(pClass);
|
||||
}
|
||||
};
|
||||
CloudCommander.Viewer.Keys = (function(){
|
||||
"use strict";
|
||||
|
||||
var lCallBack_f = (function(){
|
||||
var key_event = (function(){
|
||||
return function(event){
|
||||
/* если клавиши можно обрабатывать */
|
||||
if(CloudCommander.keyBinded){
|
||||
/* if f3 pressed */
|
||||
if(event.keyCode===114){
|
||||
CloudCommander.Viewer.FancyBox.show();
|
||||
|
||||
event.preventDefault();
|
||||
}
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
/* добавляем обработчик клавишь */
|
||||
if (document.addEventListener)
|
||||
document.addEventListener('keydown', key_event(),false);
|
||||
|
||||
else
|
||||
document.onkeypress=key_event;
|
||||
|
||||
/* showing images preview*/
|
||||
CloudCommander.Viewer.FancyBox.show();
|
||||
});
|
||||
|
||||
CloudCommander.Viewer.FancyBox.load(this.FancyBox, lCallBack_f);
|
||||
var CloudCommander, CloudFunc, $;
|
||||
/* object contains viewer FancyBox
|
||||
* https://github.com/fancyapps/fancyBox
|
||||
*/
|
||||
CloudCommander.Viewer = {
|
||||
dir : './lib/client/viewer/'
|
||||
};
|
||||
|
||||
CloudCommander.Viewer.FancyBox = new CloudCommander.Util();
|
||||
|
||||
CloudCommander.Viewer.FancyBox.dir = CloudCommander.Viewer.dir +
|
||||
'fancybox/';
|
||||
|
||||
/* function return configureation
|
||||
* for FancyBox open and
|
||||
* onclick (it shoud be
|
||||
* different objects)
|
||||
*/
|
||||
CloudCommander.Viewer.FancyBox.getConfig = (function(){
|
||||
return{
|
||||
beforeShow : (function(){
|
||||
CloudCommander.keyBinded = false;
|
||||
}),
|
||||
beforeClose: (function(){
|
||||
CloudCommander.keyBinded = true;
|
||||
}),
|
||||
|
||||
openEffect : 'none',
|
||||
closeEffect : 'none',
|
||||
|
||||
helpers : {
|
||||
overlay : {
|
||||
opacity: 0.1,
|
||||
css : {
|
||||
'background-color' : '#fff'
|
||||
}
|
||||
}
|
||||
},
|
||||
padding : 0
|
||||
};
|
||||
});
|
||||
|
||||
/* function loads css and js of FancyBox
|
||||
* @pParent - this
|
||||
* @pCallBack - executes, when everything loaded
|
||||
*/
|
||||
CloudCommander.Viewer.FancyBox.load = (function(pParent, pCallBack){
|
||||
return function(){
|
||||
var ljsLoad_f = function(){
|
||||
var lSrc = pParent.dir + 'jquery.fancybox.pack.js';
|
||||
CloudCommander.jsload(lSrc,{
|
||||
onload: pCallBack
|
||||
});
|
||||
};
|
||||
|
||||
var lSrc = pParent.dir +'jquery.fancybox.pack.css';
|
||||
CloudCommander.cssLoad({
|
||||
src : lSrc,
|
||||
func : {
|
||||
onload: ljsLoad_f
|
||||
}
|
||||
});
|
||||
}();
|
||||
});
|
||||
|
||||
CloudCommander.Viewer.FancyBox.set = (function(){
|
||||
if(this.getByClass('fancybox').length)
|
||||
return;
|
||||
try{
|
||||
/* get current panel (left or right) */
|
||||
var lPanel = this.getByClass('current-file');
|
||||
|
||||
lPanel.length &&
|
||||
(lPanel = lPanel[0].parentElement);
|
||||
|
||||
/* get all file links */
|
||||
var lA = lPanel.getElementsByTagName('a');
|
||||
|
||||
var lName;
|
||||
/* first two is not files nor folders*/
|
||||
for (var i=2; i < lA.length; i++) {
|
||||
lName = lA[i].title || lA[i].textContent;
|
||||
|
||||
CloudFunc.checkExtension(lName,['png','jpg']) &&
|
||||
(lA[i].className = 'fancybox') &&
|
||||
(lA[i].rel = 'gallery');
|
||||
}
|
||||
|
||||
$('.fancybox').fancybox(this.getConfig());
|
||||
}catch(pError){
|
||||
console.log(pError);
|
||||
}
|
||||
});
|
||||
|
||||
CloudCommander.Viewer.FancyBox.show = (function(pParent){
|
||||
CloudCommander.Viewer.FancyBox.set();
|
||||
|
||||
var lCurrent = this.getByClass('current-file');
|
||||
lCurrent.length &&
|
||||
(lCurrent = lCurrent[0]);
|
||||
|
||||
var lA = lCurrent.getElementsByClassName('fancybox');
|
||||
|
||||
var lConfig = this.getConfig();
|
||||
|
||||
lA.length &&
|
||||
$.fancybox.open({ href : lA[0].href },
|
||||
lConfig);
|
||||
});
|
||||
|
||||
CloudCommander.Viewer.Keys = (function(){
|
||||
"use strict";
|
||||
|
||||
var lCallBack_f = (function(){
|
||||
var key_event = (function(){
|
||||
return function(event){
|
||||
/* если клавиши можно обрабатывать */
|
||||
if(CloudCommander.keyBinded){
|
||||
/* if f3 pressed */
|
||||
if(event.keyCode===114){
|
||||
CloudCommander.Viewer.FancyBox.show();
|
||||
|
||||
event.preventDefault();
|
||||
}
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
/* добавляем обработчик клавишь */
|
||||
if (document.addEventListener)
|
||||
document.addEventListener('keydown', key_event(),false);
|
||||
|
||||
else
|
||||
document.onkeypress=key_event;
|
||||
|
||||
/* showing images preview*/
|
||||
CloudCommander.Viewer.FancyBox.show();
|
||||
});
|
||||
|
||||
CloudCommander.Viewer.FancyBox.load(this.FancyBox, lCallBack_f);
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue