| Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/egp/vendor/kartik-v/yii2-grid/src/assets/js/ |
Upload File : |
/*!
* @package yii2-grid
* @author Kartik Visweswaran <kartikv2@gmail.com>
* @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 - 2020
* @version 3.3.6
*
* jQuery methods library for yii2-grid expand row column
*
* Author: Kartik Visweswaran
* Copyright: 2014 - 2020, Kartik Visweswaran, Krajee.com
* For more JQuery plugins visit http://plugins.krajee.com
* For more Yii related demos visit http://demos.krajee.com
*/
var kvExpandRow;
(function ($) {
'use strict';
kvExpandRow = function (options, id) {
//noinspection JSUnresolvedVariable
var NS = '.kvExpandRowColumn',
kvRowNumVar = 'kvRowNum_' + id,
gridId = options.gridId,
hiddenFromExport = options.hiddenFromExport,
detailUrl = options.detailUrl,
onDetailLoaded = options.onDetailLoaded,
expandIcon = options.expandIcon,
collapseIcon = options.collapseIcon,
expandTitle = options.expandTitle,
collapseTitle = options.collapseTitle,
expandAllTitle = options.expandAllTitle,
collapseAllTitle = options.collapseAllTitle,
expandOneOnly = options.expandOneOnly,
enableRowClick = options.enableRowClick,
rowClickExcludedTags = options.rowClickExcludedTags,
enableCache = options.enableCache,
extraData = options.extraData,
msgDetailLoading = options.msgDetailLoading,
rowCssClass = hiddenFromExport ? options.rowCssClass + ' skip-export' : options.rowCssClass,
duration = options.animationDuration,
$grid = $('#' + gridId),
idCss = '.' + id,
$hdrCell = $grid.find('.kv-expand-header-cell.kv-batch-toggle' + idCss),
$hdrIcon = $hdrCell.find('.kv-expand-header-icon'),
collapseAll = options.collapseAll === undefined ? false : options.collapseAll,
expandAll = options.expandAll === undefined ? false : options.expandAll,
$cells = $grid.find('td.kv-expand-icon-cell' + idCss + ' .kv-expand-row:not(.kv-state-disabled)'),
numRows = $cells.length, progress = 'kv-expand-detail-loading',
getCols = function () {
var $col = $grid.find('td.kv-expand-icon-cell' + idCss + ':first'),
$row = $col && $col.length ? $col.closest('tr') : '', cols = 0;
if (!$row || !$row.length) {
return 0;
}
$row.find('> td').each(function () {
if ($(this).css('display') !== 'none') {
cols++;
}
});
return cols;
},
cols = getCols(),
isExpanded = function ($i) {
return $i.hasClass('kv-state-expanded') && !$i.hasClass('kv-state-disabled');
},
isCollapsed = function ($i) {
return $i.hasClass('kv-state-collapsed') && !$i.hasClass('kv-state-disabled');
},
setCss = function ($el, css) {
if ($el.length) {
$el.removeClass(css).addClass(css);
}
},
setExpanded = function ($i) {
$i.removeClass('kv-state-expanded').addClass('kv-state-collapsed');
},
setCollapsed = function ($i) {
$i.removeClass('kv-state-collapsed').addClass('kv-state-expanded');
},
beginLoading = function ($c) {
setCss($c, progress);
},
endLoading = function ($c) {
if (!$c.length) {
return;
}
var delay = isNaN(duration) ? 1000 : duration + 200;
setTimeout(function () {
$c.removeClass(progress);
}, delay);
},
getRowNum = function () {
var num = $grid.data(kvRowNumVar);
num = num ? parseInt(num) : 0;
return isNaN(num) ? 0 : num;
},
setRowNum = function (value) {
$grid.data(kvRowNumVar, value);
},
incrementRowNum = function () {
var num = getRowNum();
$grid.data(kvRowNumVar, num + 1);
},
handler = function ($el, event, callback, skipNS) {
var ev = skipNS ? event : event.split(' ').join(NS + ' ') + NS;
if ($el.length) {
$el.off(ev).on(ev, callback);
}
};
var ToggleManager = function ($element) {
var self = this;
self.$element = $element;
self.init();
};
ToggleManager.prototype = {
constructor: ToggleManager,
init: function () {
var self = this, $newRow;
self.$row = self.$element.closest('tr');
self.$icon = self.$element.find('>.kv-expand-icon');
self.$detail = self.$element.find('.kv-expanded-row' + idCss + ':first');
self.$cell = self.$icon.closest('.kv-expand-icon-cell');
self.$container = self.$cell.find('.kv-expand-detail:first');
self.vKey = self.$detail.data('key');
self.vInd = self.$detail.data('index');
if (self.$detail.length === 0) {
self.vKey = self.$row.data('key');
$newRow = self.$row.next('tr.kv-expand-detail-row[data-key="' + self.vKey + '"]');
self.$detail = $newRow.find('.kv-expanded-row');
}
},
run: function () {
var self = this, $row = self.$row, $cell = self.$cell, $icon = self.$icon;
if (!isExpanded($icon) && !isCollapsed($icon)) {
return;
}
if (expandAll) {
if (isCollapsed($icon)) {
self.load(function () {
self.expand(true);
incrementRowNum();
if (getRowNum() >= numRows) {
endLoading($hdrCell);
$hdrIcon.focus();
}
});
}
if (getRowNum() >= numRows) {
endLoading($hdrCell);
$hdrIcon.focus();
}
return;
}
if (collapseAll) {
if (isExpanded($icon)) {
self.collapse();
incrementRowNum();
if (getRowNum() >= numRows) {
endLoading($hdrCell);
$hdrIcon.focus();
}
}
if (getRowNum() >= numRows) {
endLoading($hdrCell);
$hdrIcon.focus();
}
return;
}
if (isExpanded($icon)) {
if (detailUrl) {
self.load(function () {
self.expand(false);
});
} else {
self.expand(false);
}
}
handler($cell, 'click', function (event) {
self.toggle();
event.stopPropagation();
});
handler($row, 'click', function (event) {
var target = event.target, clickDisabled = $(target).length &&
$(target).hasClass('kv-disable-click') ||
$.inArray(target.nodeName, rowClickExcludedTags) !== -1;
if (enableRowClick && !clickDisabled) {
self.toggle();
}
});
},
load: function (postProcess) {
var self = this, $cell = self.$cell, $detail = self.$detail, vKey = self.vKey, vInd = self.vInd,
params = $.extend({expandRowKey: vKey, expandRowInd: vInd}, extraData),
reload = enableCache ? $detail.html().length === 0 : true;
if (detailUrl.length > 0 && reload) {
$.ajax({
type: 'POST',
data: params,
url: detailUrl,
beforeSend: function () {
beginLoading($cell);
$grid.trigger('kvexprow:beforeLoad', [vInd, vKey, extraData]);
$detail.html(msgDetailLoading);
},
success: function (out) {
$detail.html(out);
endLoading($cell);
if (typeof onDetailLoaded === 'function') {
onDetailLoaded();
}
postProcess();
$grid.trigger('kvexprow:loaded', [vInd, vKey, extraData]);
},
error: function () {
$detail.html(
'<div class="alert alert-danger">Error fetching data. Please try again later.</div>');
$grid.trigger('kvexprow:error', [vInd, vKey, extraData]);
endLoading($cell);
}
});
return;
} else {
endLoading($cell);
}
if (typeof postProcess === 'function') {
postProcess();
}
},
expand: function (animate) {
var self = this, $row = self.$row, $icon = self.$icon, $cell = self.$cell,
$detail = self.$detail, vKey = self.vKey, vInd = self.vInd, isAjax = detailUrl.length > 0;
if (isExpanded($icon)) {
return;
}
if (!isAjax) {
beginLoading($cell);
}
$grid.find('tr[data-index="' + vInd + '"]').remove();
$detail.hide();
$row.after($detail);
var newRow = '<tr class="kv-expand-detail-row ' + rowCssClass + '" data-key="' + vKey +
'" data-index="' + vInd + '">';
//noinspection JSValidateTypes
$detail.wrap('<td colspan="' + cols + '">').parent().wrap(newRow);
$icon.html(collapseIcon);
$cell.attr('title', collapseTitle);
if (animate) {
$detail.slideDown(duration, function () {
setCollapsed($icon);
$detail.show();
});
} else {
$detail.show();
setCollapsed($icon);
}
// needed when used together with grouping
var $rowsBefore = $row.prevAll(), expandRowPosition = $row.index() + 1;
$rowsBefore.push($row);
$.each($rowsBefore, function (i, tr) {
var $rowSpanTds = $(tr).find('td[rowspan]');
$.each($rowSpanTds, function (j, td) {
var rowSpan = parseInt($(td).attr('rowspan'));
if ($(tr).index() + rowSpan > expandRowPosition) {
$(td).attr('rowspan', rowSpan + 1);
}
});
});
if (!isAjax) {
endLoading($cell);
}
},
collapse: function (hideProgress) {
var self = this, $row = self.$row, $icon = self.$icon, $cell = self.$cell, $detail = self.$detail,
$container = self.$container;
if (isCollapsed($icon)) {
return;
}
if (!hideProgress) {
beginLoading($cell);
}
$container.html('');
$icon.html(expandIcon);
$cell.attr('title', expandTitle);
$detail.slideUp(duration, function () {
var $detailRow = $detail.closest('tr.kv-expand-detail-row');
if ($detailRow.length) {
$detailRow.before($detail).remove();
}
$detail.appendTo($container);
setExpanded($icon);
// needed when used together with grouping
var $rowsBefore = $row.prevAll();
$rowsBefore.push($row);
var expandRowPosition = $row.index() + 1;
$.each($rowsBefore, function (i, tr) {
var $rowSpanTds = $(tr).find('td[rowspan]');
$.each($rowSpanTds, function (j, td) {
var rowSpan = parseInt($(td).attr('rowspan'));
if ($(tr).index() + rowSpan > expandRowPosition) {
$(td).attr('rowspan', rowSpan - 1);
}
});
});
});
if (!hideProgress) {
endLoading($cell);
}
},
toggle: function () {
var self = this, $icon = self.$icon, $cell = self.$cell, chk, collapsed = false,
vKey = self.vKey, vInd = self.vInd;
if ($cell.hasClass(progress)) {
return;
}
if (isCollapsed($icon)) {
chk = expandOneOnly && !collapseAll;
if (chk) {
$cells.each(function () {
var manager = new ToggleManager($(this));
manager.collapse(true);
});
collapsed = true;
}
self.load(function () {
self.expand(true);
});
if (!chk || collapsed) {
$grid.trigger('kvexprow:toggle', [vInd, vKey, extraData, true]);
$icon.focus();
}
return;
}
if (isExpanded($icon)) {
self.collapse();
$grid.trigger('kvexprow:toggle', [vInd, vKey, extraData, false]);
$icon.focus();
}
}
};
// initialize expanded cells content
$cells.each(function () {
});
if (!$grid.data(kvRowNumVar)) {
setRowNum(0);
}
if (extraData.length === 0) {
extraData = {};
}
if ($cells.length === 0) {
setCss($hdrCell, 'kv-state-disabled');
return;
}
$cells.each(function () {
var $cell = $(this), manager = new ToggleManager($cell), $icon = $cell.find('>.kv-expand-icon');
if (isExpanded($icon)) {
manager.collapse(false);
manager.expand(false);
}
manager.run();
});
if (!$hdrCell.length) {
return;
}
handler($hdrCell, 'click', function () {
if ($hdrCell.hasClass(progress) || $cells.length === 0) {
return;
}
var collAll = isCollapsed($hdrIcon), expAll = isExpanded($hdrIcon),
opt = $.extend(true, {}, options, {expandAll: expAll, collapseAll: collAll});
beginLoading($hdrCell);
if (expAll) {
setRowNum($cells.find('.kv-state-expanded').length);
setExpanded($hdrIcon);
$hdrIcon.html(collapseIcon);
$hdrCell.attr('title', collapseAllTitle);
$grid.trigger('kvexprow:toggleAll', [extraData, false]);
} else {
if (collAll) {
setRowNum($cells.find('.kv-state-collapsed').length);
setCollapsed($hdrIcon);
$hdrIcon.html(expandIcon);
$hdrCell.attr('title', expandAllTitle);
$grid.trigger('kvexprow:toggleAll', [extraData, true]);
}
}
kvExpandRow(opt, id);
});
};
})(window.jQuery);