projects/emailtemplate.it
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

table

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2026-02-09 01:00:10 +01:00
parent 2ffc1cc58b
commit 9231f4a029
2 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
config/current.ver
View File

@@ -1 +1 @@
1.2.86 1.2.87

34
public/assets/js/bridge/table-builder.js
View File

@@ -125,11 +125,16 @@
container.style.flexDirection = 'column'; container.style.flexDirection = 'column';
container.style.gap = '12px'; container.style.gap = '12px';
container.style.minWidth = '280px'; container.style.minWidth = '280px';
container.style.maxWidth = '360px';
container.style.width = '100%';
const label = document.createElement('label'); const label = document.createElement('label');
label.textContent = 'Anzahl Zeilen'; label.textContent = 'Anzahl Zeilen';
label.style.fontSize = '13px'; label.style.fontSize = '13px';
label.style.fontWeight = '600'; label.style.fontWeight = '600';
label.style.display = 'flex';
label.style.flexDirection = 'column';
label.style.gap = '6px';
const input = document.createElement('input'); const input = document.createElement('input');
input.type = 'number'; input.type = 'number';
@@ -140,6 +145,7 @@
input.style.padding = '6px 8px'; input.style.padding = '6px 8px';
input.style.border = '1px solid #cbd5f5'; input.style.border = '1px solid #cbd5f5';
input.style.borderRadius = '4px'; input.style.borderRadius = '4px';
input.style.boxSizing = 'border-box';
label.appendChild(input); label.appendChild(input);
container.appendChild(label); container.appendChild(label);
@@ -148,6 +154,9 @@
colLabel.textContent = 'Anzahl Spalten'; colLabel.textContent = 'Anzahl Spalten';
colLabel.style.fontSize = '13px'; colLabel.style.fontSize = '13px';
colLabel.style.fontWeight = '600'; colLabel.style.fontWeight = '600';
colLabel.style.display = 'flex';
colLabel.style.flexDirection = 'column';
colLabel.style.gap = '6px';
const colInput = document.createElement('input'); const colInput = document.createElement('input');
colInput.type = 'number'; colInput.type = 'number';
@@ -158,6 +167,7 @@
colInput.style.padding = '6px 8px'; colInput.style.padding = '6px 8px';
colInput.style.border = '1px solid #cbd5f5'; colInput.style.border = '1px solid #cbd5f5';
colInput.style.borderRadius = '4px'; colInput.style.borderRadius = '4px';
colInput.style.boxSizing = 'border-box';
colLabel.appendChild(colInput); colLabel.appendChild(colInput);
container.appendChild(colLabel); container.appendChild(colLabel);
@@ -235,6 +245,30 @@
}; };
let lastClickedCellComp = null; let lastClickedCellComp = null;
let tableCellClickBound = false;
const bindTableCellClick = () => {
if (tableCellClickBound) return;
const body = editor.Canvas && editor.Canvas.getBody && editor.Canvas.getBody();
if (!body) return;
tableCellClickBound = true;
body.addEventListener('click', (evt) => {
const target = evt.target && evt.target.closest ? evt.target.closest('td,th') : null;
if (!target) return;
const tableEl = target.closest && target.closest('table');
if (!tableEl || tableEl.getAttribute('data-bridge-table') !== '1') return;
const comp = editor.DomComponents && editor.DomComponents.getComponent
? editor.DomComponents.getComponent(target)
: null;
if (comp) {
lastClickedCellComp = comp;
editor.select(comp);
evt.preventDefault();
evt.stopPropagation();
}
}, true);
};
editor.on('load', bindTableCellClick);
setTimeout(bindTableCellClick, 0);
if (editor.Commands && editor.Commands.add) { if (editor.Commands && editor.Commands.add) {
editor.Commands.add('bridge-table:edit', { editor.Commands.add('bridge-table:edit', {