scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-03-03 19:24:48 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix handontable interactions [SCI-9655]

Browse source
This commit is contained in:
Martin Artnik 2023-11-08 12:26:11 +01:00
parent 754bec06d5
commit 4f9def96ca
1 changed files with 17 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
app/javascript/vue/shared/content/table.vue
View file

@ -86,6 +86,7 @@
return {
editingName: false,
editingTable: false,
editingCell: false,
tableObject: null,
nameModalOpen: false,
reloadHeader: 0,
@ -126,13 +127,10 @@
}
},
created() {
this.editingCell = false;
window.addEventListener('beforeunload', (e) => {
if (this.editingCell) {
e.preventDefault();
e.returnValue = '';
}
});
window.addEventListener('beforeunload', this.showSaveWarning);
},
beforeDestroy() {
window.removeEventListener('beforeunload', this.showSaveWarning);
},
updated() {
if(!this.updatingTableData) this.loadTableData();
@ -149,6 +147,12 @@
}
},
methods: {
showSaveWarning(e) {
if (this.editingCell) {
e.preventDefault();
e.returnValue = '';
}
},
enableTableEdit() {
if(this.locked) {
return;
@ -265,27 +269,25 @@
readOnly: !this.editingTable,
afterUnlisten: () => {
this.updatingTableData = true;
setTimeout(this.updateTable, 100) // delay makes cancel button work
this.updateTable();
},
afterSelectionEnd: () => {
afterChange: () => {
if (this.editingTable == false) return;
this.editingCell = false;
this.updatingTableData = true;
this.$nextTick(() => {
this.update();
this.update(() => this.editingCell = false);
});
},
beforeChange: () => {
this.editingCell = false;
},
beforeKeyDown: (e) => {
if (e.keyCode === 27) { // esc
this.editingCell = false;
return;
}
this.editingCell = true;
},
afterBeginEditing: (e) => {
this.editingCell = true;
}
});
this.$nextTick(this.tableObject.render);
}