matt/WebEditor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Can clear selected cells with delete or backspace

Browse Source
This commit is contained in:
Matthew Welch 2021-01-23 20:51:50 -08:00
parent 80847801f4
commit a302b37b0d
1 changed files with 32 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/js/editor.ts
View File

@ -598,7 +598,6 @@ function headerContextMenu(event, header_id) {
function navContextMenu(event, table_id) { function navContextMenu(event, table_id) {
if (is_positioning) {return;} if (is_positioning) {return;}
let data = getSelectionData();
let menu = $("<div>") let menu = $("<div>")
.attr("id", "context-menu-"+table_id) .attr("id", "context-menu-"+table_id)
.addClass("border context-menu text-nowrap list-group") .addClass("border context-menu text-nowrap list-group")
@ -617,7 +616,7 @@ function navContextMenu(event, table_id) {
.text("Delete Table") .text("Delete Table")
.attr({"data-bs-toggle": "modal", "data-bs-target": "#delete-table"}) .attr({"data-bs-toggle": "modal", "data-bs-target": "#delete-table"})
.on("click", () => { .on("click", () => {
$("#confirm-delete-table").one("click", (event) => { $("#confirm-delete-table").one("click", () => {
deleteTable(table_id); deleteTable(table_id);
}) })
menu.remove(); menu.remove();
@ -883,7 +882,7 @@ function getDeselectingNodes() {
}); });
} }
function getSelectedCells() { function getSelectedCells(): Array<string> {
let selectable = getSelectable(); let selectable = getSelectable();
let nodes = selectable.getSelectedNodes(); let nodes = selectable.getSelectedNodes();
if (nodes.length === 0) { if (nodes.length === 0) {
@ -914,19 +913,6 @@ function copyToClipboard(cut=false) {
row = "header"; row = "header";
} }
let item_text = el.text(); let item_text = el.text();
if (cut) {
el.text("");
let data = getSelectionData();
let table_index = data["table_index"];
let col_index = el.index();
if (el.prop("tagName") === "TH") {
tables_data[table_index]["columns"][col_index]["title"] = "";
} else {
let row_key = tables_data[table_index]["columns"][col_index]["field"];
let row_index = el.parent().index();
tables_data[table_index]["rows"][row_index][row_key] = "";
}
}
if (!previous_row) { if (!previous_row) {
selection += item_text; selection += item_text;
previous_row_elm.append("<td>"+item_text+"</td>"); previous_row_elm.append("<td>"+item_text+"</td>");
@ -941,6 +927,9 @@ function copyToClipboard(cut=false) {
} }
previous_row = row; previous_row = row;
} }
if (cut) {
clearCells(getSelectedCells());
}
table.append(previous_row_elm); table.append(previous_row_elm);
clipboard.clear(); clipboard.clear();
clipboard.write({ clipboard.write({
@ -957,7 +946,7 @@ function pasteFromClipboard() {
row_cols[i] = rows[i].split("\t"); row_cols[i] = rows[i].split("\t");
} }
let selectable = getSelectable(); let selectable = getSelectable();
let selected_items = selectable.getSelectedItems(); let selected_items = selectable.getSelectedItems(false);
selected_items.splice(0, 1); selected_items.splice(0, 1);
if(selected_items.length > 0) { if(selected_items.length > 0) {
selectable.deselect(selected_items); selectable.deselect(selected_items);
@ -1007,9 +996,32 @@ function selectAll(event) {
} }
function backspaceDelete(event: JQuery.KeyDownEvent) { function backspaceDelete(event: JQuery.KeyDownEvent) {
if (!event.ctrlKey && !event.shiftKey && !event.altKey && (event.key == "Backspace" || event.key == "Delete")) {
let cells = getSelectedCells();
if (cells.length > 0) {
clearCells(cells);
}
}
} }
function getColumnIDs(columns) { function clearCells(cells: Array<string>) {
for (let cell of cells) {
let el = $("#"+cell);
el.text("");
let data = getSelectionData();
let table_index = data["table_index"];
let col_index = el.index();
if (el.prop("tagName") === "TH") {
tables_data[table_index]["columns"][col_index]["title"] = "";
} else {
let row_key = tables_data[table_index]["columns"][col_index]["field"];
let row_index = el.parent().index();
tables_data[table_index]["rows"][row_index][row_key] = "";
}
}
}
function getColumnIDs(columns): Array<string> {
let ids = []; let ids = [];
for (let col of columns) { for (let col of columns) {
ids.push(col["field"]); ids.push(col["field"]);
@ -1017,7 +1029,7 @@ function getColumnIDs(columns) {
return ids; return ids;
} }
function getRowIDs(rows) { function getRowIDs(rows): Array<string> {
let ids = []; let ids = [];
for (let row of rows) { for (let row of rows) {
ids.push(row["uid"]); ids.push(row["uid"]);
@ -1025,7 +1037,7 @@ function getRowIDs(rows) {
return ids; return ids;
} }
function getTableIDs() { function getTableIDs(): Array<string> {
let ids = []; let ids = [];
for (let table of tables_data) { for (let table of tables_data) {
ids.push(table["id"]); ids.push(table["id"]);