File manager

File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/js/landing/node/text/tableeditor/dist/tableeditor.bundle.js

Back
this.BX = this.BX \|\| {}; this.BX.Landing = this.BX.Landing \|\| {}; this.BX.Landing.Node = this.BX.Landing.Node \|\| {}; this.BX.Landing.Node.Text = this.BX.Landing.Node.Text \|\| {}; (function (exports,ui_draganddrop_draggable,main_core) { 'use strict'; var TableEditor = /#__PURE__/function () { function TableEditor(node) { babelHelpers.classCallCheck(this, TableEditor); this.node = node; this.tBody = this.node.getElementsByTagName('tbody')[0]; this.table = node.querySelector('.landing-table'); this.addTitles(this.node); this.enableEditCells(this.table); this.dragAndDropRows(this); this.dragAndDropCols(this); this.resizeColumn(this); this.buildLines(this); this.addRow(this); this.addCol(this); this.onUnselect(this); this.unselect(this); this.selectAll(this); this.selectRow(this); this.selectCol(this); this.onCopyTable(this); this.onDeleteElementTable(this); this.onShowPopupMenu(this); } babelHelpers.createClass(TableEditor, [{ key: "addTitles", value: function addTitles(tableNode) { if (!tableNode.hasAttribute('title-added')) { tableNode.title = ''; tableNode.querySelector('.landing-table-th-select-all').title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_SELECT_TABLE")); tableNode.querySelectorAll('.landing-table-div-col-dnd').forEach(function (element) { element.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_DND_COLS")); }); tableNode.querySelectorAll('.landing-table-col-resize').forEach(function (element) { element.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_RESIZE_COLS")); }); tableNode.querySelectorAll('.landing-table-col-add').forEach(function (element) { element.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_BUTTON_ADD_COL")); }); tableNode.querySelectorAll('.landing-table-row-dnd').forEach(function (element) { element.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_DND_ROWS")); }); tableNode.querySelectorAll('.landing-table-row-add').forEach(function (element) { element.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_BUTTON_ADD_ROW")); }); tableNode.querySelectorAll('.landing-table-td').forEach(function (element) { element.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_BUTTON_CHANGE_TEXT")); }); tableNode.setAttribute('title-added', 'true'); } } }, { key: "unselect", value: function unselect(tableEditor) { var isSelectAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; if (!isSelectAll) { tableEditor.table.classList.remove('table-selected-all'); this.removeClasses(tableEditor.table, 'landing-table-th-select-all-selected'); this.removeClasses(tableEditor.table, 'landing-table-cell-selected'); } this.removeClasses(tableEditor.table, 'landing-table-row-selected'); this.removeClasses(tableEditor.table, 'landing-table-th-selected'); this.removeClasses(tableEditor.table, 'landing-table-th-selected-cell'); this.removeClasses(tableEditor.table, 'landing-table-th-selected-top'); this.removeClasses(tableEditor.table, 'landing-table-th-selected-x'); this.removeClasses(tableEditor.table, 'landing-table-tr-selected-left'); this.removeClasses(tableEditor.table, 'landing-table-tr-selected-y'); this.removeClasses(tableEditor.table, 'landing-table-col-selected'); this.removeClasses(tableEditor.table, 'landing-table-tr-selected'); this.removeClasses(tableEditor.table, 'table-selected-all-right'); this.removeClasses(tableEditor.table, 'table-selected-all-bottom'); } }, { key: "onUnselect", value: function onUnselect(tableEditor) { main_core.Event.bind(tableEditor.table, 'click', function () { var classList = ['landing-table-th-select-all', 'landing-table-row-dnd', 'landing-table-row-add']; var isContains = babelHelpers.toConsumableArray(event.target.classList).some(function (className) { return classList.includes(className); }); if (!isContains) { var classListChild = ['landing-table-col-dnd']; isContains = babelHelpers.toConsumableArray(event.target.parentElement.classList).some(function (className) { return classListChild.includes(className); }); if (!isContains) { tableEditor.unselect(tableEditor); } } }); } }, { key: "selectAll", value: function selectAll(tableEditor) { var thTech = tableEditor.table.querySelector('.landing-table-th-select-all'); main_core.Event.bind(thTech, 'click', function () { var isSelectedTable = false; if (tableEditor.table.classList.contains('table-selected-all')) { isSelectedTable = true; } tableEditor.unselect(tableEditor, true); var setRows = tableEditor.table.querySelectorAll('.landing-table-tr'); var count = 0; setRows.forEach(function (row) { var setTh = row.childNodes; var index = 0; var lastThIndex = 0; row.childNodes.forEach(function (cell) { if (cell.nodeType === 1) { lastThIndex = index; } index++; }); if (count > 0) { var lastTh = setTh[lastThIndex]; if (isSelectedTable) { lastTh.classList.remove('table-selected-all-right'); } else { lastTh.classList.add('table-selected-all-right'); } } count++; if (count === setRows.length) { setTh.forEach(function (th) { if (th.nodeType === 1) { if (isSelectedTable) { th.classList.remove('table-selected-all-bottom'); } else { th.classList.add('table-selected-all-bottom'); } } }); } }); thTech.classList.toggle('landing-table-th-select-all-selected'); tableEditor.table.classList.toggle('table-selected-all'); tableEditor.table.querySelectorAll('.landing-table-col-dnd').forEach(function (thDnd) { thDnd.classList.toggle('landing-table-cell-selected'); }); tableEditor.table.querySelectorAll('.landing-table-row-dnd').forEach(function (trDnd) { trDnd.classList.toggle('landing-table-cell-selected'); }); }); } }, { key: "selectRow", value: function selectRow(tableEditor) { var neededPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; var setTrDnd = tableEditor.table.querySelectorAll('.landing-table-row-dnd'); if (neededPosition !== null) { var newSetTrDnd = []; newSetTrDnd[0] = setTrDnd[neededPosition]; setTrDnd = newSetTrDnd; } setTrDnd.forEach(function (trDnd) { main_core.Event.bind(trDnd, 'click', function () { if (!event.srcElement.classList.contains('landing-table-row-add')) { tableEditor.unselect(tableEditor); var setTh = trDnd.parentElement.childNodes; var count = 0; setTh.forEach(function (th) { if (th.nodeType === 1) { if (count === 1) { th.classList.add('landing-table-tr-selected-left'); } if (count >= 1) { th.classList.add('landing-table-tr-selected-y'); } count++; } }); trDnd.parentElement.classList.add('landing-table-row-selected'); tableEditor.tBody.classList.add('landing-table-tr-selected'); } }); }); } }, { key: "selectCol", value: function selectCol(tableEditor) { var neededPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; var setThDnd = tableEditor.table.querySelectorAll('.landing-table-col-dnd'); if (neededPosition !== null) { var newSetTrDnd = []; newSetTrDnd[0] = setThDnd[neededPosition]; setThDnd = newSetTrDnd; } setThDnd.forEach(function (thDnd) { main_core.Event.bind(thDnd, 'click', function () { if (!event.srcElement.classList.contains('landing-table-col-add') && !event.srcElement.classList.contains('landing-table-col-resize')) { tableEditor.unselect(tableEditor); var cellIndex = thDnd.cellIndex; var count = 0; tableEditor.tBody.childNodes.forEach(function (tr) { if (tr.nodeType === 1) { var countNode = 0; var nodeCount = 0; var needNodePosition = 0; tr.childNodes.forEach(function (trChild) { if (trChild.nodeType === 1) { if (cellIndex === nodeCount) { needNodePosition = countNode; } nodeCount++; } countNode++; }); if (count === 0) { tr.classList.add('landing-table-col-selected'); tr.childNodes[needNodePosition].classList.add('landing-table-th-selected-cell'); } if (count === 1) { tr.childNodes[needNodePosition].classList.add('landing-table-th-selected-top'); } if (count >= 1) { tr.childNodes[needNodePosition].classList.add('landing-table-th-selected-x'); } count++; tr.childNodes[needNodePosition].classList.add('landing-table-th-selected'); } }); } }); }); } }, { key: "buildLines", value: function buildLines(tableEditor) { if (tableEditor.node) { var width = tableEditor.node.querySelector('.landing-table').getBoundingClientRect().width; var height = tableEditor.node.querySelector('.landing-table').getBoundingClientRect().height; var offset = 5; var linesX = document.querySelectorAll('.landing-table-row-add-line'); linesX.forEach(function (lineX) { lineX.style.width = width + offset + "px"; }); var linesY = document.querySelectorAll('.landing-table-col-add-line'); linesY.forEach(function (lineY) { lineY.style.height = height + offset + "px"; }); } } }, { key: "getButtonsAddRow", value: function getButtonsAddRow(node) { return node.querySelectorAll('.landing-table-row-add'); } }, { key: "addRow", value: function addRow(tableEditor) { var neededPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; var buttons = tableEditor.getButtonsAddRow(tableEditor.node); if (neededPosition !== null) { var button = buttons[neededPosition]; buttons = []; buttons[0] = button; } else { buttons = Array.prototype.slice.call(buttons, 0); } buttons = Array.prototype.slice.call(buttons, 0); buttons.forEach(function (button) { main_core.Event.bind(button, 'click', function () { var selectedCell = tableEditor.table.querySelector('.landing-table-th-selected-cell'); var selectedCellPos = 0; var nodeCount = 0; if (selectedCell) { selectedCell.parentNode.childNodes.forEach(function (node) { if (selectedCellPos === 0 && node === selectedCell) { selectedCellPos = nodeCount; } if (node.nodeType === 1) { nodeCount++; } }); } var trDnd = document.createElement('th'); trDnd.classList.add('landing-table-th', 'landing-table-row-dnd'); if (tableEditor.table.classList.contains('table-selected-all')) { trDnd.classList.add('landing-table-cell-selected'); } var row = button.parentNode.parentNode; var neededPosition = babelHelpers.toConsumableArray(row.parentNode.children).indexOf(button.parentNode.parentNode); var count = 0; var lastElementPosition = 0; tableEditor.tBody.childNodes.forEach(function (element) { if (element.nodeType === 1) { lastElementPosition = count; } count++; }); var tr = tableEditor.tBody.childNodes[lastElementPosition]; var newTd = document.createElement('td'); newTd.classList.add('landing-table-th', 'landing-table-td'); newTd.style.width = '50px'; var table = tableEditor.node.querySelector('.landing-table'); if (table.hasAttribute('bg-color')) { newTd.style.backgroundColor = table.getAttribute('bg-color'); } if (table.hasAttribute('text-color')) { newTd.style.color = table.getAttribute('text-color'); } var newTr = document.createElement('tr'); newTr.classList.add('landing-table-tr'); trDnd.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_DND_ROWS")); trDnd.style.width = '16px'; var divAddRow = document.createElement('div'); divAddRow.classList.add('landing-table-row-add'); divAddRow.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_BUTTON_ADD_COL")); var divLineX = document.createElement('div'); divLineX.classList.add('landing-table-row-add-line'); var divRowDnd = document.createElement('div'); divRowDnd.classList.add('landing-table-div-row-dnd'); divAddRow.appendChild(divLineX); trDnd.appendChild(divAddRow); trDnd.appendChild(divRowDnd); if (tr) { var _count = tr.children.length; var setTd = []; button.parentNode.parentNode.childNodes.forEach(function (item) { if (item.nodeType == 1) { setTd.push(item); } }); for (var i = 0; i < _count; i++) { var newTdCloned = newTd.cloneNode(true); if (i === selectedCellPos) { newTdCloned.classList.add('landing-table-th-selected', 'landing-table-th-selected-x'); } if (i === 0) { newTr.appendChild(trDnd); } else { newTdCloned.style.width = setTd[i].style.width; newTdCloned.style.height = setTd[i].style.height; newTr.appendChild(newTdCloned); } } } button.parentNode.parentNode.parentNode.insertBefore(newTr, button.parentNode.parentNode.nextSibling); tableEditor.buildLines(tableEditor); tableEditor.enableEditCells(tableEditor.node); BX.Landing.Block.Node.Text.currentNode.onChange(true); tableEditor.selectRow(tableEditor, neededPosition); tableEditor.addRow(tableEditor, neededPosition); tableEditor.unselect(tableEditor); BX.Landing.UI.Panel.EditorPanel.getInstance().hide(); }); }); } }, { key: "getButtonsAddCol", value: function getButtonsAddCol(node) { return node.querySelectorAll('.landing-table-col-add'); } }, { key: "addCol", value: function addCol(tableEditor) { var neededPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; var buttons = tableEditor.getButtonsAddCol(tableEditor.node); if (neededPosition !== null) { // todo: is ok? var button = buttons[neededPosition]; buttons = []; buttons[0] = button; } else { buttons = Array.prototype.slice.call(buttons, 0); } buttons.forEach(function (button) { main_core.Event.bind(button, 'click', function () { var selectedRow = tableEditor.table.querySelector('.landing-table-row-selected'); var selectedRowPos = 0; var countNode = 0; if (selectedRow) { selectedRow.parentNode.childNodes.forEach(function (node) { if (node === selectedRow && selectedRowPos === 0) { selectedRowPos = countNode; } if (node.nodeType === 1) { countNode++; } }); } var newThFirst; var newThFirstCloned; newThFirst = document.createElement('th'); newThFirst.classList.add('landing-table-th', 'landing-table-col-dnd'); newThFirst.style.width = '50px'; if (tableEditor.table.classList.contains('table-selected-all')) { newThFirst.classList.add('landing-table-cell-selected'); } var row = button.parentNode.parentNode; var neededPosition = babelHelpers.toConsumableArray(row.children).indexOf(button.parentNode); if (tableEditor.tBody.childNodes.length > 0) { var count = 0; tableEditor.tBody.childNodes.forEach(function (element) { if (element.nodeType === 1) { newThFirstCloned = newThFirst.cloneNode(true); var divColumnDnd = document.createElement('div'); divColumnDnd.classList.add('landing-table-div-col-dnd'); divColumnDnd.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_DND_COLS")); var divColumnResize = document.createElement('div'); divColumnResize.classList.add('landing-table-col-resize'); divColumnResize.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_RESIZE_COLS")); var divAddColHere = document.createElement('div'); divAddColHere.classList.add('landing-table-col-add'); divAddColHere.title = BX.Landing.Utils.escapeText(BX.Landing.Loc.getMessage("LANDING_TABLE_BUTTON_ADD_COL")); var divLineY = document.createElement('div'); divLineY.classList.add('landing-table-col-add-line'); divAddColHere.appendChild(divLineY); newThFirstCloned.appendChild(divColumnDnd); newThFirstCloned.appendChild(divColumnResize); newThFirstCloned.appendChild(divAddColHere); var newTd = document.createElement('td'); newTd.classList.add('landing-table-th', 'landing-table-td'); newTd.style.width = '50px'; var table = tableEditor.node.querySelector('.landing-table'); if (table.hasAttribute('bg-color')) { newTd.style.backgroundColor = table.getAttribute('bg-color'); } if (table.hasAttribute('text-color')) { newTd.style.color = table.getAttribute('text-color'); } if (selectedRowPos > 0 && selectedRowPos === count) { newTd.classList.add('landing-table-tr-selected-y'); } var countChild = 0; var countNodes = 0; var newNeededPosition = 0; element.childNodes.forEach(function (node) { if (node.nodeType === 1) { if (countNodes === neededPosition) { newNeededPosition = countChild; } countNodes++; } countChild++; }); if (count === 0) { element.childNodes[newNeededPosition].parentNode.insertBefore(newThFirstCloned, element.childNodes[newNeededPosition].nextSibling); } else { element.childNodes[newNeededPosition].parentNode.insertBefore(newTd, element.childNodes[newNeededPosition].nextSibling); } count++; } }); } tableEditor.buildLines(tableEditor); tableEditor.enableEditCells(tableEditor.node); BX.Landing.Block.Node.Text.currentNode.onChange(true); tableEditor.selectCol(tableEditor, neededPosition); tableEditor.addCol(tableEditor, neededPosition); tableEditor.unselect(tableEditor); BX.Landing.UI.Panel.EditorPanel.getInstance().hide(); }); }); } }, { key: "dragAndDropRows", value: function dragAndDropRows(tableEditor) { var _this = this; this.draggableRows = new ui_draganddrop_draggable.Draggable({ container: tableEditor.tBody, draggable: '.landing-table-tr', dragElement: '.landing-table-row-dnd', type: ui_draganddrop_draggable.Draggable.HEADLESS }); var rows = []; var setRowPositionsY; var setRowHeights; var currentPositionRow; var newPositionRow = 0; var draggableRowOffsetY; var tablePositionLeft; var tablePositionTop; var currentPositionRowX; var currentPositionRowY; var cloneRow; var originalSource; this.draggableRows.subscribe('start', function (event) { originalSource = _this.draggableRows.dragStartEvent.data.originalSource; tablePositionLeft = tableEditor.tBody.getBoundingClientRect().left; tablePositionTop = tableEditor.tBody.getBoundingClientRect().top; setRowPositionsY = []; setRowHeights = []; draggableRowOffsetY = 0; currentPositionRow = event.getData().sourceIndex; rows = tableEditor.tBody.querySelectorAll('.landing-table-tr'); rows.forEach(function (row) { setRowPositionsY.push(row.getBoundingClientRect().y); setRowHeights.push(row.getBoundingClientRect().height); }); currentPositionRowX = rows[currentPositionRow].getBoundingClientRect().x; currentPositionRowY = rows[currentPositionRow].getBoundingClientRect().y; cloneRow = document.createElement('tr'); cloneRow.classList.add('landing-table-tr-draggable'); rows[currentPositionRow].childNodes.forEach(function (node) { cloneRow.append(node.cloneNode(true)); }); if (rows[currentPositionRow].classList.contains('landing-table-row-selected')) { cloneRow.classList.add('landing-table-row-selected'); } var indexFirstNode; var count = 0; while (!indexFirstNode) { if (rows[currentPositionRow].childNodes[count].nodeType === 1) { indexFirstNode = count; } count++; } cloneRow.childNodes[indexFirstNode].style.borderRadius = getComputedStyle(rows[currentPositionRow].childNodes[indexFirstNode]).borderRadius; }).subscribe('move', function (event) { if (!originalSource.classList.contains('landing-table-row-add')) { tableEditor.tBody.classList.add("landing-table-draggable"); rows[currentPositionRow].classList.add('landing-table-tr-taken'); draggableRowOffsetY = event.getData().offsetY; tableEditor.tBody.append(cloneRow); cloneRow.style.position = "absolute"; cloneRow.style.top = currentPositionRowY - tablePositionTop + draggableRowOffsetY - 0.5 + 'px'; cloneRow.style.left = currentPositionRowX - tablePositionLeft - 0.5 + 'px'; if (draggableRowOffsetY > 0) { cloneRow.style.transform = 'rotate(-1deg)'; } else { cloneRow.style.transform = 'rotate(1deg)'; } } }).subscribe('end', function () { cloneRow.remove(); rows[currentPositionRow].classList.remove('landing-table-tr-taken'); rows[currentPositionRow].style = ''; var newDraggableRowPositionY = currentPositionRowY + draggableRowOffsetY; var newDraggableRowPositionBottomY = newDraggableRowPositionY + rows[currentPositionRow].getBoundingClientRect().height; if (draggableRowOffsetY < 0) { for (var i = 0; i < setRowPositionsY.length; i++) { var transitivePositionY = setRowPositionsY[i]; if (i === currentPositionRow) { transitivePositionY = setRowPositionsY[i] - setRowHeights[i - 1] / 2; } if (newDraggableRowPositionY >= transitivePositionY) { newPositionRow = i; } } } if (draggableRowOffsetY === 0) { newPositionRow = currentPositionRow; } if (draggableRowOffsetY > 0) { for (var _i = 0; _i < setRowPositionsY.length; _i++) { var _transitivePositionY = setRowPositionsY[_i] + setRowHeights[_i] / 2; if (_i === currentPositionRow) { _transitivePositionY = setRowPositionsY[_i]; } if (newDraggableRowPositionBottomY >= _transitivePositionY) { newPositionRow = _i; } } } //draggable row can only be in the 1 position, 0 position for technical row if (newPositionRow === 0) { newPositionRow++; } //need to move if (currentPositionRow !== newPositionRow) { var referenceNode = null; var referenceNodeNext = null; if (rows[newPositionRow]) { referenceNode = rows[newPositionRow]; referenceNodeNext = referenceNode.nextSibling; while (referenceNodeNext && referenceNodeNext.nodeType !== 1) { referenceNodeNext = referenceNodeNext.nextSibling; } } if (currentPositionRow > newPositionRow) { tableEditor.tBody.insertBefore(rows[currentPositionRow], referenceNode); } if (currentPositionRow < newPositionRow) { tableEditor.tBody.insertBefore(rows[currentPositionRow], referenceNodeNext); } } tableEditor.tBody.classList.remove("landing-table-draggable"); BX.Landing.Block.Node.Text.currentNode.onChange(true); }); } }, { key: "dragAndDropCols", value: function dragAndDropCols(tableEditor) { this.draggableCols = new ui_draganddrop_draggable.Draggable({ container: tableEditor.tBody, draggable: '.landing-table-div-col-dnd', type: ui_draganddrop_draggable.Draggable.HEADLESS }); var currentPositionCol; var newPositionCol = 0; var draggableColOffsetX; var draggableColOffsetY; var setColCells = []; var setColPositionsX; var setColWidths; var setRows; var tablePositionLeft; var currentPositionColX; var setColCellsStyles; var draggableCol; this.draggableCols.subscribe('start', function (event) { tablePositionLeft = tableEditor.tBody.getBoundingClientRect().left; setColPositionsX = []; setColWidths = []; setColCellsStyles = []; draggableColOffsetX = 0; draggableColOffsetY = 0; currentPositionCol = event.getData().originalSource.parentNode.cellIndex; if (currentPositionCol) { setColCells = babelHelpers.toConsumableArray(tableEditor.tBody.querySelectorAll('.landing-table-tr')).map(function (row) { return row.children[currentPositionCol]; }); setRows = tableEditor.tBody.querySelectorAll('.landing-table-tr'); var thListOfFirstRow = setRows[0].childNodes; thListOfFirstRow.forEach(function (thOfFirstRow) { if (thOfFirstRow.nodeType === 1) { setColPositionsX.push(thOfFirstRow.getBoundingClientRect().x); setColWidths.push(thOfFirstRow.getBoundingClientRect().width); } }); } currentPositionColX = setColCells[0].getBoundingClientRect().x; draggableCol = document.createElement('div'); setColCells.forEach(function (cell) { setColCellsStyles.push(cell.getAttribute('style')); draggableCol.append(cell.cloneNode(true)); draggableCol.lastChild.style.borderRadius = getComputedStyle(cell).borderRadius; draggableCol.lastChild.style.height = cell.getBoundingClientRect().height + 'px'; draggableCol.lastChild.style.width = cell.getBoundingClientRect().width + 'px'; }); draggableCol.hidden = true; draggableCol.classList.add('landing-table-col-draggable'); tableEditor.tBody.append(draggableCol); }).subscribe('move', function (event) { tableEditor.tBody.classList.add("landing-table-draggable"); setColCells.forEach(function (cell) { cell.classList.add('landing-table-col-taken'); }); draggableColOffsetX = event.getData().offsetX; draggableColOffsetY = event.getData().offsetY; draggableCol.hidden = false; draggableCol.style.position = "absolute"; draggableCol.style.left = currentPositionColX - tablePositionLeft + draggableColOffsetX + 'px'; draggableCol.style.top = 0 + 'px'; if (draggableColOffsetX < 0) { draggableCol.style.transform = 'rotate(-1deg)'; } if (draggableColOffsetX > 0) { draggableCol.style.transform = 'rotate(1deg)'; } }).subscribe('end', function () { draggableCol.remove(); setColCells.forEach(function (cell) { cell.hidden = false; }); if (currentPositionCol) { var newDraggableColPositionX = setColPositionsX[currentPositionCol] + draggableColOffsetX; var newDraggableColPositionRightX = setColPositionsX[currentPositionCol] + draggableColOffsetX + setColCells[0].getBoundingClientRect().width; var i = 0; setColCells.forEach(function (cell) { cell.style = setColCellsStyles[i]; cell.classList.remove('landing-table-col-taken'); i++; }); if (draggableColOffsetX < 0) { for (var _i2 = 0; _i2 < setColPositionsX.length; _i2++) { var transitivePositionX = setColPositionsX[_i2]; if (_i2 > 0) { transitivePositionX = setColPositionsX[_i2] - setColWidths[_i2 - 1] / 2; } if (newDraggableColPositionX > transitivePositionX) { newPositionCol = _i2; } } } if (draggableColOffsetX === 0) { newPositionCol = currentPositionCol; } if (draggableColOffsetX > 0) { for (var _i3 = 0; _i3 < setColPositionsX.length; _i3++) { var _transitivePositionX = setColPositionsX[_i3] + setColWidths[_i3] / 2; if (_i3 === currentPositionCol) { _transitivePositionX = setColPositionsX[_i3]; } if (newDraggableColPositionRightX > _transitivePositionX) { newPositionCol = _i3; } } } //draggable col can only be in the 1 position, 0 position for technical if (newPositionCol === 0) { newPositionCol++; } if (currentPositionCol !== newPositionCol) { setRows.forEach(function (row) { var childCells = []; row.childNodes.forEach(function (th) { if (th.nodeType === 1) { childCells.push(th); } }); var referenceNode = null; var referenceNodeNext = null; if (childCells[newPositionCol]) { referenceNode = childCells[newPositionCol]; referenceNodeNext = referenceNode.nextSibling; while (referenceNodeNext && referenceNodeNext.nodeType !== 1) { referenceNodeNext = referenceNodeNext.nextSibling; } } if (currentPositionCol > newPositionCol) { row.insertBefore(childCells[currentPositionCol], referenceNode); } if (currentPositionCol < newPositionCol) { row.insertBefore(childCells[currentPositionCol], referenceNodeNext); } }); } tableEditor.tBody.classList.remove("landing-table-draggable"); BX.Landing.Block.Node.Text.currentNode.onChange(true); } }); } }, { key: "resizeColumn", value: function resizeColumn(tableEditor) { var tbody = this.tBody; this.resizeElement = new ui_draganddrop_draggable.Draggable({ container: tbody, draggable: '.landing-table-col-resize', type: ui_draganddrop_draggable.Draggable.HEADLESS }); var thWidth; var setTh; this.resizeElement.subscribe('start', function (event) { setTh = []; var th = event.getData().draggable.parentNode; thWidth = th.getBoundingClientRect().width; var currentPosition = th.cellIndex; var setTr = tbody.querySelectorAll('.landing-table-tr'); setTr.forEach(function (tr) { setTh.push(tr.children[currentPosition]); }); }).subscribe('move', function (event) { var offsetX = event.getData().offsetX; var thNewWidth = thWidth + offsetX; setTh.forEach(function (th) { BX.Dom.style(th, 'width', "".concat(thNewWidth, "px")); }); }).subscribe('end', function () { var tBodyWidth = tbody.getBoundingClientRect().width; var tableContainerWidth = tbody.parentElement.parentElement.getBoundingClientRect().width; if (tableContainerWidth > tBodyWidth) { tbody.parentElement.parentElement.classList.add('landing-table-scroll-hidden'); } else { tbody.parentElement.parentElement.classList.remove('landing-table-scroll-hidden'); } tableEditor.buildLines(tableEditor); BX.Landing.Block.Node.Text.currentNode.onChange(true); }); } }, { key: "enableEditCells", value: function enableEditCells(table) { var thContentList = table.querySelectorAll('.landing-table-td'); thContentList.forEach(function (td) { td.setAttribute('contenteditable', 'true'); }); } }, { key: "removeClasses", value: function removeClasses(element, className) { var setElements = element.querySelectorAll('.' + className); setElements.forEach(function (element) { element.classList.remove(className); }); } }, { key: "onCopyTable", value: function onCopyTable(tableEditor) { BX.Event.EventEmitter.subscribe('BX.Landing.TableEditor:onCopyTable', function () { tableEditor.unselect(tableEditor); BX.Landing.UI.Panel.EditorPanel.getInstance().hide(); }); } }, { key: "onShowPopupMenu", value: function onShowPopupMenu(tableEditor) { BX.Event.EventEmitter.subscribe('BX.Landing.PopupMenuWindow:onShow', function () { tableEditor.unselect(tableEditor); BX.Landing.UI.Panel.EditorPanel.getInstance().hide(); }); } }, { key: "onDeleteElementTable", value: function onDeleteElementTable(tableEditor) { BX.Event.EventEmitter.subscribe('BX.Landing.TableEditor:onDeleteElementTable', function () { tableEditor.buildLines(tableEditor); }); } }]); return TableEditor; }(); exports.default = TableEditor; }((this.BX.Landing.Node.Text.TableEditor = this.BX.Landing.Node.Text.TableEditor \|\| {}),BX.UI.DragAndDrop,BX)); //# sourceMappingURL=tableeditor.bundle.js.map

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.28 | proxy | phpinfo | Settings