Edit File by line

/**

[0] Fix | Delete

* @class elfindernav - elFinder container for diretories tree and places

[1] Fix | Delete

[2] Fix | Delete

* @author Dmitry (dio) Levashov

[3] Fix | Delete

**/

[4] Fix | Delete

jQuery.fn.elfindernavbar = function(fm, opts) {

[5] Fix | Delete

"use strict";

[6] Fix | Delete

this.not('.elfinder-navbar').each(function() {

[7] Fix | Delete

var nav = jQuery(this).hide().addClass('ui-state-default elfinder-navbar'),

[8] Fix | Delete

parent = nav.css('overflow', 'hidden').parent(),

[9] Fix | Delete

wz = parent.children('.elfinder-workzone').append(nav),

[10] Fix | Delete

ltr = fm.direction == 'ltr',

[11] Fix | Delete

delta, deltaW, handle, swipeHandle, autoHide, setWidth, navdock,

[12] Fix | Delete

setWzRect = function() {

[13] Fix | Delete

var cwd = fm.getUI('cwd'),

[14] Fix | Delete

wz = fm.getUI('workzone'),

[15] Fix | Delete

wzRect = wz.data('rectangle'),

[16] Fix | Delete

cwdOffset = cwd.offset();

[17] Fix | Delete

wz.data('rectangle', Object.assign(wzRect, { cwdEdge: (fm.direction === 'ltr')? cwdOffset.left : cwdOffset.left + cwd.width() }));

[18] Fix | Delete

[19] Fix | Delete

setDelta = function() {

[20] Fix | Delete

nav.css('overflow', 'hidden');

[21] Fix | Delete

delta = Math.round(nav.outerHeight() - nav.height());

[22] Fix | Delete

deltaW = Math.round(navdock.outerWidth() - navdock.innerWidth());

[23] Fix | Delete

nav.css('overflow', 'auto');

[24] Fix | Delete

};

[25] Fix | Delete

[26] Fix | Delete

fm.one('init', function() {

[27] Fix | Delete

navdock = fm.getUI('navdock');

[28] Fix | Delete

var set = function() {

[29] Fix | Delete

setDelta();

[30] Fix | Delete

fm.bind('wzresize', function() {

[31] Fix | Delete

var navdockH = 0;

[32] Fix | Delete

navdock.width(nav.outerWidth() - deltaW);

[33] Fix | Delete

if (navdock.children().length > 1) {

[34] Fix | Delete

navdockH = navdock.outerHeight(true);

[35] Fix | Delete

}

[36] Fix | Delete

nav.height(wz.height() - navdockH - delta);

[37] Fix | Delete

}).trigger('wzresize');

[38] Fix | Delete

};

[39] Fix | Delete

if (fm.cssloaded) {

[40] Fix | Delete

set();

[41] Fix | Delete

} else {

[42] Fix | Delete

fm.one('cssloaded', set);

[43] Fix | Delete

}

[44] Fix | Delete

})

[45] Fix | Delete

.one('opendone',function() {

[46] Fix | Delete

handle && handle.trigger('resize');

[47] Fix | Delete

nav.css('overflow', 'auto');

[48] Fix | Delete

}).bind('themechange', setDelta);

[49] Fix | Delete

[50] Fix | Delete

if (fm.UA.Touch) {

[51] Fix | Delete

autoHide = fm.storage('autoHide') || {};

[52] Fix | Delete

if (typeof autoHide.navbar === 'undefined') {

[53] Fix | Delete

autoHide.navbar = (opts.autoHideUA && opts.autoHideUA.length > 0 && jQuery.grep(opts.autoHideUA, function(v){ return fm.UA[v]? true : false; }).length);

[54] Fix | Delete

fm.storage('autoHide', autoHide);

[55] Fix | Delete

}

[56] Fix | Delete

[57] Fix | Delete

if (autoHide.navbar) {

[58] Fix | Delete

fm.one('init', function() {

[59] Fix | Delete

if (nav.children().length) {

[60] Fix | Delete

fm.uiAutoHide.push(function(){ nav.stop(true, true).trigger('navhide', { duration: 'slow', init: true }); });

[61] Fix | Delete

}

[62] Fix | Delete

});

[63] Fix | Delete

}

[64] Fix | Delete

[65] Fix | Delete

fm.bind('load', function() {

[66] Fix | Delete

if (nav.children().length) {

[67] Fix | Delete

swipeHandle = jQuery('<div class="elfinder-navbar-swipe-handle"></div>').hide().appendTo(wz);

[68] Fix | Delete

if (swipeHandle.css('pointer-events') !== 'none') {

[69] Fix | Delete

swipeHandle.remove();

[70] Fix | Delete

swipeHandle = null;

[71] Fix | Delete

}

[72] Fix | Delete

}

[73] Fix | Delete

});

[74] Fix | Delete

[75] Fix | Delete

nav.on('navshow navhide', function(e, data) {

[76] Fix | Delete

var mode = (e.type === 'navshow')? 'show' : 'hide',

[77] Fix | Delete

duration = (data && data.duration)? data.duration : 'fast',

[78] Fix | Delete

handleW = (data && data.handleW)? data.handleW : Math.max(50, fm.getUI().width() / 10);

[79] Fix | Delete

nav.stop(true, true)[mode]({

[80] Fix | Delete

duration: duration,

[81] Fix | Delete

step : function() {

[82] Fix | Delete

fm.trigger('wzresize');

[83] Fix | Delete

[84] Fix | Delete

complete: function() {

[85] Fix | Delete

if (swipeHandle) {

[86] Fix | Delete

if (mode === 'show') {

[87] Fix | Delete

swipeHandle.stop(true, true).hide();

[88] Fix | Delete

} else {

[89] Fix | Delete

swipeHandle.width(handleW? handleW : '');

[90] Fix | Delete

fm.resources.blink(swipeHandle, 'slowonce');

[91] Fix | Delete

}

[92] Fix | Delete

}

[93] Fix | Delete

fm.trigger('navbar'+ mode);

[94] Fix | Delete

data.init && fm.trigger('uiautohide');

[95] Fix | Delete

setWzRect();

[96] Fix | Delete

}

[97] Fix | Delete

});

[98] Fix | Delete

autoHide.navbar = (mode !== 'show');

[99] Fix | Delete

fm.storage('autoHide', Object.assign(fm.storage('autoHide'), {navbar: autoHide.navbar}));

[100] Fix | Delete

}).on('touchstart', function(e) {

[101] Fix | Delete

if (jQuery(this)['scroll' + (fm.direction === 'ltr'? 'Right' : 'Left')]() > 5) {

[102] Fix | Delete

e.originalEvent._preventSwipeX = true;

[103] Fix | Delete

}

[104] Fix | Delete

});

[105] Fix | Delete

}

[106] Fix | Delete

[107] Fix | Delete

if (! fm.UA.Mobile) {

[108] Fix | Delete

handle = nav.resizable({

[109] Fix | Delete

handles : ltr ? 'e' : 'w',

[110] Fix | Delete

minWidth : opts.minWidth || 150,

[111] Fix | Delete

maxWidth : opts.maxWidth || 500,

[112] Fix | Delete

resize : function() {

[113] Fix | Delete

fm.trigger('wzresize');

[114] Fix | Delete

[115] Fix | Delete

stop : function(e, ui) {

[116] Fix | Delete

fm.storage('navbarWidth', ui.size.width);

[117] Fix | Delete

setWzRect();

[118] Fix | Delete

}

[119] Fix | Delete

})

[120] Fix | Delete

.on('resize scroll', function(e) {

[121] Fix | Delete

var $this = jQuery(this),

[122] Fix | Delete

tm = $this.data('posinit');

[123] Fix | Delete

e.preventDefault();

[124] Fix | Delete

e.stopPropagation();

[125] Fix | Delete

if (! ltr && e.type === 'resize') {

[126] Fix | Delete

nav.css('left', 0);

[127] Fix | Delete

}

[128] Fix | Delete

tm && cancelAnimationFrame(tm);

[129] Fix | Delete

$this.data('posinit', requestAnimationFrame(function() {

[130] Fix | Delete

var offset = (fm.UA.Opera && nav.scrollLeft())? 20 : 2;

[131] Fix | Delete

handle.css('top', 0).css({

[132] Fix | Delete

top : parseInt(nav.scrollTop())+'px',

[133] Fix | Delete

left : ltr ? 'auto' : parseInt(nav.scrollRight() - offset) * -1,

[134] Fix | Delete

right: ltr ? parseInt(nav.scrollLeft() - offset) * -1 : 'auto'

[135] Fix | Delete

});

[136] Fix | Delete

if (e.type === 'resize') {

[137] Fix | Delete

fm.getUI('cwd').trigger('resize');

[138] Fix | Delete

}

[139] Fix | Delete

}));

[140] Fix | Delete

})

[141] Fix | Delete

.children('.ui-resizable-handle').addClass('ui-front');

[142] Fix | Delete

}

[143] Fix | Delete

[144] Fix | Delete

if (setWidth = fm.storage('navbarWidth')) {

[145] Fix | Delete

nav.width(setWidth);

[146] Fix | Delete

} else {

[147] Fix | Delete

if (fm.UA.Mobile) {

[148] Fix | Delete

fm.one(fm.cssloaded? 'init' : 'cssloaded', function() {

[149] Fix | Delete

var set = function() {

[150] Fix | Delete

setWidth = nav.parent().width() / 2;

[151] Fix | Delete

if (nav.data('defWidth') > setWidth) {

[152] Fix | Delete

nav.width(setWidth);

[153] Fix | Delete

} else {

[154] Fix | Delete

nav.width(nav.data('defWidth'));

[155] Fix | Delete

}

[156] Fix | Delete

nav.data('width', nav.width());

[157] Fix | Delete

fm.trigger('wzresize');

[158] Fix | Delete

};

[159] Fix | Delete

nav.data('defWidth', nav.width());

[160] Fix | Delete

jQuery(window).on('resize.' + fm.namespace, set);

[161] Fix | Delete

set();

[162] Fix | Delete

});

[163] Fix | Delete

}

[164] Fix | Delete

}

[165] Fix | Delete

[166] Fix | Delete

});

[167] Fix | Delete

[168] Fix | Delete

return this;

[169] Fix | Delete

};

[170] Fix | Delete

[171] Fix | Delete