Edit File by line

/**

[0] Fix | Delete

* @class elfindernavdock - elFinder container for preview etc at below the navbar

[1] Fix | Delete

[2] Fix | Delete

* @author Naoki Sawada

[3] Fix | Delete

**/

[4] Fix | Delete

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

[5] Fix | Delete

"use strict";

[6] Fix | Delete

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

[7] Fix | Delete

var self = jQuery(this).hide().addClass('ui-state-default elfinder-navdock touch-punch'),

[8] Fix | Delete

node = self.parent(),

[9] Fix | Delete

wz = node.children('.elfinder-workzone').append(self),

[10] Fix | Delete

resize = function(to, h) {

[11] Fix | Delete

var curH = h || self.height(),

[12] Fix | Delete

diff = to - curH,

[13] Fix | Delete

len = Object.keys(sizeSyncs).length,

[14] Fix | Delete

calc = len? diff / len : 0,

[15] Fix | Delete

ovf;

[16] Fix | Delete

if (diff) {

[17] Fix | Delete

ovf = self.css('overflow');

[18] Fix | Delete

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

[19] Fix | Delete

self.height(to);

[20] Fix | Delete

jQuery.each(sizeSyncs, function(id, n) {

[21] Fix | Delete

n.height(n.height() + calc).trigger('resize.' + fm.namespace);

[22] Fix | Delete

});

[23] Fix | Delete

fm.trigger('wzresize');

[24] Fix | Delete

self.css('overflow', ovf);

[25] Fix | Delete

}

[26] Fix | Delete

[27] Fix | Delete

handle = jQuery('<div class="ui-front ui-resizable-handle ui-resizable-n"></div>').appendTo(self),

[28] Fix | Delete

sizeSyncs = {},

[29] Fix | Delete

resizeFn = [],

[30] Fix | Delete

initMaxHeight = (parseInt(opts.initMaxHeight) || 50) / 100,

[31] Fix | Delete

maxHeight = (parseInt(opts.maxHeight) || 90) / 100,

[32] Fix | Delete

basicHeight, hasNode;

[33] Fix | Delete

[34] Fix | Delete

[35] Fix | Delete

self.data('addNode', function(cNode, opts) {

[36] Fix | Delete

var wzH = fm.getUI('workzone').height(),

[37] Fix | Delete

imaxH = wzH * initMaxHeight,

[38] Fix | Delete

curH, tH, mH;

[39] Fix | Delete

opts = Object.assign({

[40] Fix | Delete

first: false,

[41] Fix | Delete

sizeSync: true,

[42] Fix | Delete

init: false

[43] Fix | Delete

}, opts);

[44] Fix | Delete

if (!cNode.attr('id')) {

[45] Fix | Delete

cNode.attr('id', fm.namespace+'-navdock-' + (+new Date()));

[46] Fix | Delete

}

[47] Fix | Delete

opts.sizeSync && (sizeSyncs[cNode.attr('id')] = cNode);

[48] Fix | Delete

curH = self.height();

[49] Fix | Delete

tH = curH + cNode.outerHeight(true);

[50] Fix | Delete

[51] Fix | Delete

if (opts.first) {

[52] Fix | Delete

handle.after(cNode);

[53] Fix | Delete

} else {

[54] Fix | Delete

self.append(cNode);

[55] Fix | Delete

}

[56] Fix | Delete

hasNode = true;

[57] Fix | Delete

self.resizable('enable').height(tH).show();

[58] Fix | Delete

[59] Fix | Delete

fm.trigger('wzresize');

[60] Fix | Delete

[61] Fix | Delete

if (opts.init) {

[62] Fix | Delete

mH = fm.storage('navdockHeight');

[63] Fix | Delete

if (mH) {

[64] Fix | Delete

tH = mH;

[65] Fix | Delete

} else {

[66] Fix | Delete

tH = tH > imaxH? imaxH : tH;

[67] Fix | Delete

}

[68] Fix | Delete

basicHeight = tH;

[69] Fix | Delete

}

[70] Fix | Delete

resize(Math.min(tH, wzH * maxHeight));

[71] Fix | Delete

[72] Fix | Delete

return self;

[73] Fix | Delete

}).data('removeNode', function(nodeId, appendTo) {

[74] Fix | Delete

var cNode = jQuery('#'+nodeId);

[75] Fix | Delete

delete sizeSyncs[nodeId];

[76] Fix | Delete

self.height(self.height() - jQuery('#'+nodeId).outerHeight(true));

[77] Fix | Delete

if (appendTo) {

[78] Fix | Delete

if (appendTo === 'detach') {

[79] Fix | Delete

cNode = cNode.detach();

[80] Fix | Delete

} else {

[81] Fix | Delete

appendTo.append(cNode);

[82] Fix | Delete

}

[83] Fix | Delete

} else {

[84] Fix | Delete

cNode.remove();

[85] Fix | Delete

}

[86] Fix | Delete

if (self.children().length <= 1) {

[87] Fix | Delete

hasNode = false;

[88] Fix | Delete

self.resizable('disable').height(0).hide();

[89] Fix | Delete

}

[90] Fix | Delete

fm.trigger('wzresize');

[91] Fix | Delete

return cNode;

[92] Fix | Delete

});

[93] Fix | Delete

[94] Fix | Delete

if (! opts.disabled) {

[95] Fix | Delete

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

[96] Fix | Delete

var ovf;

[97] Fix | Delete

if (fm.getUI('navbar').children().not('.ui-resizable-handle').length) {

[98] Fix | Delete

self.data('dockEnabled', true);

[99] Fix | Delete

self.resizable({

[100] Fix | Delete

maxHeight: fm.getUI('workzone').height() * maxHeight,

[101] Fix | Delete

handles: { n: handle },

[102] Fix | Delete

start: function(e, ui) {

[103] Fix | Delete

ovf = self.css('overflow');

[104] Fix | Delete

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

[105] Fix | Delete

fm.trigger('navdockresizestart', {event: e, ui: ui}, true);

[106] Fix | Delete

[107] Fix | Delete

resize: function(e, ui) {

[108] Fix | Delete

self.css('top', '');

[109] Fix | Delete

fm.trigger('wzresize', { inNavdockResize : true });

[110] Fix | Delete

[111] Fix | Delete

stop: function(e, ui) {

[112] Fix | Delete

fm.trigger('navdockresizestop', {event: e, ui: ui}, true);

[113] Fix | Delete

self.css('top', '');

[114] Fix | Delete

basicHeight = ui.size.height;

[115] Fix | Delete

fm.storage('navdockHeight', basicHeight);

[116] Fix | Delete

resize(basicHeight, ui.originalSize.height);

[117] Fix | Delete

self.css('overflow', ovf);

[118] Fix | Delete

}

[119] Fix | Delete

});

[120] Fix | Delete

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

[121] Fix | Delete

var minH, maxH, h;

[122] Fix | Delete

if (self.is(':visible')) {

[123] Fix | Delete

maxH = fm.getUI('workzone').height() * maxHeight;

[124] Fix | Delete

if (! e.data || ! e.data.inNavdockResize) {

[125] Fix | Delete

h = self.height();

[126] Fix | Delete

if (maxH < basicHeight) {

[127] Fix | Delete

if (Math.abs(h - maxH) > 1) {

[128] Fix | Delete

resize(maxH);

[129] Fix | Delete

}

[130] Fix | Delete

} else {

[131] Fix | Delete

if (Math.abs(h - basicHeight) > 1) {

[132] Fix | Delete

resize(basicHeight);

[133] Fix | Delete

}

[134] Fix | Delete

}

[135] Fix | Delete

}

[136] Fix | Delete

self.resizable('option', 'maxHeight', maxH);

[137] Fix | Delete

}

[138] Fix | Delete

}).bind('themechange', function() {

[139] Fix | Delete

var oldH = Math.round(self.height());

[140] Fix | Delete

requestAnimationFrame(function() {

[141] Fix | Delete

var curH = Math.round(self.height()),

[142] Fix | Delete

diff = oldH - curH;

[143] Fix | Delete

if (diff !== 0) {

[144] Fix | Delete

resize(self.height(), curH - diff);

[145] Fix | Delete

}

[146] Fix | Delete

});

[147] Fix | Delete

});

[148] Fix | Delete

}

[149] Fix | Delete

fm.bind('navbarshow navbarhide', function(e) {

[150] Fix | Delete

self[hasNode && e.type === 'navbarshow'? 'show' : 'hide']();

[151] Fix | Delete

});

[152] Fix | Delete

});

[153] Fix | Delete

}

[154] Fix | Delete

});

[155] Fix | Delete

return this;

[156] Fix | Delete

};

[157] Fix | Delete