Your IP : 216.73.216.220
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* @api
*/
define([
'ko',
'Magento_Ui/js/lib/view/utils/async',
'underscore',
'uiRegistry',
'uiClass'
], function (ko, $, _, registry, Class) {
'use strict';
return Class.extend({
defaults: {
rootSelector: '${ $.columnsProvider }:.admin__data-grid-wrap',
tableSelector: '${ $.rootSelector } -> table',
rowSelector: '${ $.tableSelector } tbody tr.data-row',
headerButtonsTmpl:
'<!-- ko template: headerButtonsTmpl --><!-- /ko -->',
bulkTmpl:
'<!-- ko scope: bulk -->' +
'<!-- ko template: getTemplate() --><!-- /ko -->' +
'<!-- /ko -->',
rowTmpl:
'<!-- ko with: _editor -->' +
'<!-- ko if: typeof $row() !== "undefined" -->' +
'<!-- ko if: isActive($row()._rowIndex, true) -->' +
'<!-- ko if: typeof $row() !== "undefined" -->' +
'<!-- ko with: getRecord($row()._rowIndex, true) -->' +
'<!-- ko template: rowTmpl --><!-- /ko -->' +
'<!-- /ko -->' +
'<!-- /ko -->' +
'<!-- ko if: typeof $row() !== "undefined" -->' +
'<!-- ko if: isSingleEditing && singleEditingButtons -->' +
'<!-- ko template: rowButtonsTmpl --><!-- /ko -->' +
'<!-- /ko -->' +
'<!-- /ko -->' +
'<!-- /ko -->' +
'<!-- /ko -->' +
'<!-- /ko -->'
},
/**
* Initializes view component.
*
* @returns {View} Chainable.
*/
initialize: function () {
_.bindAll(
this,
'initRoot',
'initTable',
'initRow',
'rowBindings',
'tableBindings'
);
this._super();
this.model = registry.get(this.model);
$.async(this.rootSelector, this.initRoot);
$.async(this.tableSelector, this.initTable);
$.async(this.rowSelector, this.initRow);
return this;
},
/**
* Initializes columns root container.
*
* @param {HTMLElement} node
* @returns {View} Chainable.
*/
initRoot: function (node) {
$(this.headerButtonsTmpl)
.insertBefore(node)
.applyBindings(this.model);
return this;
},
/**
* Initializes table element.
*
* @param {HTMLTableElement} table
* @returns {View} Chainable.
*/
initTable: function (table) {
$(table).bindings(this.tableBindings);
this.initBulk(table);
return this;
},
/**
* Initializes bulk editor element
* for the provided table.
*
* @param {HTMLTableElement} table
* @returns {View} Chainable.
*/
initBulk: function (table) {
var tableBody = $('tbody', table)[0];
$(this.bulkTmpl)
.prependTo(tableBody)
.applyBindings(this.model);
return this;
},
/**
* Initializes table row.
*
* @param {HTMLTableRowElement} row
* @returns {View} Chainable.
*/
initRow: function (row) {
var $editingRow;
$(row).extendCtx({
_editor: this.model
}).bindings(this.rowBindings);
$editingRow = $(this.rowTmpl)
.insertBefore(row)
.applyBindings(row);
ko.utils.domNodeDisposal.addDisposeCallback(row, this.removeEditingRow.bind(this, $editingRow));
return this;
},
/**
* Returns row bindings.
*
* @param {Object} ctx - Current context of a row.
* @returns {Object}
*/
rowBindings: function (ctx) {
var model = this.model;
return {
visible: ko.computed(function () {
var record = ctx.$row(),
index = record && record._rowIndex;
return !model.isActive(index, true);
})
};
},
/**
* Returns table bindings.
*
* @returns {Object}
*/
tableBindings: function () {
var model = this.model;
return {
css: {
'_in-edit': ko.computed(function () {
return model.hasActive() && !model.permanentlyActive;
})
}
};
},
/**
* Removes specified array of nodes.
*
* @param {ArrayLike} row
*/
removeEditingRow: function (row) {
_.toArray(row).forEach(ko.removeNode);
}
});
});